:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-hover: #edf1f6;--border: #c5cdd8;--text: #182230;--text-muted: #526174;--primary: #2457b2;--primary-hover: #19438f;--accent: #2457b2;--danger: #b42318;--danger-hover: #912018;--success: #167044;--radius: 6px;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--focus: #2457b2;--shadow: 0 1px 2px rgb(24 34 48 / 5%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:.9375rem;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;font-weight:650;overflow-wrap:anywhere}h1{font-size:clamp(1.5rem,2.3vw,1.875rem);letter-spacing:-.025em}h2{font-size:1.125rem;letter-spacing:-.01em}h3{font-size:1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}img,video,canvas{max-width:100%}.app-layout{display:flex;min-height:100vh}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10000;padding:.65rem 1rem;background:var(--surface);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sidebar{width:248px;flex:0 0 248px;padding:1.5rem 1rem;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.brand-mark{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;background:var(--text);color:#fff;font-size:1rem;font-weight:700;border-radius:5px}.sidebar h2{font-size:.875rem;letter-spacing:-.015em}.brand-caption{color:var(--text-muted);font-size:.75rem}.sidebar nav{display:grid;gap:.375rem}.sidebar nav a{display:flex;align-items:center;min-height:44px;padding:.625rem .875rem;border-radius:var(--radius);border-left:3px solid transparent;color:var(--text-muted);font-weight:500}.sidebar nav a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.sidebar nav a.active{background:#eaf0fb;color:var(--primary);border-left-color:var(--primary);font-weight:650}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-version{font-size:.7rem;color:var(--text-muted);margin:.5rem 0 0}.sidebar-email{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem;overflow-wrap:anywhere}.sidebar-signout{width:100%;justify-content:center}.main-content{flex:1;min-width:0;padding:2.5rem clamp(1.5rem,3vw,3rem)}.main-content>*{max-width:1200px;margin-inline:auto;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.5rem .9375rem;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-size:.875rem;line-height:1.4;font-weight:600;text-align:center;transition:background .15s,border-color .15s;max-width:100%;overflow-wrap:anywhere}a.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);min-width:0}.card>h2,.card>h3{margin-bottom:.875rem}.card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-header>*{min-width:0}.form-group{margin-bottom:1.25rem;min-width:0}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,.bc-input{width:100%;min-width:0;min-height:42px;padding:.625rem .75rem;background:var(--surface);border:1px solid var(--text-muted);border-radius:var(--radius);color:var(--text);font-size:.9375rem}.form-group textarea{min-height:112px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.bc-input:focus{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--primary)}.form-group input[type=checkbox],.form-group input[type=radio]{width:1.125rem;height:1.125rem}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.375rem;margin-bottom:.75rem;overflow-wrap:anywhere}.vault-list{list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.vault-list li{padding:1rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;overflow-wrap:anywhere}.vault-list li:hover{background:var(--surface-hover)}.vault-list li:last-child{border-bottom:none}.vault-list li>div{gap:1rem}.vault-list li>div>div{min-width:0}.vault-list li .btn{flex-shrink:0}.item-table-wrapper{max-width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:auto;background:var(--surface)}.item-table{width:100%;border-collapse:collapse;font-size:.875rem}.item-table th{text-align:left;padding:.875rem .5rem;background:var(--surface-hover);color:var(--text-muted);font-weight:650;font-size:.75rem;letter-spacing:.025em;white-space:nowrap}.item-table .col-type{width:9rem;min-width:7.5rem}.item-table .col-secret{min-width:12rem}.item-table .col-actions{width:4.5rem}.item-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.5}.item-table tr.item-row:last-child td{border-bottom:none}.item-table tr.item-row{cursor:pointer;transition:background .15s}.item-table tr.item-row:hover{background:var(--surface-hover)}.item-table tr.item-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.item-table td.col-type{font-size:.8125rem;text-align:left}.item-table td.item-name{font-weight:600;max-width:10.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-table td.col-url{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.item-table .col-login{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-table .dash{color:var(--text-muted)}.item-table .item-secret{display:inline-flex;align-items:center;gap:.375rem}.item-table .item-secret-value{font-family:var(--font-mono);min-width:6rem;display:inline-block}.item-table .item-secret-stack{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.75rem;white-space:nowrap}.item-table .item-secret-stack>*{flex-shrink:0}.item-table .btn-icon{padding:.375rem .5rem;font-size:.875rem;line-height:1;min-width:36px;min-height:36px}.item-table td.item-actions{white-space:nowrap}.item-table td.item-actions .btn{padding:.375rem .625rem;font-size:.8125rem;min-height:36px}.badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-default{background:var(--primary);color:#fff}.loading{display:flex;justify-content:center;padding:2rem;color:var(--text-muted)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg);padding:1.5rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);padding:2rem;width:100%;max-width:424px;box-shadow:var(--shadow)}.auth-card h1{text-align:center;margin-bottom:1.75rem;font-size:1.5rem}.auth-card .form-group:last-of-type{margin-bottom:1.5rem}.auth-card .btn{width:100%;justify-content:center}.auth-toggle{text-align:center;margin-top:1.25rem;font-size:.8125rem;color:var(--text-muted)}.category-filter-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;overflow-x:auto;padding:4px 3px 10px;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-padding-inline:6px}.category-filter-bar>label{flex:0 0 auto;white-space:nowrap;min-height:44px}.category-filter-bar>label:focus-within{outline:3px solid var(--focus);outline-offset:-2px}.settings-layout{--primary: #6d28a5;--primary-hover: #572183;--focus: #7c3bb0;--border: #ded8e8;--surface: #fffdff;--surface-hover: #f2edf8;background:#fbf8ff;border:1px solid var(--border);border-radius:8px;padding:0 1.25rem 1.5rem;min-width:0}.settings-header{display:flex;align-items:center;gap:.625rem;padding-block:1rem}.settings-header h1{font-size:1.25rem;letter-spacing:-.015em}.settings-back{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#efe7fa;font-size:1.25rem}.settings-back:hover{background:#e6d8f5;text-decoration:none}.settings-nav{display:flex;flex-wrap:nowrap;gap:.25rem;width:100%;min-width:0;overflow-x:auto;border-bottom:1px solid #aaa0b6;scrollbar-width:thin;scroll-padding-inline:4px;overscroll-behavior-x:contain}.settings-nav a{flex:0 0 auto;white-space:nowrap;padding:.875rem .75rem;min-height:48px;border-bottom:2px solid transparent;color:#595267;font-weight:600}.settings-nav a:hover{color:var(--primary);text-decoration:none;background:var(--surface-hover)}.settings-nav a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}.settings-nav a:focus-visible{outline-offset:-4px}.settings-content{padding-top:1.5rem;min-width:0;overflow-wrap:anywhere}.settings-page-title{font-size:1.125rem;margin-bottom:1rem}.settings-content>div>p{margin-bottom:1rem;color:var(--text-muted);font-size:.875rem}.settings-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.settings-content .card{box-shadow:none;padding:1.25rem}.settings-content .card>h2,.settings-content .card>h3{font-size:.9375rem;padding-bottom:.875rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.settings-content .form-group{padding-block:.375rem}.settings-content .card>.form-group+.form-group{border-top:1px solid var(--border);padding-top:1rem}@media (max-width: 768px){.settings-layout{padding:0 .75rem 1rem}.settings-nav a{padding-inline:.625rem;font-size:.875rem}.settings-content .card{padding:1rem}}.pg-title,.bc-title{margin-top:0;margin-bottom:1rem}.pg-checkbox-group{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.pg-checkbox-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.pg-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pg-result{margin-top:1rem}.pg-password-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface-hover);border-radius:var(--radius);font-family:var(--font-mono);font-size:.9375rem;word-break:break-all}.pg-password-text{flex:1;min-width:0}.pg-copy-btn{font-size:.8125rem;white-space:nowrap}.pg-strength{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.pg-strength-bar-bg{flex:1;height:4px;background:var(--surface-hover);border-radius:2px;overflow:hidden}.pg-strength-bar{height:100%;border-radius:2px;transition:width .3s}.pg-strength-label{font-size:.75rem;font-weight:600}.bc-input-row{display:flex;flex-wrap:wrap;gap:.5rem}.bc-input{flex:1}.bc-result{padding:1rem;border-radius:var(--radius)}.bc-result-text{margin:0;font-weight:600}.bc-breached{color:var(--danger)}.bc-safe{color:var(--success)}.bc-result-hint{font-weight:400;font-size:.875rem}.bc-disclaimer{margin-top:.75rem;font-size:.8125rem;color:var(--text-muted)}.admin-warning-banner{background:#fef3f2;border:1px solid var(--danger);border-radius:var(--radius);padding:.875rem 1rem}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;flex-basis:auto;padding:1rem;gap:1rem;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.sidebar nav a{justify-content:center;padding:.5rem .25rem;font-size:.8125rem}.sidebar-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:0;padding-top:.875rem}.sidebar-footer .license-badge{flex:1 1 140px;margin-bottom:0!important}.sidebar-email{flex:1 1 140px;margin-bottom:0}.sidebar-email:empty{display:none}.sidebar-signout{width:auto;min-height:44px}.main-content{width:100%;padding:1.5rem 1rem 2rem}.card{padding:1rem}.card-header{gap:.75rem}.item-table .btn{min-height:44px;min-width:44px}.item-table td.col-url,.item-table .col-login{max-width:6rem}.item-table .col-secret{min-width:11.5rem}.item-table .col-actions{width:4.5rem}.auth-page{padding:1rem}.auth-card{padding:1.5rem}.btn{min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media (forced-colors: active){.sidebar nav a.active{border-left-color:Highlight;outline:1px solid Highlight}}