/* Account Vault — original, dependency-free responsive design system */
:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-alt:#f9faff;--border:#e9ebf2;--text:#212b45;--muted:#8790a4;--subtle:#6a758a;--primary:#6355e8;--primary-dark:#4e3fd3;--primary-soft:#f0edff;--shadow:0 10px 34px rgba(35,42,81,.035);--radius:15px;--sidebar:#111b33;--input:#fff;--danger:#db566c}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101727;--surface:#172136;--surface-alt:#1d2942;--border:#2d3a51;--text:#edf2ff;--muted:#9aa7bc;--subtle:#b3bfd0;--primary:#9589ff;--primary-dark:#7569ed;--primary-soft:#2a2951;--shadow:none;--sidebar:#0c1527;--input:#1c293f;--danger:#f08396}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}h1{letter-spacing:-1.1px}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(99,85,232,.12)}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #9c90ff;outline-offset:3px}#toast-root{position:fixed;bottom:24px;right:24px;z-index:100;display:grid;gap:10px;max-width:min(430px,calc(100vw - 40px))}.toast{padding:13px 18px;border-radius:12px;color:#fff;background:#243452;box-shadow:0 12px 34px #0003;animation:slideIn .15s ease-out}.toast.error{background:#ae4057}@keyframes slideIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted)}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Branding / buttons */
.logo-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#9588ff,#5d4be6);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 7px 18px #6652ec44;flex:none}.logo-text{display:flex;flex-direction:column;line-height:1.15;margin-left:10px}.logo-text strong{font-size:16px;letter-spacing:-.3px;color:inherit}.logo-text small{font-size:9px;color:#8b98b4;letter-spacing:1.65px;margin-top:5px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;font-weight:650;font-size:13px;border-radius:10px;border:1px solid transparent;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#fff;background:#6254e8;box-shadow:0 5px 14px rgba(98,84,232,.17)}.btn-primary:hover{background:#5144d7}.btn-secondary{color:var(--text);background:var(--surface);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-alt)}.btn-danger{color:var(--danger);background:rgba(225,82,106,.08);border-color:rgba(225,82,106,.16)}.btn-wide{width:100%;min-height:46px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--subtle);width:38px;height:38px;border-radius:9px}.icon-button:hover,.mini-btn:hover{background:var(--surface-alt);color:var(--primary)}.icon-button.small{width:32px;height:32px}.mini-btn{background:transparent;border:0;color:var(--muted);padding:7px;display:inline-flex;border-radius:7px}.mini-btn.danger-hover:hover{color:var(--danger);background:#fff0f2}.link-button,.text-link{background:none;border:0;padding:0;color:var(--primary);font-weight:700;font-size:13px}.text-link{display:inline-flex;align-items:center;gap:7px}
/* Authentication and first-run */
.auth-page{min-height:100vh;display:grid;grid-template-columns:49% 51%}.auth-visual{background:radial-gradient(circle at 65% 36%,#413d99 0,#22285c 32%,#101a34 76%);color:#fff;padding:48px clamp(40px,6vw,110px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:'';position:absolute;border:1px solid #ffffff12;border-radius:50%;width:700px;height:700px;top:7%;left:-6%}.auth-visual:after{width:490px;height:490px;top:21%;left:15%}.brand-light{display:flex;align-items:center;position:relative;z-index:1}.brand-light .logo-text strong{color:#fff}.auth-visual h1{font-size:clamp(36px,4vw,61px);line-height:1.15;z-index:1;margin-top:auto}.auth-visual h1 span{color:#aaa0ff}.auth-visual p{font-size:16px;color:#c1c6df;max-width:520px;margin-top:20px;z-index:1;line-height:1.85}.hero-foot{display:flex;flex-wrap:wrap;gap:19px;color:#b1b9d6;margin-top:50px;font-size:12px;z-index:1}.hero-foot span{display:flex;align-items:center;gap:7px}.hero-orbit{width:315px;height:315px;border:1px solid #ffffff26;border-radius:50%;position:absolute;top:24%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}.hero-orbit:before{content:'';position:absolute;inset:52px;border:1px dashed #aaa0ff65;border-radius:50%}.hero-shield{width:125px;height:125px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:38px;background:linear-gradient(135deg,#9183f9,#5c4ce5);box-shadow:0 20px 90px #8679ed55}.orbit-dot{position:absolute;width:46px;height:46px;background:#333d7a;border:1px solid #7773bb;border-radius:15px;display:grid;place-items:center;box-shadow:0 10px 18px #0002}.dot-a{top:-20px;left:48%}.dot-b{bottom:48px;left:-16px}.dot-c{right:-14px;bottom:68px}.auth-content{display:flex;align-items:center;justify-content:center;background:var(--surface);padding:48px 25px}.auth-card{width:min(100%,405px)}.overline,.step-tag{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--primary)}.auth-card h2,.center-card h2{font-size:29px;line-height:1.24;letter-spacing:-.8px;margin:11px 0}.auth-card>.muted,.center-card>.muted{margin-bottom:28px;line-height:1.8}.form-stack{display:grid;gap:18px}.form-stack>label,form>label,.form-grid>label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--subtle)}label input:not([type=checkbox]),label select,label textarea,.form-grid input,.form-grid select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);padding:11px 12px;font-size:14px;font-weight:400}.form-stack>.hint{margin-top:-8px}.auth-switch{margin-top:27px;text-align:center;color:var(--subtle)}.auth-disclaimer{margin-top:45px;color:var(--muted);font-size:11px;line-height:1.75}.mobile-brand{display:none}.center-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:radial-gradient(circle at 50% 20%,#efedff,var(--bg) 48%)}:root[data-theme="dark"] .center-page{background:var(--bg)}.center-brand{display:flex;align-items:center;margin-bottom:32px}.center-card{background:var(--surface);border:1px solid var(--border);border-radius:21px;max-width:475px;width:100%;padding:38px;box-shadow:0 24px 70px #2830560e}.center-emblem{width:62px;height:62px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:18px;margin:4px 0 24px}.center-actions{display:flex;justify-content:space-between;margin-top:20px}.center-link{display:block;margin:23px auto 0}.security-foot{margin-top:26px;border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--muted)}.callout{display:flex;align-items:flex-start;gap:9px;background:var(--primary-soft);color:var(--subtle);border-radius:10px;padding:12px 13px;line-height:1.6;font-size:12px;margin:11px 0}.callout svg{color:var(--primary)}.callout.caution{background:#fff5e6;color:#936a31}:root[data-theme="dark"] .callout.caution{background:#3c3123;color:#e9bc80}.callout.caution svg{color:#db963e}
/* Application shell */
.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;width:250px;min-width:250px;height:100vh;background:var(--sidebar);color:#eaf0ff;display:flex;flex-direction:column;padding:28px 15px 16px;z-index:15;overflow-y:auto}.sidebar-head{display:flex;align-items:center;padding:0 12px 34px}.sidebar-head .logo-text strong{color:#f1f4ff}.nav-block{display:flex;flex-direction:column;gap:4px;flex:1}.nav-label{color:#7889a9;font-size:10px;font-weight:800;letter-spacing:1.15px;padding:8px 13px;margin-bottom:6px}.nav-label.sublabel{margin-top:24px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#b1bfd7;font-size:13px;font-weight:550;transition:background .15s,color .15s}.nav-link:hover,.service-nav-link:hover{background:#ffffff10;color:#fff}.nav-link.active{background:#6558e9;color:#fff;box-shadow:0 5px 16px #0001}.service-nav{max-height:285px;overflow-y:auto;display:grid;gap:2px}.service-nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12px;color:#bac7dc;border-radius:9px}.service-nav-link.selected{background:#ffffff12;color:#fff}.service-nav-link>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.service-count{font-size:11px;color:#8a9fba}.nav-no-items{font-size:12px;color:#7686a6;padding:8px 13px}.add-nav{display:flex;align-items:center;gap:8px;background:transparent;color:#a69dff;border:1px dashed #566087;border-radius:9px;padding:9px 11px;margin:7px 8px 0;font-size:12px;font-weight:650}.add-nav:hover{background:#ffffff0d}.sidebar-bottom{margin-top:35px}.vault-status{display:flex;align-items:center;gap:10px;background:#202e4c;border-radius:10px;padding:12px;color:#9db2e6}.vault-status span:nth-child(2){display:grid;flex:1}.vault-status strong{color:#e2eaff;font-size:12px}.vault-status small{font-size:10px;color:#8ba0bd}.status-dot{width:7px;height:7px;border-radius:50%;background:#58d6a2}.sidebar-lock{color:#b7c4dc;background:transparent;border:0;display:flex;align-items:center;gap:9px;margin:12px auto 0;padding:7px;font-size:12px}.sidebar-lock:hover{color:#fff}.workspace{flex:1;min-width:0}.topbar{height:80px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3.2vw,46px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:13px}.breadcrumbs .crumb-home{color:var(--muted)}.topbar-right{gap:12px}.topbar-security{display:flex;align-items:center;gap:7px;background:#effbf4;color:#21815c;padding:6px 10px;border-radius:7px;font-size:11px;font-weight:650}:root[data-theme="dark"] .topbar-security{background:#213b36;color:#79d7b1}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#ece9ff;color:#5749ca;font-weight:800}.mobile-menu{display:none}.content{max-width:1550px;margin:auto;padding:35px clamp(18px,3vw,44px) 70px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--primary);font-weight:800;margin-bottom:8px}.page-head h1{font-size:29px;font-weight:780;letter-spacing:-.9px;line-height:1.26;display:flex;align-items:center;gap:12px}.page-head h1 .service-icon{width:37px;height:37px;font-size:18px}.page-head p{color:var(--muted);font-size:13px;margin-top:7px}.page-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
/* Common cards */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--subtle);font-size:12px;font-weight:650}.stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.stat-icon.blue,.feature-icon.blue{background:#eaf2ff;color:#4d85ef}.stat-icon.orange,.feature-icon.orange{background:#fff1e7;color:#e6973f}.stat-icon.green,.feature-icon.green{background:#e7f8f0;color:#37a67a}.stat-icon.violet,.feature-icon.violet{background:var(--primary-soft);color:var(--primary)}.stat-value{font-size:32px;font-weight:800;letter-spacing:-1px;margin:10px 0 3px}.stat-sub{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:19px;margin-top:21px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panel-head>svg{color:var(--muted)}.panel-head h3,.panel h3{font-size:15px;font-weight:760;letter-spacing:-.2px}.panel-head p{font-size:12px;color:var(--muted);margin-top:4px}.chart-list{display:grid;gap:19px;margin-top:26px}.chart-meta{display:flex;align-items:center;gap:9px}.chart-meta span:nth-child(2){font-weight:650;font-size:12px;flex:1}.chart-meta strong{font-size:12px}.chart-track{height:7px;background:var(--surface-alt);border-radius:20px;overflow:hidden;margin:10px 0 0 36px}.chart-fill{background:linear-gradient(90deg,#6656eb,#a094ff);border-radius:20px;height:100%;width:45%;transition:width .3s}.service-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:30px;width:30px;border-radius:9px;font-size:14px;font-weight:850;background:var(--primary-soft);color:var(--primary)}.quick-list{display:grid}.quick-list button{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:13px;text-align:left;padding:14px 0;color:var(--subtle)}.quick-list button:last-child{border:0}.quick-list button>svg:first-child{color:var(--primary);width:35px;height:35px;padding:8px;background:var(--primary-soft);border-radius:9px}.quick-list button>span{flex:1;display:grid}.quick-list strong{font-size:12px;color:var(--text)}.quick-list small{font-size:11px;color:var(--muted);margin-top:3px}.quick-list button:hover strong{color:var(--primary)}.recent-panel{margin-top:20px}.recent-list{display:grid}.recent-row{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0;width:100%;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text)}.recent-row:last-child{border:0}.recent-row:hover{color:var(--primary)}.recent-main{flex:1;display:grid}.recent-main strong{font-size:12px}.recent-main small,.recent-date{font-size:11px;color:var(--muted)}.recent-date{margin-right:15px}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:240px;gap:10px;padding:25px}.empty-symbol{background:var(--primary-soft);color:var(--primary);padding:17px;border-radius:18px;display:grid;place-items:center}.empty-state h3{font-size:16px}.empty-state p{color:var(--muted);font-size:12px;margin-bottom:6px;max-width:280px}.under-grid{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--muted);font-size:12px}
/* Services */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;transition:transform .2s,border .2s}.service-card:hover{transform:translateY(-3px);border-color:#c3bbff}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.service-card-top .service-icon{height:47px;width:47px;font-size:22px;border-radius:13px}.service-card h3{font-size:17px;font-weight:750}.service-card p{font-size:12px;color:var(--muted);margin:5px 0 15px}.field-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:55px}.field-chips span{font-size:11px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;padding:4px 7px;color:var(--subtle);height:max-content}.service-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--primary);width:100%;padding:14px 0 0;border:0;border-top:1px solid var(--border);background:transparent;font-size:12px;font-weight:750;margin-top:15px}.service-empty{grid-column:1/-1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
/* Data table */
.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:11px;padding:20px 23px;border-bottom:1px solid var(--border)}.search-input{flex:1;max-width:450px;display:flex;align-items:center;gap:9px;padding:0 13px;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;color:var(--muted)}.search-input input{border:0;background:transparent;min-width:0;flex:1;padding:12px 0;color:var(--text);font-size:12px}.search-input input:focus{box-shadow:none}.table-toolbar select{padding:11px 13px;background:var(--surface);color:var(--subtle);border:1px solid var(--border);border-radius:9px;font-size:12px}.table-count{color:var(--muted);font-size:11px;margin-left:auto}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}.data-table th{background:var(--surface-alt);padding:13px 16px;color:var(--subtle);font-size:11px;font-weight:720;white-space:nowrap}.data-table td{padding:13px 16px;border-top:1px solid var(--border);font-size:12px}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table th:first-child,.data-table td:first-child{width:47px;padding-left:22px}.right{text-align:right}.table-actions{display:flex;justify-content:flex-end;gap:2px}.cell-entry{display:flex;align-items:center;gap:10px;color:var(--text);background:none;border:0;text-align:left;max-width:280px;font-size:12px;font-weight:680;padding:0}.cell-entry:hover{color:var(--primary)}.entry-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-symbol{background:var(--primary-soft);color:var(--primary);width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none}.mini-star{color:#e4a443;display:inline-flex}.cell-secondary{color:var(--subtle)}.service-cell{display:inline-flex;align-items:center;gap:8px}.service-cell .service-icon{height:25px;width:25px;font-size:11px}.table-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:205px;gap:8px;color:var(--muted)}.table-empty strong{color:var(--text)}.table-empty span{font-size:11px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 22px;border-top:1px solid var(--border)}.bulk-actions{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:12px}.bulk-actions strong{color:var(--text)}.pagination{display:flex;align-items:center;gap:9px;color:var(--subtle);font-size:12px}
/* Backup, settings and trash */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-panel{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.feature-panel h3{font-size:17px}.feature-panel p{font-size:12px;color:var(--subtle);line-height:1.85;max-width:480px}.feature-panel .btn{margin-top:auto}.feature-panel .callout{width:100%}.feature-icon{height:49px;width:49px;border-radius:13px;display:grid;place-items:center}.info-panel{margin-top:20px}.info-panel p{font-size:12px;color:var(--subtle);line-height:1.8;margin-top:10px}.trash-list{display:grid}.trash-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border);font-size:12px}.trash-row strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.trash-row .muted{font-size:11px}.event-list>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:11px 0;font-size:12px}.event-list small{color:var(--muted)}
/* Overlay and forms */
.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(12,18,37,.62);z-index:30;display:flex;align-items:center;justify-content:center;padding:17px;backdrop-filter:blur(3px)}.modal{width:min(100%,540px);max-height:calc(100vh - 34px);overflow-y:auto;background:var(--surface);border-radius:18px;padding:27px;box-shadow:0 20px 100px #0004}.modal-wide{width:min(100%,950px)}.modal-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:25px}.modal-top h2{font-size:21px;letter-spacing:-.5px}.modal-top p{font-size:12px;color:var(--muted);margin-top:5px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:21px;border-top:1px solid var(--border)}.modal-footer .spacer{flex:1}.form-grid{display:grid;grid-template-columns:1fr 145px 150px;gap:13px}.form-grid.extra-fields{grid-template-columns:1fr 170px;margin:20px 0}.field-builder{border-top:1px solid var(--border);margin-top:23px;padding-top:20px}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-row h4{font-size:13px}.builder-row{display:grid;grid-template-columns:23px minmax(120px,1.6fr) minmax(110px,1fr) 95px 72px 90px;gap:7px;align-items:center;margin-bottom:8px}.builder-index{font-size:11px;color:var(--muted);text-align:center}.builder-row input.builder-label,.builder-row select,.field-options{min-height:37px;border-radius:8px;border:1px solid var(--border);background:var(--input);color:var(--text);padding:8px 9px;font-size:12px;min-width:0}.builder-check{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--subtle);white-space:nowrap}.builder-check input{width:14px;height:14px}.builder-moves{display:flex;gap:0}.builder-moves button{padding:5px 6px;border:0;color:var(--subtle);background:transparent}.builder-moves button:hover{color:var(--primary)}.builder-row .field-options{grid-column:2/-1}.add-field-btn{display:flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary);border:1px dashed #a69af4;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:750;margin:12px 0}.entry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry-field{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:680}.entry-field em{color:var(--danger);font-style:normal}.entry-field input:not([type=checkbox]),.entry-field select,.entry-field textarea,.modal textarea{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:11px;min-width:0}.entry-field textarea{grid-column:1/-1}.modal form>label{margin-top:16px}.modal textarea{width:100%;resize:vertical}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:12px;color:var(--subtle);font-weight:550}.recovery-box>p{color:var(--subtle);font-size:13px;line-height:1.7;margin-bottom:12px}.recovery-value{overflow-wrap:anywhere;font-size:15px;font-weight:800;letter-spacing:.6px;background:var(--surface-alt);padding:16px;border-radius:10px;border:1px dashed var(--primary);margin-bottom:12px}.recovery-box .checkbox-label{margin-top:20px}
/* Entry detail drawer */
.drawer-backdrop{align-items:stretch;justify-content:flex-end;padding:0}.drawer{width:min(100%,470px);height:100vh;overflow-y:auto;padding:27px;background:var(--surface);display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.drawer-head h2{margin-top:8px;word-break:break-word;line-height:1.3;font-size:22px}.drawer-service{display:flex;gap:11px;align-items:center;background:var(--surface-alt);padding:14px;border:1px solid var(--border);border-radius:11px;margin:25px 0}.drawer-service .service-icon{height:39px;width:39px}.drawer-service>div{display:grid}.drawer-service strong{font-size:13px}.drawer-service small{color:var(--muted);font-size:11px}.drawer-section-title{font-size:10px;letter-spacing:1.3px;font-weight:850;color:var(--muted);margin:14px 0}.detail-fields{display:grid;gap:9px}.detail-item{border:1px solid var(--border);border-radius:10px;padding:12px}.detail-label{font-size:11px;color:var(--muted);font-weight:650;margin-bottom:4px}.detail-value{display:flex;align-items:center;gap:8px}.detail-text{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:600}.detail-buttons{display:flex}.drawer-info>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:9px 0;font-size:12px}.drawer-info span{color:var(--muted)}.drawer-info strong{text-align:right;overflow-wrap:anywhere}.note-box{background:var(--surface-alt);padding:14px;border-radius:10px;margin-top:19px;font-size:12px;color:var(--subtle);white-space:pre-wrap;overflow-wrap:anywhere}.drawer-footer{display:flex;gap:9px;margin-top:auto;padding-top:35px}.drawer-footer .btn{flex:1}
/* Small devices */
.mobile-scrim{display:none}@media(max-width:1180px){.sidebar{width:225px;min-width:225px}.stats-grid{gap:12px}.stat-card{padding:18px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 125px 120px}.builder-row{grid-template-columns:20px minmax(110px,1fr) 115px 70px 52px 78px}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .2s;box-shadow:0 20px 50px #0004}.sidebar.mobile-open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#0b133a80;border:0;z-index:14}.mobile-menu{display:flex}.workspace{width:100%}.topbar{height:70px}.stats-grid{grid-template-columns:repeat(2,1fr)}.auth-visual{padding:35px}.auth-visual h1{font-size:35px}}@media(max-width:660px){.auth-page{display:block}.auth-visual{display:none}.auth-content{min-height:100vh;padding:30px 25px}.mobile-brand{display:flex;align-items:center;margin-bottom:55px}.content{padding:23px 14px 45px}.topbar{padding:0 16px}.topbar-security{display:none}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-head h1{font-size:25px}.page-actions{width:100%;overflow-x:auto}.page-actions .btn{flex:1}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-top{font-size:11px}.stat-icon{width:33px;height:33px}.stat-value{font-size:27px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:18px}.service-grid,.settings-grid{grid-template-columns:1fr}.table-panel{padding:0}.table-toolbar{padding:14px;flex-wrap:wrap}.search-input{min-width:100%;max-width:none}.table-count{margin-left:0}.table-toolbar select{flex:1}.table-footer{padding:12px;gap:10px}.bulk-actions>span{display:none}.center-card{padding:24px}.entry-fields,.form-grid.extra-fields{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:first-child{grid-column:1/-1}.modal{padding:20px}.builder-row{grid-template-columns:20px minmax(0,1fr) 115px 60px;gap:5px}.builder-check{grid-column:2;justify-self:start}.builder-moves{grid-column:4;grid-row:1}.builder-row .field-options{grid-column:2/-1}.recent-date{display:none}.trash-row{flex-wrap:wrap}.drawer{padding:20px}.drawer-footer{flex-wrap:wrap}.drawer-footer .btn{min-width:150px}}

/* Upgrade: masked password / secret columns */
.table-secret-cell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:165px
}
.table-secret-value{
  display:inline-block;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--subtle);
  font-variant-ligatures:none
}
.table-secret-controls{
  display:inline-flex;
  align-items:center;
  flex:none;
  gap:2px
}
.table-secret-controls .mini-btn{
  padding:5px
}
/* AV_SECRET_TABLE_V2_CSS */
.table-secret-cell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:185px;max-width:460px}
.table-secret-value{font-family:inherit;font-size:12px;font-weight:600;color:var(--text);min-width:58px;max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;user-select:text}
.table-secret-controls{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;visibility:visible;opacity:1}
.table-secret-controls .mini-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;opacity:1;visibility:visible;border-radius:7px}
.table-secret-controls .mini-btn:hover{background:var(--primary-soft);color:var(--primary)}


/* AV_FIX_V3_STYLES */
.av-remember-choice{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0;color:var(--subtle);font-size:12px;line-height:1.55;font-weight:450}
.av-remember-choice input{flex:none;width:16px;height:16px;margin-top:2px}
.av-remember-choice strong{font-weight:650}
.av-password-tip{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--border);background:var(--surface-alt);color:var(--subtle);font-size:12px;line-height:1.55;border-radius:10px;margin-top:12px}
.av-password-tip svg{flex:none;color:var(--primary)}
.av-reset-link{display:block;margin:17px auto 0;font-size:12px;text-align:center}
.av-top-action{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:8px 9px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--subtle);cursor:pointer}
.av-top-action:hover{color:var(--primary);border-color:var(--primary)}
.av-top-action.active{color:var(--primary);background:var(--primary-soft)}
.table-secret-cell{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-width:175px}
.table-secret-controls{display:inline-flex;align-items:center;gap:5px;flex:none}
.table-secret-value{min-width:90px;max-width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
@media(max-width:900px){.av-top-action span{display:none}.av-top-action{padding:8px}.table-secret-cell{min-width:165px}}

/* AV_COPY_USERNAME_V4 */
.av-username-cell{display:flex;align-items:center;gap:5px;min-width:0}
.av-username-cell .cell-entry{min-width:0;max-width:280px}
.av-username-copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;opacity:.8}
.av-username-copy:hover{opacity:1;background:var(--primary-soft);color:var(--primary)}