@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d12;--panel:#111720;--panel2:#161d26;--line:#28313d;--text:#eff7fa;--muted:#8f9ba9;--green:#98f5ce;--green-deep:#224f44;--yellow:#ecc28a;--red:#ef9c9c;--radius:15px;font-family:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}code{font-size:12px;color:var(--green)}[hidden]{display:none!important}p{line-height:1.55}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid #202833;background:#0c1118;padding:27px 16px 14px;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#2d3843;border-radius:20px}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 24px;font-family:Manrope,sans-serif}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:24px;letter-spacing:-1.8px;line-height:1}.brand small{color:#9daab6;letter-spacing:2px;font-size:9px;font-weight:800}.brand-dot{color:var(--green)}.brand-mark{background:#d5ffea;color:#11281f;display:grid;place-items:center;border-radius:15px;font:bold 48px Manrope,sans-serif;letter-spacing:-7px;width:74px;height:74px;flex:none;padding-right:6px}.brand-mark span{color:#19a076}.brand-mark.small{width:38px;height:38px;border-radius:10px;font-size:26px;letter-spacing:-4px;padding-right:4px}.workspace{border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px;margin:0 2px 20px}.workspace-avatar{width:36px;height:36px;border-radius:9px;background:#19352e;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:12px}.workspace>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.workspace strong{font-size:12px}.workspace small{color:var(--muted);font-size:10px}.workspace-chevron{margin-left:auto;color:var(--muted)}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.55px;color:#617080;margin:21px 14px 10px}.nav-item{width:100%;background:transparent;border:1px solid transparent;border-radius:10px;color:#9ca8b5;text-align:left;font-size:12px;font-weight:600;padding:10px 13px;display:flex;align-items:center;gap:12px;margin:1px 0;transition:.15s}.nav-item>span{font-size:17px;width:21px;text-align:center;font-weight:400}.nav-item:hover{background:#16212a;color:white}.nav-item.active{background:#183328;color:var(--green);border-color:#2a5444}.sidebar-foot{margin-top:auto;padding:22px 13px 0;color:var(--muted);font-size:11px;display:flex;gap:9px;align-items:center}.status-led{width:7px;height:7px;border-radius:50%;background:#7cd8a8;display:inline-block;box-shadow:0 0 12px #4ebc8d}.main-area{min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:12px}.breadcrumbs{font-size:10px;letter-spacing:1.5px;color:#71808e;font-weight:800}.breadcrumbs span{padding:0 13px;color:#394652}.breadcrumbs strong{color:#b1c0c8}.topbar-right,.topbar-left{display:flex;align-items:center;gap:20px}.environment{font-size:9px;color:#b9c7d0;border:1px solid #273743;border-radius:30px;padding:8px 11px;letter-spacing:1.2px;font-weight:800;display:flex;align-items:center;gap:9px}.environment .status-led{background:#ecbb78;box-shadow:none}.user-email{color:var(--muted);font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.icon-button{border:1px solid var(--line);border-radius:9px;background:#171f29;color:#becdd7;padding:8px 12px}.page-content{max-width:1500px;margin:0 auto;padding:44px 38px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.eyebrow{letter-spacing:2.2px;font-size:10px;font-weight:800;color:var(--green);margin-bottom:14px}.page-top h1,.auth-card h1{font-family:Manrope,sans-serif;letter-spacing:-1.6px;font-weight:800;font-size:34px;margin:0}.page-top p{color:var(--muted);margin:9px 0 0;font-size:13px}.button{border-radius:10px;border:1px solid transparent;padding:12px 18px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.button.primary{background:var(--green);color:#10251f}.button.primary:hover{background:#baffdf}.button.secondary{background:#1b2530;color:#d5e3ed;border-color:#33404d}.button.danger{color:#f9c1be;border:1px solid #6c4041;background:#402529}.table-card,.panel,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.table-card{overflow-x:auto}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line);gap:15px}.table-toolbar h2,.panel h2{margin:0;font:800 15px Manrope,sans-serif}.table-toolbar small{color:var(--muted);font-size:11px}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:660px}.data-table th{padding:15px 23px;color:#82919e;letter-spacing:1.1px;font-size:10px;font-weight:800;background:#141b24}.data-table td{padding:19px 23px;border-top:1px solid #242e39;font-size:12px;color:#bdcbd5}.data-table td strong{color:#eff8fb;font-weight:700}.data-table td small{display:block;color:#768793;margin-top:4px}.data-table .actions-cell{text-align:right;white-space:nowrap}.mini-button{padding:6px 10px;font-size:11px;border:1px solid #374653;color:#b7cbd7;background:#202b37;border-radius:7px;margin-left:5px}.mini-button:hover{color:white;border-color:#668274}.mini-button.delete{color:#db9898}.pill{display:inline-flex;align-items:center;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:800}.pill.green{background:#183e34;color:#a1f3c9}.pill.grey{background:#2b3540;color:#b7c1cb}.pill.orange{background:#443624;color:#e7bf81}.empty-state{text-align:center;padding:70px 25px;color:var(--muted)}.empty-icon{margin:0 auto 16px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #365047;border-radius:14px;color:var(--green);font-size:22px}.empty-state h3{color:#e3ecec;font-size:17px;margin-bottom:5px}.empty-state p{max-width:430px;margin:0 auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{padding:24px}.metric-card .metric-label{color:#95a4b2;font-weight:600;font-size:11px;display:flex;align-items:center;justify-content:space-between}.metric-card .metric-label span{color:var(--green);font-size:20px}.metric-card .metric-value{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin-top:22px}.metric-card .metric-foot{color:#758994;font-size:11px;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.panel{padding:25px}.panel p{color:var(--muted);font-size:12px}.steps{padding:0;margin:20px 0 0;list-style:none}.steps li{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #24313a;padding:17px 0}.steps b{width:28px;height:28px;border-radius:9px;background:#213f34;color:var(--green);display:grid;place-items:center;flex:none}.steps strong{display:block;font-size:12px}.steps small{display:block;color:#8c9fa8;margin-top:5px;line-height:1.45}.notice{background:#182721;border:1px solid #28523c;border-radius:11px;padding:18px 20px;color:#bde7d0;font-size:12px;line-height:1.6;margin-bottom:22px}.notice.warning{background:#31271b;border-color:#695030;color:#eed0a3}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.integration-card{border:1px solid var(--line);border-radius:14px;padding:23px;background:var(--panel)}.integration-card h3{font:800 20px Manrope,sans-serif;margin:15px 0 10px}.integration-card p{font-size:12px;color:var(--muted);min-height:54px}.integration-logo{width:45px;height:45px;border-radius:12px;background:#222e3a;display:grid;place-items:center;font-size:20px;font-weight:900}.integration-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.integration-card footer button{font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#03070acb;z-index:10;display:flex;justify-content:flex-end}.editor-dialog{width:min(580px,100%);background:#111821;border-left:1px solid #30404d;box-shadow:-30px 0 100px #0008;overflow:auto;display:flex;flex-direction:column;height:100vh}.editor-dialog>header{padding:27px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.editor-dialog h2{font:800 21px Manrope,sans-serif;margin:0}.editor-dialog .eyebrow{margin-bottom:8px}.editor-dialog form{display:flex;flex:1;flex-direction:column}.editor-fields{padding:28px 30px;display:grid;gap:19px;align-content:start}.editor-fields label,.form-stack label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#c9d7df}.editor-fields input,.editor-fields select,.editor-fields textarea,.form-stack input{width:100%;background:#0a1119;color:#ecf7fb;border:1px solid #31404e;border-radius:9px;padding:12px;outline:none}.editor-fields input:focus,.editor-fields textarea:focus,.editor-fields select:focus,.form-stack input:focus{border-color:var(--green)}.editor-fields textarea{resize:vertical;min-height:88px}.editor-fields input[type=color]{padding:5px;height:45px}.editor-fields input[type=checkbox]{width:18px;height:18px;accent-color:#9bf1c9}.editor-fields .check-row{display:flex;align-items:center;gap:10px}.editor-fields .hint{color:var(--muted);font-size:11px;font-weight:400}.editor-dialog footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 30px;display:flex;justify-content:flex-end;gap:10px;background:#121a23}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% -20%,#1e5241 0,transparent 43%),#090e13}.auth-card{width:min(450px,100%);padding:40px;background:#121a23;border:1px solid #33453e;border-radius:20px;box-shadow:0 30px 100px #0009}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{font-size:27px}.auth-card>p{color:#9eacb8;margin:13px 0 28px;font-size:13px}.form-stack{display:grid;gap:20px}.form-stack .button{width:100%;margin-top:5px}.auth-card .subtle{margin-top:25px;font-size:11px}.text-button{background:transparent;color:#8cbda9;border:0;margin-top:20px;font-size:12px}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-list>div{background:#17232c;padding:15px;border-radius:10px}.info-list strong{display:block;font-size:12px}.info-list small{color:#8ba0ad;font-size:11px}.mobile-only{display:none}#toast{position:fixed;bottom:24px;right:24px;z-index:20;background:#193e32;color:#d9f8e7;border:1px solid #408c70;border-radius:10px;padding:15px 20px;box-shadow:0 12px 45px #0008;max-width:370px;display:none}#toast.error{background:#46282a;border-color:#884a51;color:#ffd9dc}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar{padding:0 25px}.page-content{padding:35px 25px}}@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;z-index:8;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 50px #0009;width:265px}.sidebar.open{transform:translateX(0)}.mobile-only{display:block}.environment{display:none}.topbar{height:66px;padding:0 16px}.page-content{padding:28px 16px}.page-top{align-items:flex-start}.page-top h1{font-size:28px}.page-top .button{font-size:10px;padding:10px}.metrics{gap:10px}.metric-card{padding:18px}.metric-card .metric-value{font-size:24px}.user-email{max-width:90px}.editor-fields{padding:20px}.editor-dialog>header{padding:20px}.editor-dialog footer{padding:20px}}@media(max-width:420px){.page-top{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metric-card .metric-label{font-size:10px}.metric-card .metric-value{font-size:21px}.auth-card{padding:27px}.info-list{grid-template-columns:1fr}}