:root{color-scheme:dark;--bg:#070809;--surface:#0d0f11;--surface-2:#121518;--surface-3:#171a1e;--border:#25292e;--soft:#959ba4;--text:#f3f5f7;--red:#e5484d;--red-2:#a32b31;--wine:#2a1114;--green:#42c47b;--purple:#9b74f4;--shadow:0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(229,72,77,.08),transparent 30%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:linear-gradient(180deg,#0b0b0c 0%,#08090a 100%);border-right:1px solid #281215;padding:28px 14px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ef5c61,#7e171d);box-shadow:0 10px 30px rgba(229,72,77,.25)}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;background:#fff;border-radius:99px}.brand-mark{position:relative}.brand-mark:before{width:16px;height:4px;transform:rotate(45deg)}.brand-mark:after{width:16px;height:4px;transform:rotate(-45deg)}.brand-mark i{width:5px;height:5px}.brand strong{display:block;font-size:18px;letter-spacing:.16em}.brand small{font-size:10px;letter-spacing:.32em;color:#858991}.brand.large{padding:0}.brand.large .brand-mark{width:48px;height:48px}.brand.large strong{font-size:22px}.nav-label,.eyebrow{font-size:10px;line-height:1.2;font-weight:750;letter-spacing:.18em;color:#757b84}.nav-label{padding:0 12px 9px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding-right:2px}.nav-link{min-height:44px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:0 12px;color:#9ea3aa;font-size:13px;transition:.2s ease}.nav-link:hover{background:#121315;color:#fff}.nav-link.active{background:linear-gradient(90deg,#35171a,#271113);border-color:#6f2b30;color:#fff;box-shadow:inset 3px 0 0 var(--red)}.nav-link .icon{width:19px;height:19px}.nav-chevron{margin-left:auto;display:flex}.nav-chevron .icon{width:14px;height:14px}.sidebar-footer{margin-top:auto;border-top:1px solid #1d1f22;padding:18px 4px 0;display:flex;align-items:center;gap:8px}.user-mini{min-width:0;display:flex;align-items:center;gap:9px;flex:1}.user-mini>span,.avatar{width:34px;height:34px;border-radius:10px;background:#2d1518;color:#ff9fa3;display:grid;place-items:center;font-weight:750;border:1px solid #5c292d}.user-mini div{min-width:0}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:12px}.user-mini small{font-size:10px;color:#777d85;margin-top:3px}.icon-button{border:0;background:transparent;color:#7e848c;padding:8px;display:flex;cursor:pointer}.icon-button:hover{color:#fff}.sidebar-overlay{display:none}.app-main{margin-left:272px;min-height:100vh}.topbar{height:86px;border-bottom:1px solid #202328;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:rgba(7,8,9,.8);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;line-height:1.2;margin:4px 0 0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:14px}.secure-pill,.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #25312a;background:#101915;color:#8ad3a6;font-size:11px;font-weight:650;padding:7px 10px;border-radius:99px}.secure-pill i,.status-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(66,196,123,.08)}.avatar{width:36px;height:36px;border-radius:50%}.menu-button{display:none;border:0;background:none;color:#fff;padding:8px}.content{padding:30px 36px 60px;max-width:1600px;margin:auto}.welcome-panel{min-height:152px;border:1px solid #4b2024;border-radius:20px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 90% 20%,rgba(229,72,77,.17),transparent 26%),linear-gradient(120deg,#171011,#0d0f11 55%,#111012);box-shadow:var(--shadow);overflow:hidden;position:relative}.welcome-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(229,72,77,.1);border-radius:50%;right:-65px;top:-90px}.welcome-panel h2{font-size:28px;margin:8px 0 5px;letter-spacing:-.04em}.welcome-panel p,.page-actions p{margin:0;color:#949aa3;font-size:13px}.welcome-actions{display:flex;gap:10px;z-index:1}.button{border:1px solid #c43d43;background:linear-gradient(180deg,#ef575c,#c6363c);color:#fff;border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 8px 24px rgba(229,72,77,.17);transition:transform .18s ease,filter .18s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.ghost{border-color:#30343a;background:#15171a;color:#d8dbe0;box-shadow:none}.button.small{padding:8px 11px;font-size:11px}.button.block{width:100%}.button .icon{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat-card{border:1px solid var(--border);background:linear-gradient(145deg,#111316,#0d0f11);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.stat-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#ff898d;background:#2a1416;border:1px solid #5d272b}.stat-icon.purple{color:#c2acff;background:#1c1730;border-color:#3d3267}.stat-icon.green{color:#8de0ac;background:#12231a;border-color:#244b33}.stat-card div:last-child>span,.stat-card strong,.stat-card small{display:block}.stat-card div:last-child>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777e87}.stat-card strong{font-size:21px;margin:3px 0 2px}.stat-card small{color:#868d96;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px}.panel{border:1px solid var(--border);background:linear-gradient(155deg,#101215,#0c0e10);border-radius:17px;padding:20px}.panel.wide{grid-row:span 2}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h3{font-size:16px;margin:5px 0 0}.panel-heading>a{font-size:11px;color:#a4a9b0;display:flex;align-items:center;gap:4px}.panel-heading>a .icon{width:13px;height:13px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid #24282d;background:#131518;border-radius:13px;padding:13px;transition:.2s ease}.tool-card:hover{border-color:#5b2a2e;background:#17191c;transform:translateY(-1px)}.tool-logo,.provider-logo{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:11px;letter-spacing:.04em;flex:0 0 auto}.tool-logo{color:#fff;background:linear-gradient(145deg,var(--tool-color),color-mix(in srgb,var(--tool-color) 45%,#000));border:1px solid color-mix(in srgb,var(--tool-color) 55%,#fff)}.provider-logo{background:#181b1f;border:1px solid #30353b;color:#c8ccd2}.tool-card>div{min-width:0}.tool-card small,.tool-card strong,.tool-card p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#737982}.tool-card strong{font-size:13px;margin:3px 0}.tool-card p{font-size:10px;color:#828891;margin:0}.tool-open{margin-left:auto;color:#686e77}.tool-open .icon{width:16px;height:16px}.empty-inline{grid-column:1/-1;min-height:125px;display:flex;align-items:center;gap:13px;padding:18px;border:1px dashed #30343a;border-radius:13px;color:#858b93}.empty-inline>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#17191c}.empty-inline div{flex:1}.empty-inline strong{display:block;color:#d7dade;font-size:13px}.empty-inline p{font-size:11px;margin:4px 0 0}.account-list{display:flex;flex-direction:column}.account-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #1f2226}.account-row:last-child{border-bottom:0}.account-row div{min-width:0;flex:1}.account-row strong,.account-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row strong{font-size:12px}.account-row small{color:#7f858e;font-size:10px;margin-top:3px}.account-row .status-badge{font-size:9px;padding:5px 7px}.empty-list{padding:24px 2px;color:#858b94;font-size:12px}.empty-list a{color:#e76b70;display:inline-block;margin-top:8px}.safety-panel{display:flex;align-items:center;gap:14px}.safety-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#e78185;background:#281315;border:1px solid #5a272b}.safety-panel h3{font-size:14px;margin:5px 0}.safety-panel p{margin:0;color:#868c95;font-size:11px;line-height:1.55}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #3c3230;background:#181412;border-radius:13px;padding:14px 16px;margin-bottom:18px;color:#aaa29f}.notice .icon{color:#e6a164}.notice p{font-size:11px;line-height:1.55;margin:0}.notice strong{color:#e7ddd9}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.record-card{min-height:230px;border:1px solid var(--border);background:linear-gradient(150deg,#121417,#0d0f11);border-radius:16px;padding:18px;position:relative;display:flex;flex-direction:column}.record-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.provider-logo.large,.tool-logo.large{width:48px;height:48px;font-size:13px}.record-type{font-size:9px;font-weight:750;letter-spacing:.13em;color:#777e87;text-transform:uppercase}.record-card h3{font-size:17px;margin:6px 0 4px}.record-card>p{font-size:11px;color:#8e949d;margin:0 0 16px}.record-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #202328;padding-top:13px;color:#7f858d;font-size:9px}.record-meta span{display:flex;align-items:center;gap:5px}.record-meta .icon{width:13px;height:13px}.record-url{font-size:10px;color:#c8cbd0;margin-top:11px;display:flex;gap:5px;align-items:center}.record-url .icon{width:12px;height:12px}.record-delete{position:absolute;right:10px;bottom:7px}.record-delete button{background:transparent;border:0;color:#555b63;cursor:pointer;padding:7px}.record-delete button:hover{color:#e76a70}.record-delete .icon{width:16px;height:16px}.tool-record .button{margin-top:auto;margin-right:26px}.empty-state{grid-column:1/-1;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #34383e;border-radius:18px;background:#0d0f11;padding:30px}.empty-icon,.coming-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#271315;border:1px solid #5e292d;color:#f0797e;margin-bottom:18px}.empty-icon .icon,.coming-icon .icon{width:29px;height:29px}.empty-state h3{margin:0;font-size:19px}.empty-state p{color:#858b94;max-width:450px;font-size:12px;line-height:1.6;margin:8px 0 18px}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px)}dialog::backdrop{background:rgba(0,0,0,.77);backdrop-filter:blur(6px)}.dialog-card{border:1px solid #353a40;background:#101215;border-radius:20px;padding:24px;box-shadow:0 35px 120px rgba(0,0,0,.7);overflow:auto;max-height:calc(100vh - 28px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font-size:22px;margin:6px 0 5px}.dialog-heading p{color:#898f98;font-size:11px;margin:0}.dialog-close{border:0;background:#1c1f23;color:#9ea4ad;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label,.profile-form label,.auth-form label{display:flex;flex-direction:column;gap:7px}.form-grid label>span,.profile-form label>span,.auth-form label>span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#a5aab1}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #30343a;background:#0a0c0e;color:#e9ebee;border-radius:10px;padding:11px 12px;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#954047;box-shadow:0 0 0 3px rgba(229,72,77,.09)}textarea{resize:vertical;line-height:1.5}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#d3686d;font-size:10px;font-weight:700;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;border-top:1px solid #202328;padding-top:18px}.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.profile-card{text-align:center;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:78px;height:78px;border-radius:24px;background:linear-gradient(145deg,#67262b,#271315);border:1px solid #824047;display:grid;place-items:center;color:#ff9599;font-size:28px;font-weight:800;margin:10px 0 14px}.profile-card h2{margin:0;font-size:18px}.profile-card p{color:#888f97;font-size:11px}.profile-form{max-width:600px;display:flex;flex-direction:column;gap:15px}.profile-form .button{align-self:flex-start}.coming-soon{min-height:520px;border:1px solid var(--border);background:radial-gradient(circle at 50% 20%,rgba(229,72,77,.08),transparent 30%),#0d0f11;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.coming-soon h2{font-size:27px;margin:8px 0}.coming-soon p{max-width:540px;color:#898f98;line-height:1.7;font-size:13px;margin:0 0 20px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#152018;border:1px solid #2d5a3b;color:#9be1b4;border-radius:12px;padding:12px 16px;font-size:12px;box-shadow:var(--shadow);animation:toast-in .25s ease}.auth-page{background:radial-gradient(circle at 15% 20%,rgba(229,72,77,.12),transparent 30%),radial-gradient(circle at 80% 70%,rgba(116,51,190,.08),transparent 25%),#070809}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);align-items:stretch}.auth-brand{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #231214;min-height:100vh}.auth-brand h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.06em;max-width:750px;margin:16px 0}.auth-brand>div>p{font-size:15px;line-height:1.7;color:#969ca4;max-width:620px}.auth-points{display:flex;flex-wrap:wrap;gap:10px}.auth-points span{border:1px solid #292d32;background:#101214;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#a8adb4;font-size:11px}.auth-points .icon{color:#de656a;width:17px;height:17px}.auth-card{align-self:center;width:min(440px,calc(100% - 48px));justify-self:center;border:1px solid #30343a;background:rgba(15,17,19,.92);border-radius:22px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.5)}.auth-card h2{font-size:24px;margin:7px 0}.auth-card>div>p{font-size:12px;color:#898f97;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:24px}.auth-note{display:block;text-align:center;color:#676d75;font-size:9px;margin-top:15px}.form-error{border:1px solid #6e2a2f;background:#2b1417;color:#ff9ea2;border-radius:10px;padding:10px 12px;font-size:11px;margin-top:16px}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.records-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}.auth-shell{grid-template-columns:1fr 430px}.auth-brand{padding:6vw}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:none}.sidebar-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(0,0,0,.6);z-index:25;opacity:0;pointer-events:none;transition:.2s}.sidebar.open+.sidebar-overlay{opacity:1;pointer-events:auto}.app-main{margin-left:0}.menu-button{display:flex}.topbar{height:76px;padding:0 18px}.topbar>div:nth-child(2){flex:1;margin-left:8px}.secure-pill{display:none}.content{padding:22px 18px 45px}.welcome-panel{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.welcome-actions .button{flex:1}.stats-grid{grid-template-columns:1fr}.records-grid{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.auth-shell{display:block;padding:24px}.auth-brand{display:none}.auth-card{width:min(440px,100%);margin:5vh auto;padding:24px}.tools-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar .eyebrow{display:none}.topbar h1{margin:0;font-size:17px}.avatar{width:33px;height:33px}.content{padding-left:13px;padding-right:13px}.welcome-panel{padding:22px 18px}.welcome-panel h2{font-size:23px}.welcome-actions{flex-direction:column}.stats-grid{gap:10px}.page-actions{align-items:flex-start;flex-direction:column}.page-actions .button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.dialog-card{padding:19px}.records-grid{gap:10px}.notice{padding:12px}.auth-shell{padding:14px}.auth-card{padding:22px 18px}.auth-card h2{font-size:21px}}

.tool-details{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:13px;border-top:1px solid #202328;color:#858b94;font-size:10px}.tool-details span{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.tool-details .icon{width:14px;height:14px}.tool-actions{display:flex;gap:8px;margin-top:14px;padding-right:25px}.tool-actions .button{flex:1;margin:0}.tool-error{display:block;color:#e28b8f;font-size:9px;margin-top:8px;overflow-wrap:anywhere}.status-offline,.status-degraded{background:#251416;border-color:#5d292d;color:#f2979b}.status-offline i,.status-degraded i{background:#e55b61}.status-pending{background:#201d13;border-color:#514825;color:#e1c66d}.status-pending i{background:#d5b84f}.status-direct{background:#171822;border-color:#333650;color:#aeb6ee}.status-direct i{background:#8e9aeb}.checkbox-label{align-self:end;display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;min-height:42px;border:1px solid #30343a;border-radius:10px;padding:10px 12px;background:#0a0c0e}.checkbox-label input{width:16px;height:16px}.cookie-note{display:flex;align-items:center;gap:10px;border:1px solid #254331;background:#101b15;border-radius:11px;padding:11px 13px;color:#91d4aa}.cookie-note .icon{width:20px;height:20px}.cookie-note strong,.cookie-note small{display:block}.cookie-note strong{font-size:11px}.cookie-note small{margin-top:3px;color:#79a98b;font-size:9px;line-height:1.4}.form-grid label small{font-size:9px;color:#737a83;line-height:1.4}.tool-form [hidden]{display:none!important}