:root{--brand-900: #002a78;--brand-700: #003ca5;--brand-500: #4285f4;--brand-300: #21c2f8;--brand-cyan: #4ed9fe;--brand-teal: #13d4ae;--brand-red: #e5484d;--grad: linear-gradient(135deg, #003ca5, #21c2f8);--grad-btn: linear-gradient(135deg, #003ca5, #2f9bf0);--grad-cyan: linear-gradient(135deg, #21c2f8, #13d4ae);--radius-lg: 20px;--radius: 14px;--radius-sm: 10px;--ease: cubic-bezier(.22, .61, .36, 1);--font: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg: #081130;--bg-2: #0b1838;--surface: #111e44;--surface-2: #172653;--elevated: #1c2e62;--border: #263a72;--border-strong: #34508f;--text: #e9eefb;--muted: #9fb0d6;--primary: #4285f4;--primary-text: #ffffff;--glass: rgba(17, 30, 68, .72);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 18px 40px -12px rgba(0, 0, 0, .62);--shadow-lg: 0 30px 60px -18px rgba(0, 0, 0, .72);--ring: rgba(66, 133, 244, .5);--hover: rgba(255, 255, 255, .055);--mesh-1: rgba(66, 133, 244, .2);--mesh-2: rgba(33, 194, 248, .14)}[data-theme=light]{--bg: #f3f6fc;--bg-2: #e8eff8;--surface: #ffffff;--surface-2: #f4f8fd;--elevated: #ffffff;--border: #e3eaf4;--border-strong: #d0dcec;--text: #1a2340;--muted: #5b6b88;--primary: #003ca5;--primary-text: #ffffff;--glass: rgba(255, 255, 255, .74);--shadow-sm: 0 1px 2px rgba(0, 40, 120, .08);--shadow: 0 18px 40px -16px rgba(0, 60, 165, .22);--shadow-lg: 0 30px 60px -22px rgba(0, 60, 165, .26);--ring: rgba(0, 60, 165, .25);--hover: rgba(0, 60, 165, .05);--mesh-1: rgba(0, 60, 165, .1);--mesh-2: rgba(33, 194, 248, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:radial-gradient(900px 600px at 12% -10%,var(--mesh-1),transparent 60%),radial-gradient(800px 600px at 100% 0%,var(--mesh-2),transparent 55%);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:15px;letter-spacing:.05px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-weight:800;font-size:22px;letter-spacing:-.5px}.brand-name.big{font-size:30px}.brand-name-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{font-size:11px;color:var(--muted);letter-spacing:.5px}.iso-wordmark{font-weight:800;letter-spacing:1px;font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.iso-wordmark .iso-i{position:relative;color:var(--brand-700);-webkit-text-fill-color:var(--brand-700)}.iso-wordmark .iso-i:after{content:"";position:absolute;top:-2px;left:1px;width:5px;height:5px;background:var(--brand-red);border-radius:1px}button{font:inherit;cursor:pointer}.btn-primary,.primary{border:none;background:linear-gradient(135deg,#0a5ca8,#0c7acc);color:#fff;padding:11px 16px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.2px;box-shadow:0 6px 16px #0a63b047;transition:transform .06s ease,filter .15s ease}.btn-primary:hover,.primary:hover{filter:brightness(1.08)}.btn-primary:active,.primary:active{transform:translateY(1px)}.btn-primary:disabled,.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:var(--radius-sm);font-weight:600}.btn-ghost:hover{background:var(--hover);border-color:var(--primary)}.full{width:100%}.icon-btn{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:8px;padding:6px 9px;font-size:16px}.icon-btn:hover{background:var(--hover);color:var(--text)}.danger{color:var(--brand-red)!important}.danger:hover{border-color:var(--brand-red)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.search{width:100%;padding:10px 12px;margin-top:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit}input:focus,textarea:focus,select:focus,.search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}label{display:block;margin-top:14px;font-size:13px;color:var(--muted);font-weight:500}label.checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--text)}label.checkbox input{width:auto;margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.center{text-align:center}.error{color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 12%,transparent);padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;margin:12px 0 0}.splash{height:100%;display:grid;place-items:center;background:var(--bg)}.spinner{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signin{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr;position:relative}.theme-fab{position:absolute;top:18px;right:18px;z-index:5;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:var(--shadow)}.signin-hero{background:var(--grad);color:#fff;display:flex;align-items:center;padding:48px;position:relative;overflow:hidden}.signin-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 45%)}.hero-content{position:relative;max-width:440px}.hero-content .iso-wordmark{color:#fff;-webkit-text-fill-color:#fff;background:none}.hero-content .iso-wordmark .iso-i{color:#fff;-webkit-text-fill-color:#fff}.hero-content h2{font-size:34px;margin:24px 0 14px;line-height:1.15}.hero-content p{font-size:16px;opacity:.92;line-height:1.55}.hero-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.hero-points li{background:#ffffff24;padding:12px 14px;border-radius:var(--radius-sm);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signin-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:24px}.signin-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.signin-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.signin-card h1{font-size:24px;margin:0 0 6px}.signin-foot{margin-top:16px}.signin-footer-brand{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.signin-footer-brand .iso-wordmark{font-size:15px}.google-btn{margin-top:22px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f2937;border:1px solid #dadce0;border-radius:var(--radius-sm);padding:12px 16px;font-weight:600;font-size:15px;box-shadow:0 1px 2px #00000014;transition:box-shadow .15s ease,background .15s ease}.google-btn:hover{box-shadow:0 2px 8px #0000002e;background:#f8faff}.shell{display:grid;grid-template-columns:264px 1fr;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;gap:8px}.sidebar-brand{padding:6px 8px 18px}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:none;background:transparent;color:var(--muted);border-radius:var(--radius-sm);font-weight:600;text-align:left}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.nav-icon{font-size:16px}.sidebar-footer{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px}.theme-toggle{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-weight:500}.theme-toggle:hover{border-color:var(--primary)}.account{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.account-info{display:flex;flex-direction:column;min-width:0;flex:1}.account-email{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content;padding:1px 7px;border-radius:999px;margin-top:2px}.role-badge{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.roles-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-editor{margin:14px 0}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:8px}.perm-group-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:6px}.perm-item{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--text);font-size:13px}.perm-item input{width:auto;margin:0}.perm-tags{display:flex;flex-wrap:wrap;gap:6px}.perm-tag{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px}.log-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.log-cat.audit{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.log-cat.auth{background:color-mix(in srgb,#2ecc71 18%,transparent);color:#2ecc71}.log-cat.system{background:color-mix(in srgb,#f5a623 20%,transparent);color:#d9890a}.main{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.appbar{display:flex;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--surface)}.page-title{font-size:20px;margin:0}.hamburger{display:none;background:transparent;border:none;color:var(--text);font-size:22px}.page{padding:28px;overflow-y:auto;flex:1}.scrim{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.vault-layout{display:grid;grid-template-columns:248px 1fr;gap:22px;align-items:start}.filters{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;position:sticky;top:0}.filter-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;color:var(--text);border-radius:9px;text-align:left;font-size:14px}.filter-item:hover{background:var(--hover)}.filter-item.active{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-weight:600}.filter-icon{width:18px;text-align:center}.filter-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-count{font-size:12px;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 8px}.filter-item.active .filter-count{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--primary)}.filters-head{display:flex;align-items:center;justify-content:space-between;padding:14px 10px 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.mini-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:22px;height:22px;line-height:1;font-size:15px}.mini-btn:hover{border-color:var(--primary);color:var(--primary)}.folders-empty{padding:4px 10px}.folder-row{position:relative}.folder-main{display:flex;align-items:center;gap:10px;flex:1;background:transparent;border:none;color:inherit;font:inherit;text-align:left;min-width:0}.folder-tools{display:none;gap:2px}.folder-row:hover .folder-tools{display:flex}.folder-tools button{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;width:22px;height:22px;font-size:12px;line-height:1}.folder-tools button:hover{color:var(--text);border-color:var(--primary)}.vault-toolbar{display:flex;gap:12px;margin-bottom:18px}.vault-toolbar .search{flex:1;margin:0}.empty{text-align:center;padding:60px 0}.cipher-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cipher-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;transition:border-color .15s ease,box-shadow .15s ease}.cipher-row:hover{border-color:var(--primary);box-shadow:0 6px 18px #0a63b014}.cipher-main{min-width:0}.cipher-name{font-weight:600;display:flex;align-items:center;gap:8px}.fav{color:#f5b301}.cipher-sub{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.owner{color:var(--primary)}.cipher-actions{display:flex;gap:6px;align-items:center}.totp{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.totp-code{letter-spacing:1px}.totp-ring{font-size:11px;opacity:.8;min-width:18px;text-align:right}.totp-err{background:color-mix(in srgb,var(--brand-red) 12%,transparent);border-color:var(--brand-red);color:var(--brand-red);cursor:default}.cipher-actions button{padding:7px 11px;font-size:13px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px}.cipher-actions button:hover{border-color:var(--primary)}.cipher-revealed{grid-column:1 / -1;border-top:1px dashed var(--border);padding-top:10px}.cipher-revealed code,.gen-output code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;word-break:break-all}.editor{max-width:560px}.editor h2{margin:0 0 16px}.inline-input{display:flex;gap:8px}.inline-input input{flex:1}.inline-input button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:0 12px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.generator{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:12px}.gen-output{display:flex;gap:8px;align-items:center}.gen-output code{flex:1;background:var(--bg);padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.gen-output button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px}.gen-toggles{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.gen-toggles label{display:inline-flex;align-items:center;gap:6px;color:var(--text);margin:0}.range{color:var(--text);font-size:13px}.strength{display:flex;gap:6px;margin:10px 0}.strength span{height:5px;flex:1;border-radius:3px;background:var(--border)}.strength.s1 span:nth-child(1){background:var(--brand-red)}.strength.s2 span:nth-child(-n+2){background:#f5a623}.strength.s3 span:nth-child(-n+3){background:#3ddc97}.strength.s4 span:nth-child(-n+4){background:#2ecc71}.users h2{margin:0 0 6px}.add-user{display:flex;gap:10px;align-items:center;margin:16px 0}.add-user input{flex:1;margin:0}.add-user select{margin:0;width:auto}.user-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.user-table th,.user-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.user-table thead th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2)}.user-table tr:last-child td{border-bottom:none}.user-table tr.disabled{opacity:.5}.user-table select{width:auto;margin:0;padding:6px 10px}.user-table .row-actions{display:flex;gap:6px;justify-content:flex-end}.user-table .row-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 11px;font-size:13px}.badge.small{background:var(--surface-2);color:var(--muted);font-size:10px;padding:1px 6px;border-radius:999px;margin-left:6px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}.group-card{display:flex;flex-direction:column;gap:12px}.group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-head h3{margin:0;font-size:16px}.group-head .row-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 11px;font-size:13px}.member-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}.chip button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;line-height:1}.chip button:hover{color:var(--brand-red)}.extensions{max-width:720px}.ext-hero{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.ext-hero-icon{font-size:42px}.ext-hero h2{margin:0 0 6px}.pill{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.beta{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.browser-tabs{display:flex;gap:8px;margin-bottom:16px}.browser-tab{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 16px;font-weight:600}.browser-tab.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.install-card{display:grid;gap:18px}.install-section h3{margin:0 0 6px;font-size:16px}.divider{height:1px;background:var(--border)}.install-steps{margin:12px 0 0;padding-left:20px;line-height:1.9}.download-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin:4px 0 8px}.store-note{margin-top:4px}.ext-note{margin-top:16px}.gate{min-height:100%;display:grid;place-items:center;padding:24px;position:relative}.gate-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);text-align:center}.gate-lock,.gate-badge{display:grid;place-items:center;margin:0 auto 10px}.gate-badge{width:76px;height:76px;border-radius:22px;background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid var(--border)}.gate-card h1{font-size:22px;margin:12px 0 4px}.otp-input{text-align:center;font-size:30px;letter-spacing:14px;font-weight:700;font-family:ui-monospace,Cascadia Code,Consolas,monospace;padding:14px 10px;margin:16px 0 4px}.otp-input::placeholder{letter-spacing:14px;color:var(--border)}.gate-card form{text-align:left;margin-top:16px}.gate-actions{display:flex;justify-content:space-between;margin-top:16px}.link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c1899;display:grid;place-items:safe center;z-index:50;padding:24px;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:420px;width:100%;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 12px}.success{color:#2ecc71;background:color-mix(in srgb,#2ecc71 14%,transparent);padding:9px 12px;border-radius:var(--radius-sm);font-size:14px}.modal.wide{max-width:600px}.modal.editor-modal{max-width:none;width:min(900px,94vw);max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.editor-modal>.modal-head{flex:0 0 auto;margin:0;padding:18px 24px 14px;border-bottom:1px solid var(--border)}.editor-modal>.modal-form{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.editor-modal .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 24px}.editor-modal .modal-body.editor-grid{columns:2;column-gap:26px}.editor-modal .modal-body .form-section{break-inside:avoid;margin-top:0;margin-bottom:16px}.editor-modal .modal-actions{flex:0 0 auto;margin:0;padding:14px 24px;border-top:1px solid var(--border)}@media(max-width:820px){.modal.editor-modal{width:min(560px,94vw)}.editor-modal .modal-body.editor-grid{columns:1}}.modal-head-actions{display:flex;align-items:center;gap:4px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h2{margin:0}.star{background:none;border:none;font-size:22px;color:var(--border);cursor:pointer}.star.on{color:#f5b301}.form-fields{border:none;margin:0;padding:0;min-width:0}.form-fields:disabled{opacity:.85}.form-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:14px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:4px}.req{color:var(--muted);font-weight:400;text-transform:none}.field-with-actions{display:flex;gap:6px;margin-top:5px}.field-with-actions input{flex:1;margin:0}.field-with-actions button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:0 11px;font-size:15px}.field-with-actions button:hover{border-color:var(--primary)}.modal-actions{display:flex;gap:10px;margin-top:18px}.select-all{margin-left:10px;font-size:12px;text-transform:none;letter-spacing:0}.check-list{display:grid;gap:6px;max-height:240px;overflow-y:auto;margin-top:6px}.check-item{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px;margin:0}.check-item input{width:auto;margin:0}.modal-actions .btn-primary{flex:1}.new-menu{position:relative}.new-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:160px;z-index:20;overflow:hidden}.new-dropdown button{background:none;border:none;text-align:left;padding:10px 14px;color:var(--text);font:inherit}.new-dropdown button:hover{background:var(--hover)}.shared-tag,.ro-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.ro-tag{margin-left:8px}.share-add{display:flex;gap:8px;margin:14px 0}.share-add select:first-child{flex:1}.share-add select{margin:0}.share-list{display:flex;flex-direction:column;gap:8px}.share-row{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.share-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.share-row select{margin:0;width:auto}@media(max-width:860px){.signin{grid-template-columns:1fr}.signin-hero{display:none}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;transform:translate(-100%);transition:transform .2s ease;z-index:30}.sidebar.open{transform:translate(0);box-shadow:var(--shadow)}.hamburger{display:block}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20}.cipher-row{grid-template-columns:1fr}.cipher-actions{flex-wrap:wrap}.vault-layout{grid-template-columns:1fr}.filters{position:static}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);padding:10px 16px;border-radius:999px;font-size:13px;z-index:60;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.health{display:flex;flex-direction:column;gap:18px}.health-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.card.stat{padding:16px;text-align:center}.card.stat .stat-num{font-size:28px;font-weight:700;line-height:1.1}.card.stat.ok{border-color:color-mix(in srgb,#1faa6b 50%,var(--border))}.card.stat.warn{border-color:color-mix(in srgb,#d9a200 60%,var(--border))}.card.stat.warn .stat-num{color:#d9a200}.card.stat.danger{border-color:color-mix(in srgb,var(--brand-red) 60%,var(--border))}.card.stat.danger .stat-num{color:var(--brand-red)}.health-actions{display:flex;gap:10px}.health-section{border-top:1px solid var(--border);padding-top:14px}.health-section h3{margin:0 0 8px;display:flex;align-items:center;gap:8px}.health-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.health-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.health-name{font-weight:600}.breach-count{margin-left:auto;color:var(--brand-red);font-size:12.5px;font-weight:600}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start}.settings-card h3{margin:0 0 6px}.settings-card .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0;font-size:14px}.settings-card .kv dt{color:var(--muted)}.settings-card .kv dd{margin:0;word-break:break-all}.form-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.strength{font-size:12.5px}.strength.weak b{color:var(--brand-red)}.strength.fair b{color:#d9a200}.strength.strong b{color:#1faa6b}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}button:focus:not(:focus-visible){outline:none}::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn-primary,.primary{background:var(--grad-btn);box-shadow:0 8px 20px -6px #0a63b080;transition:transform .12s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease)}.btn-primary:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -6px #0a63b08c;filter:brightness(1.05)}.btn-primary:active,.primary:active{transform:translateY(0);box-shadow:0 4px 12px -4px #0a63b080}.btn-ghost,.icon-btn,.mini-btn,.browser-tab,.theme-toggle,.cipher-actions button,.user-table .row-actions button,.group-head .row-actions button,.field-with-actions button,.folder-tools button,.gen-output button,.new-dropdown button{transition:transform .12s var(--ease),border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}.cipher-actions button:hover,.user-table .row-actions button:hover,.group-head .row-actions button:hover,.field-with-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.search{transition:border-color .15s var(--ease),box-shadow .18s var(--ease),background .15s var(--ease)}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,textarea:hover,select:hover,.search:hover{border-color:var(--border-strong)}.card{border-radius:var(--radius-lg);position:relative;transition:transform .18s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}[data-theme=light] .card:before{background:linear-gradient(180deg,rgba(13,40,80,.02),transparent 40%)}.appbar{position:sticky;top:0;z-index:10;background:var(--glass);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}.page-title{font-weight:700;letter-spacing:-.3px}.page>*{animation:page-in .32s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sidebar{background:linear-gradient(180deg,var(--surface),var(--bg-2))}.nav-item{position:relative;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.nav-item:hover{transform:translate(2px)}.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 6%,transparent))}.nav-item.active:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:999px;background:var(--primary)}.filters{border-radius:var(--radius-lg)}.filter-item{transition:background .14s var(--ease),color .14s var(--ease)}.cipher-row{border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .18s var(--ease)}.cipher-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cipher-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:var(--grad);box-shadow:var(--shadow-sm);flex-shrink:0;text-transform:uppercase}.cipher-revealed code{display:block;background:var(--bg);border:1px solid var(--border);padding:8px 12px;border-radius:8px}.card.stat{border-radius:var(--radius);transition:transform .16s var(--ease),box-shadow .18s var(--ease)}.card.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card.stat .stat-num{letter-spacing:-1px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .18s var(--ease) both}.modal{border-radius:var(--radius-lg);animation:modal-pop .22s var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.user-table tbody tr{transition:background .14s var(--ease)}.user-table tbody tr:hover{background:var(--hover)}.health-list li,.share-row{transition:border-color .14s var(--ease),transform .12s var(--ease)}.health-list li:hover{border-color:var(--border-strong);transform:translate(2px)}.settings-card,.group-card,.install-card{border-radius:var(--radius-lg)}.signin-card,.gate-card{border-radius:var(--radius-lg);animation:modal-pop .4s var(--ease) both}.signin-hero h2{letter-spacing:-.5px}.google-btn{transition:transform .12s var(--ease),box-shadow .18s var(--ease),background .15s var(--ease)}.google-btn:hover{transform:translateY(-1px)}.gate-badge{box-shadow:var(--shadow-sm)}.download-btn{transition:transform .12s var(--ease)}.download-btn:hover{transform:translateY(-1px)}.theme-fab{transition:transform .15s var(--ease),box-shadow .18s var(--ease)}.theme-fab:hover{transform:rotate(-12deg) scale(1.05)}.field-row{display:flex;gap:12px}.field-row>label{flex:1;min-width:0}.custom-field{display:flex;gap:6px;align-items:center;margin-top:8px}.custom-field .cf-name{flex:0 0 34%;margin:0}.custom-field .cf-value{flex:1;margin:0}.custom-field button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:0 11px;height:38px;font-size:15px}.custom-field button:hover{border-color:var(--primary)}.section-title .link{float:right;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.type-tag{font-size:10px;font-weight:700;text-transform:capitalize;letter-spacing:.3px;padding:1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.cipher-row{grid-template-columns:auto auto 1fr auto}.cipher-row.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.row-check{width:17px!important;height:17px;margin:0!important;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px;box-shadow:var(--shadow);animation:page-in .2s var(--ease) both}.bulk-count{font-weight:700}.bulk-bar select{width:auto;margin:0}.bulk-bar button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.bulk-bar button:hover{border-color:var(--primary)}.bulk-clear{margin-left:auto}.pw-history{margin-top:10px}.pw-history>.link{font-size:13px;font-weight:600}.pw-history-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pw-history-list li{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.pw-history-list code{flex:1;font-family:ui-monospace,Cascadia Code,Consolas,monospace;word-break:break-all;font-size:13px}.pw-history-list button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:4px 10px;font-size:12px}.editor-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);background-image:radial-gradient(900px 600px at 12% -10%,var(--mesh-1),transparent 60%),radial-gradient(800px 600px at 100% 0%,var(--mesh-2),transparent 55%);display:flex;flex-direction:column;animation:fade-in .16s var(--ease) both}.editor-page-bar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);flex:0 0 auto}.editor-page-bar h2{margin:0;flex:1;font-size:20px;letter-spacing:-.3px}.editor-page-form{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.editor-page-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}.editor-page-inner{max-width:1080px;margin:0 auto;columns:2;column-gap:24px}.editor-page .form-section{break-inside:avoid;margin-top:0;margin-bottom:18px}.editor-page-actions{flex:0 0 auto;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface)}.editor-page-actions .editor-actions-row{max-width:1080px;margin:0 auto}.editor-actions-row{display:flex;gap:10px;justify-content:flex-end}@media(max-width:820px){.editor-page-inner{columns:1;max-width:560px}}.build-tag{font-size:10.5px;color:var(--muted);text-align:center;opacity:.7;padding-top:2px}.folder-toggle{flex-shrink:0;width:16px;height:20px;display:grid;place-items:center;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:9px;padding:0;border-radius:4px}.folder-toggle:hover{color:var(--primary);background:var(--hover)}.folder-toggle.spacer{visibility:hidden;cursor:default}