:root{
  --blue:#0866ed;--blue2:#004bbf;--navy:#0b1d38;--ink:#14243f;--muted:#6f7c91;--line:#dfe7f3;
  --bg:#f4f7fb;--panel:#fff;--green:#168558;--amber:#c47a09;--red:#c43745;--shadow:0 14px 40px rgba(20,48,91,.08);
  --sidebar:282px;--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{touch-action:manipulation}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 16px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 5px 14px}.brandmark{width:46px;height:46px;border-radius:14px;background:#eef5ff;display:grid;place-items:center;border:1px solid #dce9fb}.brandmark img{width:36px;height:30px;object-fit:contain}.brand strong{display:block;font-size:15px;letter-spacing:-.2px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.side-close{display:none;margin-left:auto;border:0;background:#eef3fa;width:34px;height:34px;border-radius:10px;font-size:22px;color:#49617f}.side-visual{margin:3px 2px 18px;border-radius:16px;background:linear-gradient(145deg,#075fe4,#0c3f96);min-height:116px;padding:13px;color:#fff;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;overflow:hidden;box-shadow:0 12px 30px rgba(6,83,197,.18)}.side-visual img{width:74px;height:86px;object-fit:cover;border-radius:13px;background:#fff}.side-visual b{display:block;font-size:13px}.side-visual span{display:block;font-size:11px;line-height:1.45;opacity:.82;margin-top:5px}.sidebar nav{display:grid;gap:5px}.nav-label{font-size:10px;font-weight:800;color:#9aa6b7;letter-spacing:1.2px;padding:9px 11px 5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#50627b;font-size:13px;font-weight:720;transition:.16s}.sidebar nav a i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#6380a7;font-size:14px}.sidebar nav a:hover{background:#f1f6fd;color:#21476f}.sidebar nav a.active{background:#eaf3ff;color:#075cdb;box-shadow:inset 0 0 0 1px #d6e7ff}.sidebar nav a.active i{background:#fff;color:#075cdb;box-shadow:0 4px 10px rgba(8,102,237,.10)}.side-quota{margin-top:auto;margin-bottom:13px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;box-shadow:0 8px 24px rgba(20,48,91,.05)}.smallrow{display:flex;justify-content:space-between;gap:10px;font-size:12px}.smallrow span{color:var(--blue);font-weight:800}.quota-line{height:7px;background:#e9eef6;border-radius:20px;overflow:hidden;margin:10px 0}.quota-line div{height:100%;background:linear-gradient(90deg,#0d75ff,#0752c4);border-radius:inherit}.side-quota strong{display:block;font-size:12px}.side-quota small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.side-foot{display:flex;gap:9px;align-items:center;padding:10px 8px;border-top:1px solid #edf1f6}.side-foot img{width:38px;height:38px;object-fit:contain}.side-foot b{display:block;font-size:11px}.side-foot small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.sidebar-backdrop{display:none}
.main{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:72px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,228,241,.9);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.top-title b{display:block;font-size:14px}.top-title span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mobile-menu{display:none}.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8efe3;background:#f3fcf7;color:#217752;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:800}.status-pill i{width:7px;height:7px;background:#20aa6b;border-radius:50%;box-shadow:0 0 0 4px rgba(32,170,107,.10)}.userchip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:14px}.userchip div{text-align:right}.userchip span{display:block;font-size:12px;font-weight:800}.userchip small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.userchip img{width:37px;height:37px;border-radius:11px;object-fit:contain;background:#edf4ff}.content{padding:28px;max-width:1500px;margin:0 auto}.impersonation{background:#fff6df;border:1px solid #ffe1a0;color:#80561a;border-radius:12px;padding:12px 15px;margin-bottom:16px;font-size:13px}.eyebrow{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:1.5px}.green{color:var(--green)!important}.amber{color:var(--amber)!important}
.welcome-strip{position:relative;background:linear-gradient(120deg,#fff 20%,#edf5ff 100%);border:1px solid var(--line);border-radius:22px;padding:30px 33px;min-height:245px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:19px}.welcome-strip:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:100px;top:-180px;background:rgba(8,102,237,.06)}.welcome-strip>div{position:relative;z-index:1}.welcome-strip h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px;margin:8px 0 12px;max-width:740px}.welcome-strip p{color:var(--muted);line-height:1.65;margin:0;max-width:670px;font-size:14px}.welcome-strip>img{width:270px;height:210px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px 20px;box-shadow:0 8px 25px rgba(30,61,102,.055);min-height:137px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:hidden}.metric.accent:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}.metric>span{font-size:12px;font-weight:760;color:#596c85}.metric>b,.usage-row>div>b{font-size:26px;line-height:1.05;letter-spacing:-.7px}.metric b em{font-size:15px;color:#8c99aa;font-style:normal;font-weight:700}.metric small{color:var(--muted);font-size:11px}.metric>a{color:var(--blue);font-size:11px;font-weight:800;margin-top:3px}.usage-row{display:flex;align-items:center;gap:14px}.usage-row>div:last-child{display:grid;gap:4px}.ring{--p:0;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--p)*1%),#e9eff7 0);position:relative;flex:0 0 auto}.ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.ring b{position:relative;z-index:1;font-size:13px}.section-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 9px 28px rgba(30,61,102,.055)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.panel h2,.table-title h2{margin:5px 0 0;font-size:21px;letter-spacing:-.45px}.panel p{color:var(--muted);font-size:12px;line-height:1.55}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick{border:1px solid #e2e9f3;background:#fbfdff;border-radius:14px;padding:14px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;transition:.16s}.quick:hover{border-color:#b8d2f8;background:#f7fbff;transform:translateY(-1px)}.quick i{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:18px}.quick b{font-size:12px}.quick span{color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}.mascot-panel{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,#f2f7ff)}.mascot-panel img{width:110px;height:125px;object-fit:contain}.mascot-panel a{font-size:11px;color:var(--blue);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfd9e8;background:#fff;color:#27415f;border-radius:10px;padding:10px 14px;font-weight:780;font-size:12px;cursor:pointer;transition:.15s;min-height:39px}.btn:hover{border-color:#9db4d3;box-shadow:0 5px 14px rgba(20,48,91,.08)}.btn.primary{background:linear-gradient(135deg,#0c72f6,#0452c8);border-color:transparent;color:#fff;box-shadow:0 7px 17px rgba(8,102,237,.20)}.btn.full{width:100%;padding:12px}.btn.small{min-height:31px;padding:6px 9px;font-size:10px;border-radius:8px}.btn.danger,.danger{background:#fff2f3!important;color:var(--red)!important;border-color:#ffd7dc!important}.btn.warn{background:#fff6df;color:#8b5b11;border-color:#ffe0a1}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:17px}.pagehead h1{font-size:30px;line-height:1.05;letter-spacing:-.9px;margin:6px 0}.pagehead p{color:var(--muted);font-size:12px;margin:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.file-panel,.table-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.file-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:50px;padding:0 17px}.crumbs{font-size:11px;color:#60728c}.crumbs a{font-weight:800}.crumbs span{padding:0 7px;color:#b0bac8}.file-hint{font-size:10px;color:#93a0b1}.file-table{padding:0 12px}.file-row{display:grid;grid-template-columns:minmax(260px,1fr) 110px 160px 150px;align-items:center;gap:9px;min-height:61px;border-bottom:1px solid #edf1f6;font-size:11px}.file-row.head{min-height:41px;font-size:9px;font-weight:850;color:#7a8799;text-transform:uppercase;letter-spacing:.65px}.fname{display:flex;align-items:center;gap:11px;min-width:0}.fname>i{font-style:normal;font-size:22px;width:31px;height:31px;display:grid;place-items:center;background:#f5f8fc;border-radius:9px}.file-name-wrap{display:grid;min-width:0}.file-name-wrap a{font-size:12px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-wrap small{font-size:9px;color:#9aa5b4;margin-top:2px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.actions button,.actions a{width:31px;height:31px;border:0;background:#f1f5fa;color:#526b8b;border-radius:8px;display:grid;place-items:center;cursor:pointer}.actions button:hover,.actions a:hover{background:#e4eefc;color:var(--blue)}.actions form{display:inline}.dropzone{margin:15px;border:2px dashed #a9c5eb;border-radius:14px;padding:28px 18px;text-align:center;display:grid;place-items:center;gap:3px;cursor:pointer;background:linear-gradient(180deg,#fbfdff,#f6faff)}.dropzone b{font-size:30px;color:var(--blue)}.dropzone strong{font-size:13px}.dropzone span{color:var(--muted);font-size:11px}.dropzone small{color:#a0adbd;font-size:9px;margin-top:3px}.dropzone.drag{background:#edf6ff;border-color:var(--blue);transform:scale(.997)}.empty{padding:45px 18px;text-align:center;display:grid;place-items:center;gap:7px;color:var(--muted)}.empty img{width:82px;height:82px;object-fit:contain}.empty b{color:var(--ink);font-size:15px}.empty span{font-size:11px}.empty.compact{padding:28px 12px}.empty.notfound{min-height:60vh}.empty.notfound h1{font-size:55px;margin:0}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:11px}.table-card th{font-size:9px;color:#7b8899;text-transform:uppercase;letter-spacing:.6px;background:#fbfcfe}.table-card td small{display:block;color:var(--muted);margin-top:3px;font-size:9px}.table-card td code{font-size:10px;background:#f4f7fb;padding:4px 6px;border-radius:6px}.inline{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.mini{width:66px;border:1px solid #cfd9e7;border-radius:7px;padding:6px 7px;background:#fff}.linkbtn{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer;font-size:10px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;text-transform:capitalize;font-size:9px;font-weight:850}.badge.ok{background:#eaf8f1;color:#168153}.badge.off{background:#fff1f2;color:#b93443}.badge.warn{background:#fff6df;color:#9b680e}.copyinput{width:min(420px,100%);border:1px solid #d4deec;padding:8px 9px;border-radius:8px;background:#f8fafc;color:#334d6c;font-size:10px}.dangerlink{color:var(--red);font-weight:800;font-size:10px}.action-menu{display:flex;gap:5px;flex-wrap:wrap}.credential-card{background:linear-gradient(120deg,#eff7ff,#fff);border:1px solid #cfe2fc;border-radius:17px;padding:18px;margin-bottom:16px;display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;box-shadow:0 9px 25px rgba(8,102,237,.07)}.credential-card h3{margin:5px 0 5px;font-size:18px}.credential-card p{margin:0;color:var(--muted);font-size:10px}.cred-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cred-grid label{font-size:9px;color:var(--muted);font-weight:750;display:grid;gap:5px}.cred-grid input{width:100%}
.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:16px}.connection-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(30,61,102,.055);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.connection-card.featured{border-color:#bfd8fb;background:linear-gradient(135deg,#fff,#f3f8ff)}.protocol-icon{width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:#075edf;display:grid;place-items:center;font-weight:900}.connection-card>div:nth-child(2){min-width:0}.connection-card span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.connection-card b{display:block;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card code{display:block;color:#47617f;font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.copy-btn{border:1px solid #d9e2ee;background:#f8fafc;border-radius:8px;padding:7px 8px;color:#45617f;font-size:9px;font-weight:800;cursor:pointer}.guide{display:flex;align-items:center;justify-content:space-between;gap:20px}.guide pre{background:#0d1b2e;color:#d9ecff;border-radius:12px;padding:14px;overflow:auto;font-size:10px}.guide img{width:160px;height:130px;object-fit:contain;mix-blend-mode:multiply}
.account-grid,.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notice-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #f2d18c;background:#fff8e8;border-radius:17px;padding:18px 21px;margin-bottom:16px}.notice-callout h2{font-size:19px;margin:5px 0}.notice-callout p{font-size:11px;color:#7d6642;margin:0}.notice-callout>i{font-style:normal;font-size:30px}.detail-list{display:grid}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:11px}.detail-list>div:last-child{border:0}.detail-list span:first-child{color:var(--muted)}.settings-form{display:grid;gap:12px}.settings-form label,.modal label,.login-form label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#52647c}.settings-form label small{font-weight:500;color:#9aa6b5}.settings-form input,.settings-form select,.modal input,.modal select,.login-form input{border:1px solid #ccd8e8;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;min-height:39px}.settings-form input:focus,.settings-form select:focus,.modal input:focus,.modal select:focus,.login-form input:focus{border-color:#7db0f4;box-shadow:0 0 0 3px rgba(8,102,237,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;border:1px solid #e1e8f2;padding:12px;border-radius:11px;background:#fafcff}.switch-row span{display:grid}.switch-row input{width:20px;height:20px;min-height:auto}.check-stack{display:grid;gap:8px}.check{display:flex!important;align-items:center;gap:8px!important;font-size:10px!important}.check input{width:16px;height:16px;min-height:auto}.email-preview{margin-top:20px;background:#f5f9ff;border:1px solid #dce9f9;border-radius:13px;padding:15px}.email-preview ul{margin:10px 0 0;padding-left:18px;color:#5e718a;font-size:10px;line-height:1.8}.mail-log{margin-top:16px}.table-title{padding:15px;border-bottom:1px solid var(--line)}.password-row{display:flex;gap:7px}.password-row input{flex:1}.test-helper{background:#f5f9ff;border:1px solid #dbe9fb;border-radius:10px;padding:10px;color:#5c718c;font-size:10px;line-height:1.45}
dialog{border:0;border-radius:17px;padding:0;box-shadow:0 34px 90px rgba(10,27,60,.26);width:min(94vw,510px);max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(4,14,32,.48);backdrop-filter:blur(4px)}.modal{padding:22px;display:grid;gap:12px}.modal.customer-modal{width:100%}.modal-head h3{margin:5px 0 0;font-size:20px}.modal-head p{margin:5px 0 0;font-size:10px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:3px}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 13%,#d8eaff 0,transparent 31%),radial-gradient(circle at 90% 85%,#e7f1ff 0,transparent 25%),linear-gradient(135deg,#f8fbff,#edf4fd)}.login-card{width:min(1060px,95vw);display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid #dce6f3;border-radius:26px;overflow:hidden;box-shadow:0 36px 95px rgba(22,58,113,.17);min-height:590px}.login-art{position:relative;background:linear-gradient(145deg,#075fe6,#062c70);display:flex;flex-direction:column;justify-content:space-between;padding:38px;overflow:hidden}.login-art:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.06);right:-170px;top:-130px}.login-art-copy{color:#fff;position:relative;z-index:1}.login-art-copy span{font-size:10px;font-weight:850;letter-spacing:1.8px;opacity:.75}.login-art-copy h2{font-size:27px;line-height:1.15;margin:10px 0;max-width:460px}.login-art-copy p{font-size:11px;line-height:1.6;max-width:450px;opacity:.78}.login-art>img{width:100%;max-width:480px;border-radius:24px;box-shadow:0 22px 55px rgba(0,0,0,.18);position:relative;z-index:1}.login-form{padding:48px 43px;display:flex;flex-direction:column;justify-content:center;gap:18px}.login-logo{width:75px;height:54px;object-fit:contain}.login-form h1{font-size:29px;letter-spacing:-.8px;margin:6px 0}.login-form p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.login-form form{display:grid;gap:13px}.login-security{display:flex;align-items:center;gap:8px;background:#f5f9ff;border-radius:10px;padding:10px;font-size:9px;color:#66809f}.login-security i{font-style:normal;color:var(--green);font-weight:900}.share-public{width:min(480px,92vw);background:#fff;border-radius:20px;padding:31px;text-align:center;box-shadow:var(--shadow)}.share-public img{width:80px;height:60px;object-fit:contain}.share-public h1{font-size:23px}.share-public p{font-size:11px;color:var(--muted)}.share-public form{display:flex;gap:7px;justify-content:center}.share-public input{padding:10px;border:1px solid #d5deeb;border-radius:8px}.toast{padding:11px 14px;border-radius:10px;margin-bottom:13px;font-size:11px;font-weight:760;border:1px solid}.toast.success{background:#eaf9f1;color:#117649;border-color:#c7efda}.toast.error{background:#fff0f1;color:#a72b38;border-color:#ffd6da}.upload-progress{position:fixed;inset:0;background:rgba(5,17,36,.62);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.upload-progress[hidden]{display:none}.upload-progress>div{width:min(430px,95vw);background:#fff;border-radius:17px;padding:21px;box-shadow:0 30px 80px rgba(0,0,0,.24);display:grid;gap:8px}.upload-progress b{font-size:16px}.upload-progress span,.upload-progress small{font-size:10px;color:var(--muted)}.progress-track{height:9px;background:#e8eef7;border-radius:20px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0b70f2,#0754ce);border-radius:inherit;transition:width .15s}footer{text-align:center;color:#95a1b2;font-size:9px;padding:26px 10px 32px}.mobile-bottom{display:none}
@media(max-width:1180px){:root{--sidebar:250px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}.file-row{grid-template-columns:minmax(220px,1fr) 90px 140px 135px}.welcome-strip>img{width:220px}.connection-grid{grid-template-columns:1fr}.credential-card{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}}
@media(max-width:860px){body{padding-bottom:64px}.sidebar{transform:translateX(-105%);transition:transform .2s ease;width:min(84vw,290px);box-shadow:18px 0 50px rgba(8,24,51,.16)}.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(5,16,33,.48);z-index:29;opacity:0;pointer-events:none;transition:.2s}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.side-close{display:grid;place-items:center}.main{margin-left:0}.topbar{height:64px;padding:0 15px}.mobile-menu{display:grid;place-items:center;border:0;background:#edf3fa;color:#34516f;width:36px;height:36px;border-radius:10px;font-size:17px}.status-pill{display:none}.top-title span{display:none}.content{padding:17px}.welcome-strip{min-height:0;padding:23px}.welcome-strip h1{font-size:28px}.welcome-strip>img{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:124px;padding:16px}.metric>b,.usage-row>div>b{font-size:22px}.section-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.pagehead{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.file-toolbar{align-items:flex-start;flex-direction:column;padding:12px 14px;gap:5px}.file-table{padding:0}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;gap:5px}.file-row.head{display:none}.file-row>span:nth-child(2),.file-row>span:nth-child(3){grid-column:1/2;font-size:9px;color:var(--muted);padding-left:42px}.file-row>span:nth-child(2):before,.file-row>span:nth-child(3):before{content:attr(data-label) ": ";font-weight:800}.actions{grid-column:2;grid-row:1/4;align-self:center;flex-wrap:wrap;width:70px;justify-content:flex-end}.dropzone{padding:22px 13px}.connection-card{grid-template-columns:40px 1fr}.connection-card .copy-btn{grid-column:2}.guide img{display:none}.account-grid{grid-template-columns:1fr}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{padding:10px 12px;border-bottom:1px solid #e8eef6}.responsive-table td{border:0;padding:6px 0!important;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;text-align:right!important}.responsive-table td:before{content:attr(data-label);color:#8390a2;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:800;text-align:left}.responsive-table td[colspan]:before,.responsive-table td:not([data-label]):before{content:""}.responsive-table td small{text-align:right}.action-menu{justify-content:flex-end}.quota-form{justify-content:flex-end}.form-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr;min-height:0}.login-art{display:none}.login-form{padding:38px 28px}.userchip div{display:none}.userchip{border:0;padding-left:0}.mobile-bottom{position:fixed;z-index:25;left:0;right:0;bottom:0;height:64px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:grid;place-items:center;align-content:center;gap:2px;color:#708199;font-size:8px;font-weight:750}.mobile-bottom i{font-style:normal;font-size:17px;color:#4f6c8f}.mobile-bottom a:nth-child(3) i{width:38px;height:38px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;margin-top:-15px;box-shadow:0 7px 18px rgba(8,102,237,.28)}footer{padding-bottom:10px}}
@media(max-width:560px){.content{padding:13px}.topbar{padding:0 11px}.top-title{display:none}.welcome-strip{padding:19px;border-radius:17px}.welcome-strip h1{font-size:25px}.welcome-strip p{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.cards{grid-template-columns:1fr 1fr}.metric{min-height:116px;padding:14px}.metric>span{font-size:10px}.metric>b,.usage-row>div>b{font-size:19px}.metric small,.metric>a{font-size:9px}.ring{width:51px;height:51px}.ring:before{inset:6px}.quick-grid{grid-template-columns:1fr}.mascot-panel{align-items:flex-start}.mascot-panel img{width:82px;height:100px}.pagehead h1{font-size:26px}.connection-card{padding:14px}.connection-card b{font-size:11px}.credential-card{padding:15px}.cred-grid{grid-template-columns:1fr}.panel{padding:17px}.account-grid,.settings-layout{gap:12px}.notice-callout{padding:15px}.share-public form{flex-direction:column}.login-form{padding:31px 22px}.login-form h1{font-size:26px}.password-row{flex-direction:column}.action-menu{display:grid;grid-template-columns:1fr 1fr;width:100%}.action-menu form,.action-menu .btn{width:100%}.modal{padding:18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .btn{width:100%}}
@media(max-width:390px){.cards{grid-template-columns:1fr}.metric{min-height:105px}.content{padding:10px}.topbar-right .btn.warn{font-size:8px;padding:5px}.quick{grid-template-columns:34px 1fr}.quick i{width:34px;height:34px}.welcome-strip h1{font-size:23px}}

/* v1.2.0: responsive service centre, notifications, file requests and health */
.notify-bell{position:relative;width:34px;height:34px;border-radius:11px;background:#eef4fb;border:1px solid #dfe8f5;display:grid;place-items:center;color:#9aacbf;font-size:9px}.notify-bell.has-unread{color:var(--blue);background:#eef6ff}.notify-bell b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#e8354f;color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid #fff}
.quota-warning{margin:-2px 0 16px;background:#fff8e9;border:1px solid #f5d990;border-radius:13px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:10px;color:#795b12}.quota-warning b{font-size:11px}.quota-warning a{font-weight:800;color:#795b12}.quota-warning.critical{background:#fff0f1;border-color:#ffcbd1;color:#9b2c3b}.quota-warning.critical a{color:#9b2c3b}
.feature-banner{background:linear-gradient(135deg,#092b64,#0866ed);color:#fff;border-radius:17px;padding:21px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 34px rgba(8,74,174,.15)}.feature-banner.compact{padding:17px 21px}.feature-banner h2{font-size:18px;margin:5px 0}.feature-banner p{font-size:10px;opacity:.78;margin:0;max-width:670px;line-height:1.55}.feature-banner .eyebrow{color:#bcd8ff}.feature-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.12);font-size:25px;font-weight:800}
.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.request-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow);display:grid;gap:13px}.request-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.request-card h3{margin:6px 0 3px;font-size:16px}.request-card small{color:var(--muted);font-size:9px}.request-count{font-size:21px;text-align:right}.request-count small{display:block;font-weight:600}.copy-row{display:flex;gap:6px}.copy-row input{flex:1;min-width:0}.request-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.request-stats span{background:#f7f9fc;border:1px solid #e7edf5;padding:8px;border-radius:9px;color:var(--muted);font-size:8px;display:grid;gap:3px}.request-stats b{color:var(--ink);font-size:9px}.request-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #edf1f6;padding-top:11px}.request-actions form{display:flex;gap:6px}.request-empty{grid-column:1/-1}.protocol-choices{display:flex;gap:14px;flex-wrap:wrap;background:#f6f9fd;border:1px solid #e3eaf4;border-radius:10px;padding:10px}
.request-public{min-height:100vh;width:100%;display:grid;place-items:center;align-content:center;padding:26px;background:radial-gradient(circle at 20% 10%,#dcecff,transparent 30%),linear-gradient(140deg,#f8fbff,#edf4fc)}.request-public-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:10px;font-weight:900;letter-spacing:1.3px;color:#34516f}.request-public-brand img{width:54px;height:40px;object-fit:contain}.request-public-card{width:min(620px,94vw);background:#fff;border:1px solid #dce6f2;border-radius:21px;padding:28px;box-shadow:0 30px 80px rgba(16,56,111,.14)}.request-public-card h1{font-size:28px;margin:6px 0 8px}.request-public-card>p{font-size:11px;color:var(--muted);line-height:1.6}.request-upload,.request-unlock{display:grid;gap:12px;margin-top:20px}.request-drop{min-height:180px;border:2px dashed #b8cee9;border-radius:15px;background:#f7fbff;display:grid!important;place-items:center;align-content:center;text-align:center;gap:6px;padding:20px;cursor:pointer}.request-drop b{font-size:29px;color:var(--blue)}.request-drop strong{font-size:13px}.request-drop span{font-size:9px;color:var(--muted)}.request-drop input{margin-top:8px;max-width:100%}.request-meta{margin-top:18px;padding-top:14px;border-top:1px solid #e9eef5;display:grid;grid-template-columns:auto 1fr;gap:7px 15px;font-size:9px}.request-meta span{color:var(--muted)}.request-meta b{text-align:right}.request-success{margin-top:15px;background:#eaf9f1;color:#16744a;border:1px solid #c7ecd8;border-radius:10px;padding:11px;font-size:10px;font-weight:750}.request-foot{margin-top:11px;color:#8292a7;font-size:9px}
.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:10px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;box-shadow:0 6px 18px rgba(28,60,106,.045)}.notification-item>i{width:8px;height:8px;border-radius:50%;background:#b8c4d3;margin-top:5px}.notification-item.unread{border-color:#bfd9fb;background:#fbfdff}.notification-item.unread>i{background:var(--blue);box-shadow:0 0 0 4px #e5f1ff}.notification-item.warning>i,.notification-item.critical>i{background:#e49a1f}.notification-item.success>i{background:#20a86b}.notification-title{display:flex;justify-content:space-between;gap:10px}.notification-title b{font-size:11px}.notification-title small{font-size:8px;color:var(--muted)}.notification-item p{font-size:10px;color:#60738d;margin:5px 0;line-height:1.55}.notification-item a{font-size:9px;font-weight:800;color:var(--blue)}
.health-hero{border-radius:17px;padding:22px 24px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;color:#fff}.health-hero.healthy{background:linear-gradient(135deg,#0a704f,#18a66f)}.health-hero.attention{background:linear-gradient(135deg,#855315,#d58b1f)}.health-hero h2{font-size:22px;margin:5px 0}.health-hero p{font-size:10px;margin:0;opacity:.82}.health-hero>b{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:25px}.health-hero .eyebrow{color:#d8f8e9}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.health-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;gap:5px;box-shadow:var(--shadow)}.health-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:850}.health-card b{font-size:15px}.health-card.ok b{color:#14825a}.health-card.bad b{color:#b26b18}.health-card small{font-size:9px;color:#7a8ba2;word-break:break-word}.health-details{margin-top:0}.thresholds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thresholds span{background:#f7faff;border:1px solid #e3eaf4;border-radius:10px;padding:10px;font-size:9px;color:var(--muted)}.thresholds b{display:block;color:var(--ink);font-size:14px}.muted-note{font-size:9px!important;color:var(--muted)!important;line-height:1.55!important}
@media(max-width:860px){.request-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quota-warning{grid-template-columns:1fr}.quota-warning a{justify-self:start}.feature-icon{display:none}.request-stats{grid-template-columns:1fr 1fr 1fr}.notify-bell{width:33px;height:33px}}
@media(max-width:560px){.request-public-card{padding:21px}.request-public-card h1{font-size:24px}.request-stats{grid-template-columns:1fr}.request-actions{align-items:stretch;flex-direction:column}.request-actions .btn,.request-actions form{width:100%}.request-actions form{display:grid;grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:1fr}.health-hero{padding:18px}.health-hero>b{display:none}.thresholds{grid-template-columns:1fr 1fr}.notification-title{display:grid}.copy-row{display:grid;grid-template-columns:1fr auto}}

/* =========================================================
   OA STORAGE BOX v1.3.0 · URBAN PULSE UI
   ========================================================= */
:root{
  --urban:#071120;--urban2:#0a1b35;--electric:#0877ff;--cyan:#55ddff;--acid:#b7ff46;
  --violet:#7c62ff;--hot:#ff4fb3;--ice:#eaf4ff;--urban-line:rgba(103,151,217,.2);
}
body.urban-ui{background:
  radial-gradient(circle at 83% 9%,rgba(8,119,255,.10),transparent 23%),
  linear-gradient(180deg,#f5f8fd 0,#edf3fa 100%);}
body.urban-ui:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(rgba(9,66,132,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,66,132,.035) 1px,transparent 1px);background-size:28px 28px}
.urban-ui .sidebar{background:linear-gradient(180deg,#071120 0%,#091a31 56%,#071120 100%);border-right:1px solid rgba(99,153,224,.18);box-shadow:18px 0 55px rgba(3,14,33,.12)}
.urban-ui .brand{color:#fff}.urban-ui .brand span{color:#8ea6c8}.urban-ui .brandmark{background:#fff;border:0;box-shadow:0 9px 28px rgba(0,92,255,.22)}
.urban-ui .side-close{background:#102846;color:#fff}.urban-ui .nav-label{color:#607b9e}.urban-ui .sidebar nav a{color:#a9bad0}.urban-ui .sidebar nav a i{background:#10233d;color:#8dbdff;border:1px solid rgba(120,169,235,.08)}
.urban-ui .sidebar nav a:hover{background:#102a4b;color:#fff;transform:translateX(2px)}
.urban-ui .sidebar nav a.active{color:#fff;background:linear-gradient(95deg,#0869f2,#0b46b4);box-shadow:0 10px 24px rgba(0,92,255,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.urban-ui .sidebar nav a.active i{color:#071120;background:var(--acid);box-shadow:0 5px 15px rgba(183,255,70,.18)}
.urban-ui .side-quota{background:rgba(12,34,62,.78);border-color:rgba(100,152,218,.16);box-shadow:none;color:#fff}.urban-ui .side-quota small{color:#829bbd}.urban-ui .quota-line{background:#132b49}.urban-ui .quota-line div{background:linear-gradient(90deg,var(--cyan),var(--electric),var(--violet))}
.urban-ui .side-foot{border-color:rgba(104,145,199,.14);color:#fff}.urban-ui .side-foot small{color:#718bad}.version-chip{font-style:normal;font-size:8px;letter-spacing:.8px;margin-left:3px;padding:3px 6px;border-radius:999px;background:var(--acid);color:#071120;vertical-align:2px}
.side-visual.urban-card{position:relative;background:linear-gradient(145deg,#0f4ebd 0%,#086df3 48%,#0d2e65 100%);border:1px solid rgba(112,197,255,.28);box-shadow:0 18px 35px rgba(0,60,150,.22);isolation:isolate}
.side-visual.urban-card:after{content:"";position:absolute;right:-32px;bottom:-42px;width:130px;height:130px;border:24px solid rgba(255,255,255,.08);border-radius:50%;z-index:-1}.side-visual.urban-card img{box-shadow:0 10px 25px rgba(0,0,0,.18);transform:rotate(-2deg)}
.mini-kicker{font-size:7px!important;letter-spacing:1.7px!important;color:var(--acid)!important;font-weight:900!important;margin:0 0 5px!important}.spray-dot{position:absolute;border-radius:50%;background:var(--acid);box-shadow:18px 9px 0 var(--cyan),34px -8px 0 var(--hot)}.spray-dot.one{width:4px;height:4px;right:26px;top:13px}.spray-dot.two{width:3px;height:3px;right:56px;bottom:19px;opacity:.7}
.urban-ui .topbar{background:rgba(247,250,255,.82);border-bottom-color:rgba(149,174,210,.22);backdrop-filter:blur(22px) saturate(140%)}
.vibe-toggle{width:36px;height:36px;border-radius:12px;border:1px solid #d5e1f0;background:#fff;color:#1a4d89;display:grid;place-items:center;cursor:pointer;font-size:15px;box-shadow:0 6px 18px rgba(31,70,126,.06)}.vibe-toggle:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(31,70,126,.12)}
.urban-ui .status-pill{background:#eafff7;border-color:#c4efde;color:#09704c}.urban-ui .status-pill i{box-shadow:0 0 0 5px rgba(16,200,137,.1)}
.urban-ui .userchip{border-radius:14px}.urban-ui .userchip:hover{background:#edf5ff}
.urban-ui .content{max-width:1520px}

/* Hero */
.urban-hero{position:relative;min-height:315px;border-radius:27px;overflow:hidden;padding:38px 42px;background:linear-gradient(125deg,#06101e 0%,#0a1d3a 44%,#073c92 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);align-items:center;box-shadow:0 25px 65px rgba(10,48,105,.20);isolation:isolate;margin-bottom:18px;border:1px solid rgba(116,186,255,.18)}
.urban-hero:before{content:"";position:absolute;inset:auto -8% -50% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(85,221,255,.22),rgba(8,119,255,.06) 47%,transparent 69%);z-index:-1}.urban-hero:after{content:"OA // STORAGE // BOX";position:absolute;bottom:12px;left:42px;font-size:8px;letter-spacing:5px;color:rgba(255,255,255,.23);font-weight:900}
.urban-gridfx{position:absolute;inset:0;z-index:-2;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.urban-copy{position:relative;z-index:2;max-width:760px}.urban-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:9px;letter-spacing:2.4px;font-weight:950;text-transform:uppercase}.urban-kicker:before{content:"";width:28px;height:3px;background:var(--acid);border-radius:5px}
.urban-copy h1{font-size:clamp(39px,4.6vw,68px);line-height:.93;letter-spacing:-3.2px;margin:13px 0 18px;font-weight:950}.urban-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #fff;text-shadow:0 0 26px rgba(78,190,255,.18)}.urban-copy p{max-width:650px;font-size:12px;line-height:1.75;color:#b9cce6;margin:0 0 22px}.urban-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.urban-hero .btn{min-height:43px}.pulse-btn{background:linear-gradient(95deg,#086bff,#168bff)!important;box-shadow:0 13px 30px rgba(0,104,255,.32)!important}.pulse-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 35px rgba(0,104,255,.42)!important}.ghost-dark{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.ghost-dark:hover{background:rgba(255,255,255,.12)!important}
.urban-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.urban-tags span{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.4px;color:#b8cce7;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:7px 10px;border-radius:999px}.urban-tags span i{width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 4px rgba(183,255,70,.08)}.urban-tags span.dim i{background:#ffb43f}.urban-tags span.dim{opacity:.74}
.urban-mascot{position:relative;display:grid;place-items:center;min-height:245px}.urban-mascot img{position:relative;z-index:2;max-width:215px;max-height:235px;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(0,0,0,.30));animation:urbanFloat 5s ease-in-out infinite}.urban-mascot>b{position:absolute;right:3%;bottom:14%;z-index:3;font-size:21px;line-height:.83;text-align:center;transform:rotate(-6deg);background:var(--acid);color:#06101e;padding:12px 10px;border-radius:8px;box-shadow:7px 7px 0 rgba(0,0,0,.18)}.urban-mascot>b small{font-size:8px;letter-spacing:1px}.orbit{position:absolute;border:1px solid rgba(100,200,255,.24);border-radius:50%;transform:rotate(-18deg)}.orbit.o1{width:235px;height:235px}.orbit.o2{width:285px;height:150px}.urban-mascot:before{content:"";position:absolute;width:150px;height:150px;background:rgba(21,111,248,.29);filter:blur(35px);border-radius:50%}
@keyframes urbanFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}

/* Metrics */
.pulse-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.pulse-metrics article{position:relative;overflow:hidden;min-height:124px;background:rgba(255,255,255,.94);border:1px solid #dfe8f4;border-radius:18px;padding:18px 19px;box-shadow:0 10px 28px rgba(22,54,99,.06);transition:.2s}.pulse-metrics article:hover{transform:translateY(-3px);border-color:#bcd4f4;box-shadow:0 17px 38px rgba(22,54,99,.10)}.pulse-metrics article:after{content:"";position:absolute;width:72px;height:72px;right:-26px;top:-30px;border:18px solid rgba(8,119,255,.05);border-radius:50%}.pulse-metrics article>span{display:block;color:#7890ac;font-size:8px;letter-spacing:1.4px;font-weight:950}.pulse-metrics article>b{display:block;font-size:26px;line-height:1;margin:12px 0 7px;letter-spacing:-1px;color:#10213d}.pulse-metrics article>b em{font-size:12px;color:#91a0b3;font-style:normal;margin-left:3px}.pulse-metrics article>small{font-size:9px;color:#778aa3}.microbar{height:5px;background:#e9f0f8;border-radius:50px;margin-top:12px;overflow:hidden}.microbar i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--electric),var(--cyan))}.microbar.alt i{background:linear-gradient(90deg,var(--violet),var(--hot))}.neon-green{color:#0c9c62!important}.neon-amber{color:#db8a08!important}

/* Content blocks */
.urban-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:14px;margin-bottom:15px}.urban-panel{border-radius:19px!important;border-color:#dbe6f2!important;box-shadow:0 12px 32px rgba(26,61,108,.055)!important;overflow:hidden}.urban-panel .panel-head{border-bottom:1px solid #edf1f6;padding-bottom:14px;margin-bottom:4px}.sticker{display:inline-grid;place-items:center;min-width:54px;height:27px;padding:0 8px;background:#071120;color:var(--acid);font-size:8px;font-weight:950;letter-spacing:1.4px;transform:rotate(2deg);border-radius:5px;box-shadow:4px 4px 0 #dce6f2}
.urban-actions{display:grid}.urban-actions>a{display:grid;grid-template-columns:39px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid #edf2f7;transition:.18s}.urban-actions>a:last-child{border-bottom:0}.urban-actions>a:hover{padding-left:10px;background:linear-gradient(90deg,#f4f9ff,transparent)}.urban-actions>a>i{font-style:normal;font-size:8px;font-weight:950;letter-spacing:1px;color:#0780ff;background:#e7f4ff;border:1px solid #d0eaff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.urban-actions b{display:block;font-size:11px;color:#132743}.urban-actions span{display:block;font-size:9px;color:#7c8da3;margin-top:3px}.urban-actions strong{color:#0c72ef;font-size:17px}.activity-pulse .panel-head>a{font-size:9px;font-weight:900;color:#0871ef}.pulse-feed{display:grid}.pulse-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #eff3f7}.pulse-row:last-child{border-bottom:0}.pulse-row>i{width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:0 0 0 4px #e6f2ff}.pulse-row:nth-child(2n)>i{background:var(--violet);box-shadow:0 0 0 4px #eeebff}.pulse-row b{display:block;font-size:10px}.pulse-row span{display:block;font-size:8px;color:#8191a7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.pulse-row small{font-size:8px;color:#98a6b8}
.street-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:20px;align-items:center;padding:22px 24px;border-radius:18px;background:linear-gradient(100deg,#071120,#0d2850);color:#fff;box-shadow:0 14px 36px rgba(5,31,67,.14);margin-bottom:12px}.street-banner:after{content:"";position:absolute;right:28%;top:-70px;width:170px;height:170px;border:35px solid rgba(85,221,255,.06);border-radius:50%}.street-banner .eyebrow{color:var(--cyan)}.street-banner h3{font-size:18px;margin:6px 0 5px}.street-banner p{font-size:9px;color:#9fb6d3;margin:0;line-height:1.55}.street-meter{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.street-meter>b{font-size:23px;color:var(--acid)}.street-meter>span{height:8px;border-radius:50px;background:#15355d;overflow:hidden}.street-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--acid),var(--cyan));border-radius:inherit}.connect-code{position:relative;z-index:2;display:flex;gap:8px;align-items:center;justify-content:flex-end}.connect-code code{max-width:100%;overflow:auto;white-space:nowrap;background:#0b1e39;border:1px solid rgba(122,179,250,.17);color:#cbe0fb;padding:11px 12px;border-radius:10px;font-size:9px}.urban-warning{grid-template-columns:auto minmax(0,1fr) auto!important;gap:13px!important}.warning-bolt{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff3d5;font-size:17px}

/* Login */
.auth-shell{background:radial-gradient(circle at 15% 20%,#123b7d,transparent 28%),radial-gradient(circle at 86% 74%,rgba(31,117,238,.32),transparent 25%),#050b14!important}.urban-login{border:1px solid rgba(83,148,237,.25)!important;box-shadow:0 40px 100px rgba(0,0,0,.34)!important}.urban-login .login-art{position:relative;background:linear-gradient(140deg,#071120 0%,#0a2b61 58%,#066cf1 100%)!important;overflow:hidden}.login-grid-lines{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(58deg) scale(1.4);transform-origin:bottom}.urban-login .login-art-copy{position:relative;z-index:3}.urban-login .login-art-copy span{color:var(--cyan)!important;letter-spacing:2.2px!important}.urban-login .login-art-copy h2{font-size:clamp(33px,4vw,53px)!important;line-height:.96!important;letter-spacing:-2px!important}.urban-login .login-art-copy h2 em{font-style:normal;color:var(--acid)}.urban-login .login-art-copy p{max-width:520px}.urban-login .login-art>img{position:relative;z-index:2;filter:drop-shadow(0 30px 30px rgba(0,0,0,.32))}.login-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.login-tags b{font-size:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:50px;color:#d9e9ff}.urban-login .login-form{background:#fff}.urban-login .login-form h1{letter-spacing:-1px}.urban-login .btn.primary span{font-size:16px;margin-left:5px}

/* Restyle existing pages without breaking structure */
.urban-ui .pagehead h1{letter-spacing:-1.5px}.urban-ui .pagehead .eyebrow,.urban-ui .panel .eyebrow,.urban-ui .table-card .eyebrow{color:#0871ef;letter-spacing:1.7px}.urban-ui .panel,.urban-ui .table-card,.urban-ui .request-card,.urban-ui .connection-card{border-radius:18px;border-color:#dce6f2;box-shadow:0 11px 30px rgba(24,58,105,.055)}.urban-ui .table-card{overflow:hidden}.urban-ui .responsive-table thead{background:#08162a;color:#dce9f9}.urban-ui .responsive-table th{color:#9cb3cf!important;font-size:8px;letter-spacing:1.1px}.urban-ui .responsive-table tbody tr:hover{background:#f4f9ff}.urban-ui .btn{border-radius:11px;font-weight:850;transition:.16s}.urban-ui .btn.primary{background:linear-gradient(95deg,#0867ef,#0885ff);border-color:#0877ff;box-shadow:0 8px 20px rgba(8,102,237,.18)}.urban-ui .btn.primary:hover{box-shadow:0 13px 26px rgba(8,102,237,.27);transform:translateY(-1px)}.urban-ui input,.urban-ui select{border-radius:11px}.urban-ui input:focus,.urban-ui select:focus{border-color:#0a79ff;box-shadow:0 0 0 4px rgba(8,119,255,.09)}.urban-ui .dropzone{background:radial-gradient(circle at 50% 50%,#f7fbff,#eef6ff);border-color:#9fc9f7}.urban-ui .dropzone.drag{background:#e9f7ff;border-color:var(--electric);transform:scale(1.005)}.urban-ui .feature-banner{background:linear-gradient(125deg,#071120,#0c438f)!important;border-radius:20px!important}.urban-ui .health-hero.healthy{background:linear-gradient(125deg,#071e29,#087256)}.urban-ui .health-hero.attention{background:linear-gradient(125deg,#311c08,#bd7410)}

/* Optional higher-contrast night mode controlled locally */
body.urban-ui.vibe-night{background:#07101d;color:#e9f2ff}.urban-ui.vibe-night:before{opacity:.2;background-image:linear-gradient(rgba(111,173,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(111,173,255,.08) 1px,transparent 1px)}.urban-ui.vibe-night .main{background:transparent}.urban-ui.vibe-night .topbar{background:rgba(7,18,34,.86);border-color:rgba(94,143,210,.16)}.urban-ui.vibe-night .top-title b{color:#fff}.urban-ui.vibe-night .top-title span{color:#7791b3}.urban-ui.vibe-night .vibe-toggle,.urban-ui.vibe-night .userchip{background:#0e2340;border-color:#1c3a62;color:#fff}.urban-ui.vibe-night .userchip span{color:#fff}.urban-ui.vibe-night .userchip small{color:#8ca3c0}.urban-ui.vibe-night .panel,.urban-ui.vibe-night .table-card,.urban-ui.vibe-night .pulse-metrics article,.urban-ui.vibe-night .request-card,.urban-ui.vibe-night .connection-card{background:#0b1b31;border-color:#173656;color:#e6effd}.urban-ui.vibe-night .pulse-metrics article>b,.urban-ui.vibe-night .urban-actions b,.urban-ui.vibe-night .pulse-row b{color:#edf5ff}.urban-ui.vibe-night .pulse-metrics article>small,.urban-ui.vibe-night .urban-actions span,.urban-ui.vibe-night .pulse-row span{color:#819bbd}.urban-ui.vibe-night .urban-panel .panel-head,.urban-ui.vibe-night .urban-actions>a,.urban-ui.vibe-night .pulse-row{border-color:#173451}.urban-ui.vibe-night .urban-actions>a:hover{background:linear-gradient(90deg,#102b4a,transparent)}.urban-ui.vibe-night .responsive-table tbody tr:hover{background:#102744}.urban-ui.vibe-night .responsive-table td{border-color:#173451;color:#dbe8fa}.urban-ui.vibe-night .pagehead h1,.urban-ui.vibe-night .pagehead h2,.urban-ui.vibe-night .panel h2{color:#f2f7ff}.urban-ui.vibe-night .pagehead p,.urban-ui.vibe-night .panel p{color:#819bbd}.urban-ui.vibe-night input,.urban-ui.vibe-night select{background:#0d213b;border-color:#21446b;color:#fff}.urban-ui.vibe-night .dropzone{background:#0c203a;border-color:#2f5b88}.urban-ui.vibe-night footer{color:#647d9e}

/* Responsive */
@media(max-width:1100px){.urban-hero{grid-template-columns:minmax(0,1.35fr) 220px;padding:32px}.urban-mascot img{max-width:175px}.urban-layout{grid-template-columns:1fr 1fr}.pulse-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.urban-ui .sidebar{box-shadow:22px 0 60px rgba(0,0,0,.33)}.urban-hero{min-height:auto;grid-template-columns:1fr;padding:28px 25px 34px}.urban-copy h1{font-size:46px}.urban-mascot{position:absolute;right:-18px;bottom:-38px;opacity:.31;min-height:0}.urban-mascot img{width:155px}.urban-mascot>b,.urban-mascot .orbit{display:none}.urban-copy{max-width:82%}.urban-layout{grid-template-columns:1fr}.street-banner{grid-template-columns:1fr}.connect-code{justify-content:flex-start;flex-wrap:wrap}.urban-hero:after{left:25px}.vibe-toggle{display:none}}
@media(max-width:620px){.urban-ui .content{padding-left:13px;padding-right:13px}.urban-hero{border-radius:20px;padding:24px 20px 30px;margin-left:-2px;margin-right:-2px}.urban-copy{max-width:100%}.urban-copy h1{font-size:39px;letter-spacing:-2px}.urban-copy p{font-size:11px;padding-right:50px}.urban-mascot{right:-54px;bottom:-30px}.urban-mascot img{width:140px}.urban-tags span:nth-child(2){max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urban-hero .hero-actions{display:grid;grid-template-columns:1fr;width:76%}.urban-hero .hero-actions .btn{justify-content:center}.pulse-metrics{grid-template-columns:1fr 1fr;gap:8px}.pulse-metrics article{min-height:110px;padding:15px 14px}.pulse-metrics article>b{font-size:21px}.street-banner{padding:19px 17px;border-radius:15px}.connect-code{display:grid;grid-template-columns:1fr}.connect-code code{width:100%}.urban-warning{grid-template-columns:auto 1fr!important}.urban-warning>a{grid-column:2}.urban-actions>a{padding:13px 0}.activity-pulse .pulse-row small{display:none}.urban-login .login-art-copy h2{font-size:36px!important}.login-tags{display:none}.urban-login .login-art-copy p{font-size:10px!important}.version-chip{display:none}}
@media(max-width:400px){.pulse-metrics{grid-template-columns:1fr}.urban-copy h1{font-size:35px}.urban-copy p{padding-right:20px}.urban-hero .hero-actions{width:100%}.urban-mascot{opacity:.2}.urban-tags{display:none}.pulse-metrics article{min-height:96px}.urban-ui .topbar{padding-left:13px;padding-right:13px}.top-title span{max-width:150px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.urban-mascot img{animation:none}.urban-ui *{scroll-behavior:auto!important;transition:none!important}}