:root{
  --bg:#06111b;--bg2:#081622;--panel:#0a1825;--panel2:#0c1c2b;--line:#173247;--line2:#1e4260;
  --text:#f3f7fb;--muted:#8395a8;--blue:#2588ff;--blue2:#0e65d8;--cyan:#16d5c7;--green:#19d88b;
  --amber:#ffab2e;--red:#ff5264;--violet:#a56bff;--shadow:0 18px 60px rgba(0,0,0,.34);--radius:14px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 45% -10%,rgba(37,136,255,.08),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.danger{color:var(--red)}.success{color:var(--green)}

/* auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);overflow:hidden}.auth-visual{position:relative;padding:56px 70px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#07131f 0%,#06101a 56%,#081b2d 100%);border-right:1px solid var(--line)}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.auth-visual:before{width:420px;height:420px;background:radial-gradient(circle,rgba(29,132,255,.16),transparent 68%);left:15%;top:18%}.auth-visual:after{width:320px;height:320px;background:radial-gradient(circle,rgba(22,213,199,.08),transparent 70%);right:-50px;bottom:5%}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;letter-spacing:-.4px;position:relative;z-index:2}.brand-mark{width:38px;height:42px;display:grid;place-items:center;color:#55aaff;filter:drop-shadow(0 0 14px rgba(37,136,255,.35))}.brand-mark svg{width:100%;height:100%}.auth-copy{position:relative;z-index:2;max-width:650px}.auth-copy h1{font-size:clamp(36px,4.4vw,66px);line-height:1.02;letter-spacing:-2.6px;margin:0 0 22px}.auth-copy h1 span{color:#5ca7ff}.auth-copy p{color:#9aacbd;max-width:560px;font-size:18px;line-height:1.65}.security-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.security-pill{border:1px solid var(--line2);background:rgba(7,25,40,.7);padding:10px 13px;border-radius:999px;color:#afc4d7;font-size:13px;backdrop-filter:blur(8px)}.security-pill b{color:var(--green);font-weight:700}.auth-foot{position:relative;z-index:2;color:#678096;font-size:12px}.auth-main{display:flex;align-items:center;justify-content:center;padding:42px;background:linear-gradient(180deg,#07121d,#05101a)}.auth-card{width:min(100%,500px);padding:34px;background:linear-gradient(180deg,rgba(13,30,45,.98),rgba(8,22,34,.98));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h2{font-size:30px;margin:0 0 7px;letter-spacing:-.7px}.auth-card>.sub{color:var(--muted);margin-bottom:26px;line-height:1.5}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:700;color:#c5d3df;margin-bottom:8px}.input{width:100%;border:1px solid #1b3a52;background:#071521;color:var(--text);padding:13px 14px;border-radius:10px;outline:0;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.input:focus{border-color:#2d8cff;box-shadow:0 0 0 3px rgba(37,136,255,.12)}textarea.input{min-height:110px;resize:vertical}.input-row{position:relative}.input-row .input{padding-right:48px}.icon-button{border:0;background:transparent;color:#8194a8;display:grid;place-items:center;border-radius:8px}.input-row .icon-button{position:absolute;right:7px;top:7px;width:36px;height:36px}.btn{border:1px solid var(--line2);background:#0b1b29;color:#dce7f1;padding:11px 15px;border-radius:10px;font-weight:750;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#2a5678}.btn-primary{border-color:#2c8dff;background:linear-gradient(180deg,#2d91ff,#1774e9);color:white;box-shadow:0 8px 22px rgba(37,136,255,.22)}.btn-primary:hover{filter:brightness(1.06)}.btn-danger{border-color:#6c2630;color:#ff6f7d;background:rgba(103,29,41,.14)}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-switch{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}.auth-switch a{color:#53a2ff;font-weight:700}.notice{padding:12px 14px;border-radius:10px;border:1px solid #28435b;background:#0a1b29;color:#b8c6d4;font-size:13px;line-height:1.5}.notice.error{border-color:#63313a;background:rgba(120,30,43,.14);color:#ff9da7}.notice.ok{border-color:#1d5a47;background:rgba(20,100,72,.12);color:#9be7c9}.password-meter{margin-top:9px;height:5px;background:#102434;border-radius:999px;overflow:hidden}.password-meter>span{display:block;height:100%;width:0;background:var(--red);transition:.2s}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:10px;font-size:12px;color:#758da2}.requirements span.ok{color:var(--green)}

/* dashboard */
.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,#06131f,#06101a);padding:22px 15px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:2px 14px 21px}.nav{display:grid;gap:7px}.nav-btn{border:1px solid transparent;background:transparent;color:#a8b7c6;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:11px;font-weight:650;text-align:left}.nav-btn:hover{background:#0b1c2b}.nav-btn.active{background:linear-gradient(90deg,rgba(37,136,255,.18),rgba(37,136,255,.04));border-color:#1c4e73;color:#eff7ff;box-shadow:inset 3px 0 0 var(--blue)}.nav-icon{width:22px;text-align:center;color:#82a2be}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.side-card{border:1px solid var(--line);background:#0a1a28;border-radius:11px;padding:14px}.side-card .side-title{font-weight:800;font-size:13px;margin-bottom:7px}.side-card p{font-size:12px;line-height:1.45;color:#879bad;margin:5px 0}.sidebar-security{display:flex;gap:10px;align-items:flex-start}.shield-dot{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(37,136,255,.16);color:#49a1ff;border:1px solid #235886;box-shadow:0 0 20px rgba(37,136,255,.15)}.main{min-width:0;padding:23px 27px 35px}.topbar{display:flex;gap:20px;align-items:center;margin-bottom:18px}.page-title{min-width:275px}.page-title h1{font-size:27px;margin:0;letter-spacing:-.8px}.page-title h1 span{color:#4c9eff;font-size:18px;font-weight:500;margin-left:5px}.search{position:relative;flex:1;max-width:550px}.search .input{padding-left:42px;height:43px}.search:before{content:"⌕";position:absolute;left:14px;top:8px;font-size:22px;color:#7c91a5;z-index:1}.status-pill{margin-left:auto;border:1px solid #175945;background:rgba(13,92,67,.14);color:#28df93;padding:10px 14px;border-radius:9px;font-weight:800;font-size:13px;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0a1825;padding:6px 10px;border-radius:10px;min-width:180px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2c91ff,#10243a 65%);font-weight:900}.user-chip strong{display:block;font-size:12px}.user-chip span{display:block;font-size:10px;color:#8295a8;margin-top:1px}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:14px}.stat-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#0b1b29,#091723);border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.015)}.stat-card{padding:17px 18px;display:flex;gap:14px;align-items:center;min-height:105px}.stat-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:23px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent);box-shadow:0 0 25px color-mix(in srgb,currentColor 15%,transparent)}.stat-card.blue .stat-icon{color:#3292ff}.stat-card.cyan .stat-icon{color:#15d8c9}.stat-card.amber .stat-icon{color:#ff9f26}.stat-card.violet .stat-icon{color:#a66cff}.stat-info{min-width:0}.stat-label{font-size:12px;color:#c1ccd7}.stat-value{font-size:24px;font-weight:850;margin-top:3px}.stat-sub{font-size:11px;color:#8193a4;margin-top:5px}.stat-sub.good{color:#54dca0}.stat-sub.warn{color:#ffad39}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.7fr);gap:14px}.left-stack{display:grid;gap:14px}.vault-zone{display:grid;grid-template-columns:minmax(400px,1.18fr) minmax(320px,.82fr);gap:14px}.panel{overflow:hidden}.panel-header{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-header h3{font-size:14px;margin:0}.panel-actions{display:flex;gap:7px}.btn-sm{padding:7px 10px;font-size:12px}.vault-table{width:100%;border-collapse:collapse}.vault-table th{font-size:10px;color:#788fa3;font-weight:600;padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}.vault-table td{padding:10px 14px;border-bottom:1px solid #11293b;font-size:12px;vertical-align:middle}.vault-row{cursor:pointer}.vault-row:hover{background:#0b2032}.vault-row.selected{outline:1px solid #2180dd;outline-offset:-1px;background:linear-gradient(90deg,rgba(37,136,255,.10),rgba(37,136,255,.02))}.entry{display:flex;align-items:center;gap:10px}.service-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f7fafc;color:#132439;font-weight:900;font-size:12px;flex:0 0 auto}.entry strong{display:block;font-size:12px}.entry small{display:block;color:#8094a7;margin-top:1px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strength{display:inline-flex;gap:2px;align-items:center}.strength i{width:5px;height:5px;border-radius:50%;background:#274358}.strength.good i{background:#20d988}.strength.medium i:nth-child(-n+3){background:#ffab2e}.strength.weak i:nth-child(-n+2){background:#ff5364}.detail{min-height:442px}.detail-body{padding:14px}.detail-head{display:flex;align-items:center;gap:9px}.detail-head h3{font-size:15px}.detail-field{padding:12px 0;border-bottom:1px solid #142d3f}.detail-field label{display:block;color:#7e91a4;font-size:10px;margin-bottom:6px}.detail-value-row{display:flex;align-items:center;gap:8px}.detail-value{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.detail-actions{padding-top:14px;display:flex;gap:7px;flex-wrap:wrap}.security-list{padding:13px;display:grid;gap:10px}.security-item{border:1px solid var(--line);border-radius:9px;padding:11px 12px;display:flex;gap:10px;align-items:flex-start}.security-item.red{border-color:#50303a;background:rgba(96,26,39,.11)}.security-item.amber{border-color:#554126;background:rgba(103,72,20,.10)}.security-item.green{border-color:#1a4d41;background:rgba(23,95,72,.09)}.security-item .doticon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:12px}.security-item.red .doticon{background:rgba(255,82,100,.12);color:var(--red)}.security-item.amber .doticon{background:rgba(255,171,46,.12);color:var(--amber)}.security-item.green .doticon{background:rgba(25,216,139,.12);color:var(--green)}.security-item strong{font-size:12px;display:block}.security-item p{font-size:10px;color:#8598aa;line-height:1.4;margin:3px 0 0}.score{font-size:20px;font-weight:900;color:var(--green)}.progress{height:5px;border-radius:999px;background:#10293a;margin-top:8px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#10b97b,#38e098)}.activity{padding:7px 14px 10px}.activity-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #132a3b}.activity-row:last-child{border:0}.activity-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(37,136,255,.12);color:#50a2ff;font-size:11px}.activity-row strong{font-size:11px;display:block}.activity-row small{font-size:10px;color:#7d91a4}.activity-row time{font-size:10px;color:#7f91a4}.quick-lock{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lock-tile{border:1px solid var(--line);background:#081723;border-radius:9px;padding:13px}.lock-tile strong{font-size:12px}.lock-tile p{font-size:10px;color:#8497a9;line-height:1.45}.lock-icon-big{height:82px;display:grid;place-items:center;font-size:46px;color:#3c9fff;text-shadow:0 0 24px rgba(37,136,255,.35)}.empty{padding:42px 24px;text-align:center;color:#7f93a7}.empty strong{display:block;color:#c6d5e2;margin-bottom:6px}.panel-footer{padding:10px 14px;color:#7790a5;font-size:10px}

/* modal / vault lock */
.overlay{position:fixed;inset:0;background:rgba(2,8,13,.76);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(100%,560px);border:1px solid #1a3b54;background:linear-gradient(180deg,#0b1c2a,#07141f);border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.6);overflow:hidden}.modal.wide{width:min(100%,760px)}.modal-header{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:17px;margin:0}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.lock-modal{text-align:center}.lock-emblem{width:78px;height:78px;margin:0 auto 16px;border:1px solid #275d89;border-radius:20px;display:grid;place-items:center;font-size:35px;color:#54a7ff;background:rgba(37,136,255,.10);box-shadow:0 0 30px rgba(37,136,255,.12)}.lock-modal h2{margin:0 0 8px}.lock-modal p{color:#8195a8;font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .span-2{grid-column:1/-1}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:10px;border:1px solid #245073;padding:4px 8px;border-radius:999px;background:#0a2439;color:#77b9ff}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:300;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));padding:12px 14px;border:1px solid var(--line2);background:#0a1d2c;border-radius:10px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-color:#6b2d37;color:#ff9ba5}.toast.ok{border-color:#1e654d;color:#99e5c7}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.recovery code{display:block;padding:10px;background:#06121c;border:1px solid var(--line);border-radius:8px;text-align:center;color:#b8d5ee}.qr{background:white;padding:10px;border-radius:12px;width:220px;max-width:100%;display:block;margin:14px auto}.secret-box{padding:10px;border:1px dashed #2b5776;border-radius:8px;background:#071521;word-break:break-all;font-size:12px;color:#a9c8e2}.mobile-menu{display:none}

@media(max-width:1250px){.cards{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.vault-zone{grid-template-columns:1.2fr .8fr}.sidebar{width:220px}.app{grid-template-columns:220px 1fr}.user-chip{display:none}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-main{min-height:100vh;padding:20px}.app{display:block}.sidebar{position:fixed;left:-260px;width:250px;transition:.2s;box-shadow:20px 0 60px rgba(0,0,0,.45)}.sidebar.open{left:0}.main{padding:16px}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#0a1a28;color:#b8c6d4}.page-title{min-width:0}.page-title h1{font-size:22px}.search{display:none}.cards{grid-template-columns:1fr 1fr}.vault-zone{grid-template-columns:1fr}.workspace{display:block}.security-panel{margin-top:14px}.topbar{gap:12px}.status-pill{font-size:11px;padding:9px 10px}.detail{min-height:unset}.vault-table th:nth-child(3),.vault-table td:nth-child(3){display:none}}
@media(max-width:580px){.cards{grid-template-columns:1fr}.auth-card{padding:24px 19px}.form-grid{display:block}.vault-table th:nth-child(2),.vault-table td:nth-child(2),.vault-table th:nth-child(4),.vault-table td:nth-child(4){display:none}.main{padding:12px}.stat-card{min-height:88px}.quick-lock{grid-template-columns:1fr}.recovery{grid-template-columns:1fr}.page-title h1 span{display:none}}