@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap");:root{--bg:#050508;--surface:#0d0d14;--surface2:#13131f;--surface3:#1a1a26;--border:#1e1e30;--border2:#2a2a42;--green:#00e5a0;--green-hover:#00ffb3;--green-bg:rgba(0,229,160,.08);--green-border:rgba(0,229,160,.2);--red:#ff4d6d;--red-bg:rgba(255,77,109,.08);--red-border:rgba(255,77,109,.2);--amber:#f0a500;--amber-bg:rgba(240,165,0,.08);--amber-border:rgba(240,165,0,.2);--blue:#5b8af5;--blue-bg:rgba(91,138,245,.08);--blue-border:rgba(91,138,245,.2);--text:#e8e8f0;--muted:#88a;--muted2:#5a5a7a;--mono:"DM Mono",monospace;--display:"Bebas Neue",sans-serif;--body:"DM Sans",sans-serif}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.6}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:.78rem;cursor:pointer;transition:all .15s;border:1px solid var(--border2);background:transparent;color:var(--muted);white-space:nowrap}.btn:hover{color:var(--text);background:var(--surface2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--green);color:#000;border-color:var(--green);font-weight:500}.btn.primary:hover{background:var(--green-hover)}.btn.danger{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;padding:2px 8px;border-radius:5px;font-weight:500;font-family:var(--mono);white-space:nowrap}.badge-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-warn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-gray{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-ok{background:var(--green);box-shadow:0 0 4px var(--green)}.dot-err{background:var(--red);box-shadow:0 0 4px var(--red)}.dot-warn{background:var(--amber)}.dot-gray{background:var(--muted2)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.panel-title{font-size:.85rem;font-weight:500;color:var(--text)}.panel-sub{font-size:.7rem;color:var(--muted);margin-top:2px}.panel-body{padding:.75rem 1.25rem 1rem}.tbl{width:100%;border-collapse:collapse;font-size:.78rem}.tbl th{text-align:left;font-size:.65rem;color:var(--muted2);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;padding:0 0 10px;font-weight:400}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:10px 0;color:var(--muted);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:hsla(0,0%,100%,.01)}.tbl td.strong{color:var(--text);font-weight:500}.tbl td.mono{font-family:var(--mono);font-size:.72rem;color:var(--muted2)}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.alert-item:last-child{border-bottom:none}.alert-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;font-family:var(--mono)}.alert-icon.err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.alert-icon.warn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.alert-icon.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.alert-icon.info{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.alert-body{flex:1 1;min-width:0}.alert-title{font-size:.8rem;color:var(--text);font-weight:500;line-height:1.4}.alert-desc{font-size:.73rem;color:var(--muted);margin-top:3px;line-height:1.4}.alert-time{font-size:.67rem;color:var(--muted2);margin-top:4px;font-family:var(--mono)}.search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:0 10px;height:34px}.search-wrap input{background:transparent;border:none;outline:none;font-family:var(--mono);font-size:.75rem;color:var(--text);width:200px}.search-wrap input::placeholder{color:var(--muted2)}.search-icon{color:var(--muted2);font-size:.8rem}.tabs{display:flex;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:3px}.tab{padding:5px 14px;font-size:.75rem;border-radius:6px;cursor:pointer;color:var(--muted);transition:all .15s;font-family:var(--mono)}.tab.active,.tab:hover{color:var(--text)}.tab.active{background:var(--surface3);border:1px solid var(--border2)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.empty-state p{font-size:.8rem;line-height:1.6}.dashboard-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.dashboard-shell>.app-body{height:calc(100vh - 53px - 29px)}.topnav{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;flex-shrink:0;z-index:10}.logo{font-family:var(--display);font-size:1.5rem;letter-spacing:3px;color:var(--text);margin-right:.5rem;text-decoration:none}.logo span{color:var(--green)}.nav-pill{font-size:.72rem;padding:3px 10px;border-radius:20px;border:1px solid var(--border2);color:var(--muted);font-family:var(--mono);cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.nav-pill:hover{color:var(--text);text-decoration:none}.nav-pill.active{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.topnav-right{margin-left:auto;display:flex;align-items:center;gap:1rem}.plan-tag{font-size:.65rem;padding:2px 8px;border-radius:4px;background:var(--blue-bg);border:1px solid var(--blue-border);color:var(--blue);font-family:var(--mono);letter-spacing:.5px}.org-badge{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px 12px;font-size:.75rem;color:var(--muted)}.org-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s infinite;flex-shrink:0}.notif-btn{width:32px;height:32px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s;text-decoration:none}.notif-btn:hover{border-color:var(--border2)}.notif-dot{width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute;top:5px;right:5px;border:1.5px solid var(--surface)}.avatar{width:32px;height:32px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:var(--green);font-family:var(--mono);cursor:pointer;text-decoration:none;flex-shrink:0;transition:border-color .15s}.user-menu:hover .avatar{border-color:var(--green)}.user-menu{position:relative}.user-dropdown{position:absolute;top:100%;right:0;padding-top:10px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s,transform .15s;z-index:200}.user-menu:hover .user-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.udrop-inner{background:var(--surface2);border:1px solid var(--border2);border-radius:12px;min-width:220px;box-shadow:0 8px 40px rgba(0,0,0,.55);overflow:hidden}.udrop-header{gap:10px;padding:12px 14px}.udrop-header,.udrop-initials{display:flex;align-items:center}.udrop-initials{width:32px;height:32px;border-radius:8px;background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);font-family:var(--mono);font-size:.7rem;font-weight:500;justify-content:center;flex-shrink:0}.udrop-name{font-size:.8rem;color:var(--text);font-weight:500}.udrop-email,.udrop-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.udrop-email{font-size:.7rem;color:var(--muted);font-family:var(--mono);margin-top:1px}.udrop-sep{height:1px;background:var(--border)}.udrop-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:.82rem;color:var(--muted);cursor:pointer;transition:color .13s,background .13s;text-decoration:none;border:none;background:none;width:100%;font-family:inherit;text-align:left}.udrop-item:hover{color:var(--text);background:var(--surface);text-decoration:none}.udrop-icon{width:14px;height:14px;opacity:.55;flex-shrink:0}.udrop-item:hover .udrop-icon{opacity:.85}.udrop-badge{margin-left:auto;font-family:var(--mono);font-size:.6rem;padding:1px 6px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted2)}.udrop-soon{opacity:.65}.udrop-signout:hover{color:var(--red);background:rgba(255,77,109,.06)}.app-body{display:flex;flex:1 1;overflow:hidden;min-height:0}.statusbar,.topnav{position:relative;z-index:60}.sidebar{position:fixed;left:0;top:53px;bottom:29px;z-index:50;width:52px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:.75rem 0 1rem;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar:hover{width:220px;overflow-y:auto;box-shadow:6px 0 32px rgba(0,0,0,.45)}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--border2)}.main{margin-left:52px}.sb-section{font-size:.62rem;color:var(--muted2);letter-spacing:2px;text-transform:uppercase;font-family:var(--mono);white-space:nowrap;max-height:0;overflow:hidden;padding:0 1.25rem;opacity:0;transition:max-height .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1),opacity .15s}.sidebar:hover .sb-section{max-height:40px;padding:12px 1.25rem 6px;opacity:1}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 0 9px 18px;font-size:.82rem;color:var(--muted);cursor:pointer;transition:color .15s,background .15s,padding .2s;border-left:2px solid transparent;text-decoration:none;white-space:nowrap;overflow:hidden}.sidebar:hover .sb-item{padding:9px 1.25rem}.sb-item:hover{text-decoration:none}.sb-item.active,.sb-item:hover{color:var(--text);background:var(--surface2)}.sb-item.active{border-left-color:var(--green)}.sb-icon{width:16px;height:16px;opacity:.6;flex-shrink:0}.sb-item:hover .sb-icon{opacity:.9}.sb-item.active .sb-icon{opacity:1}.sb-label{opacity:0;transition:opacity .15s .05s;flex-shrink:0}.sidebar:hover .sb-label{opacity:1}.sb-badge{margin-left:auto;background:var(--red-bg);border:1px solid var(--red-border);color:var(--red);font-size:.62rem;padding:1px 6px;border-radius:10px;font-family:var(--mono);font-weight:500;flex-shrink:0;opacity:0;transition:opacity .15s .05s}.sidebar:hover .sb-badge{opacity:1}.sb-badge.amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.sb-badge.muted{background:var(--surface2);border-color:var(--border);color:var(--muted2)}.main{flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:0;height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-title{font-size:1.3rem;font-weight:500;color:var(--text)}.page-sub{font-size:.75rem;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.metric{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;transition:border-color .2s}.metric:hover{border-color:var(--border2)}.metric-label{font-size:.7rem;color:var(--muted);font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.metric-val{font-family:var(--display);font-size:2rem;letter-spacing:1px;line-height:1;color:var(--text)}.metric-val.red{color:var(--red)}.metric-val.amber{color:var(--amber)}.metric-val.green{color:var(--green)}.metric-sub{font-size:.68rem;color:var(--muted2);margin-top:5px}.metric-change{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;padding:2px 6px;border-radius:4px;margin-top:6px}.metric-change.up{background:var(--red-bg);color:var(--red)}.metric-change.down{background:var(--green-bg);color:var(--green)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:1.4fr 1fr;grid-gap:1rem}.bl-source{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bl-source-name{font-size:.75rem;color:var(--muted);width:130px;flex-shrink:0}.bl-bar{flex:1 1;height:5px;background:var(--border);overflow:hidden}.bl-bar,.bl-fill{border-radius:3px}.bl-fill{height:100%;background:var(--green);transition:width 1s ease}.bl-fill.partial{background:var(--amber)}.bl-fill.err{background:var(--red)}.bl-pct{font-size:.68rem;color:var(--muted2);font-family:var(--mono);width:34px;text-align:right}.statusbar{height:28px;background:var(--surface);border-top:1px solid var(--border);padding:0 1.5rem;gap:1.5rem;flex-shrink:0}.status-item,.statusbar{display:flex;align-items:center}.status-item{gap:5px;font-size:.65rem;color:var(--muted2);font-family:var(--mono)}.status-item .dot{width:5px;height:5px}.status-right{margin-left:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-label{font-size:.72rem;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--body);font-size:.83rem;padding:9px 12px;outline:none;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--green)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--muted2)}.form-select{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--mono);font-size:.78rem;padding:9px 12px;outline:none;width:100%;cursor:pointer;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a5a7a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{border-color:var(--green)}.form-hint{font-size:.68rem;color:var(--muted2);margin-top:2px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:.82rem;color:var(--text)}.toggle-hint{font-size:.7rem;color:var(--muted)}.toggle{position:relative;width:38px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;border-radius:11px;background:var(--surface3);border:1px solid var(--border2);cursor:pointer;transition:background .2s,border-color .2s}.toggle input:checked+.toggle-track{background:var(--green-bg);border-color:var(--green-border)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--muted2);transition:transform .2s,background .2s}.toggle input:checked+.toggle-track:after{transform:translateX(16px);background:var(--green)}.form-feedback{font-size:.75rem;padding:8px 12px;border-radius:6px;margin-top:.25rem}.form-feedback.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.form-feedback.err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:rgba(5,5,8,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modal-in .15s ease}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:520px;padding:2rem;position:relative;animation:modal-slide .2s ease}@keyframes modal-slide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-label{font-size:.65rem;font-family:var(--mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.modal-title{font-family:var(--display);font-size:1.6rem;letter-spacing:.03em;color:var(--text);margin-bottom:1.5rem}.modal-section{margin-bottom:1.25rem}.modal-section-title{font-size:.7rem;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.modal-section-body{font-size:.82rem;color:var(--muted2);line-height:1.7}.modal-section-body strong{color:var(--text);font-weight:500}.modal-footer{margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-eta{font-size:.7rem;font-family:var(--mono);color:var(--muted)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem;position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,229,160,.06) 0,transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;animation:fadeIn .25s ease}.auth-logo{margin-bottom:2rem;font-family:var(--display);font-size:1.8rem;letter-spacing:3px;color:var(--text);line-height:1}.auth-logo span{color:var(--green)}.auth-title{font-size:1.15rem;font-weight:500;color:var(--text);margin-bottom:4px}.auth-sub{font-size:.78rem;color:var(--muted);margin-bottom:1.75rem}.auth-field{margin-bottom:1rem}.auth-label{display:block;font-size:.72rem;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.auth-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--body);font-size:.85rem;padding:10px 14px;outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--green)}.auth-input::placeholder{color:var(--muted2)}.auth-input.error{border-color:var(--red)}.auth-btn{width:100%;padding:11px;background:var(--green);color:#000;border:none;border-radius:8px;font-size:.88rem;font-weight:600;font-family:var(--body);cursor:pointer;transition:background .15s,opacity .15s;margin-top:.5rem}.auth-btn:hover{background:var(--green-hover)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-error{background:var(--red-bg);border:1px solid var(--red-border);border-radius:8px;color:var(--red)}.auth-error,.auth-success{font-size:.78rem;padding:10px 14px;margin-bottom:1rem;line-height:1.5}.auth-success{background:var(--green-bg);border:1px solid var(--green-border);border-radius:8px;color:var(--green)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.78rem;color:var(--muted)}.auth-footer a{color:var(--green)}.auth-footer a:hover{text-decoration:underline}.auth-sep{color:var(--muted2);margin:0 6px}.auth-divider{display:flex;align-items:center;gap:12px;margin:1.25rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-divider span{font-size:.72rem;color:var(--muted2);font-family:var(--mono)}.auth-preview-banner{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:8px;color:var(--amber);font-size:.73rem;font-family:var(--mono);padding:8px 12px;margin-bottom:1.25rem;text-align:center}.auth-terms{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem}.auth-terms input[type=checkbox]{margin-top:2px;width:15px;height:15px;flex-shrink:0;accent-color:var(--green);cursor:pointer}.auth-terms-text{font-size:.72rem;color:var(--muted2);line-height:1.6}.auth-terms-text a{color:var(--green);text-decoration:none}.auth-terms-text a:hover{text-decoration:underline}