:root{--bg-primary:#f1faf8;--bg-secondary:#fff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fffd;--bg-card-solid:#fff;--bg-input:#ecf6f3;--bg-glass:#fff;--bg-modal:#fff;--border-subtle:#dbece7;--border-medium:#bfdcd4;--border-active:#22b8a2;--text-main:#15302b;--text-secondary:#33514b;--text-muted:#5b7871;--text-dim:#8aa7a0;--accent-primary:#0b8a77;--accent-subtle:#dcf5ee;--accent-cyan:#0e86a8;--accent-cyan-glow:#22b8a233;--accent-blue:#2f7fd8;--accent-blue-glow:#2f7fd829;--accent-indigo:#5b6ee1;--accent-purple:#7c4ddb;--accent-purple-glow:#7c4ddb29;--accent-emerald:#16955f;--accent-emerald-glow:#16955f29;--accent-amber:#b36a00;--accent-amber-glow:#b36a0029;--accent-rose:#d6456b;--accent-rose-glow:#d6456b29;--btn-primary-bg:#6ee0c3;--btn-primary-bg-hover:#55d3b4;--btn-primary-fg:#04382f;--tone-logins-bg:#dcf0ff;--tone-logins-fg:#0b69a6;--tone-databases-bg:#ece5ff;--tone-databases-fg:#6a3fc9;--tone-apikeys-bg:#d5f6ea;--tone-apikeys-fg:#0b7a61;--tone-cards-bg:#fff1c2;--tone-cards-fg:#85570a;--tone-servers-bg:#ffe3d9;--tone-servers-fg:#bd430f;--tone-notes-bg:#ffe1ee;--tone-notes-fg:#bb1f66;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-smooth:.2s ease;--shadow-sm:0 1px 2px #1450460f;--shadow-glass:0 1px 3px #1450460f, 0 8px 22px -10px #14504629;--sidebar-width:256px;--topbar-height:64px}.dark{--bg-primary:#0e1d21;--bg-secondary:#12262b;--bg-surface:#12262b;--bg-card:#17313a;--bg-card-hover:#1b3a44;--bg-card-solid:#17313a;--bg-input:#1f3f49;--bg-glass:#17313a;--bg-modal:#17313a;--border-subtle:#27474f;--border-medium:#36606a;--border-active:#5eead4;--text-main:#eafcf8;--text-secondary:#cdeae4;--text-muted:#98c3ba;--text-dim:#6d9990;--accent-primary:#5eead4;--accent-subtle:#5eead424;--accent-cyan:#7dd3fc;--accent-cyan-glow:#5eead438;--accent-blue:#8cc2ff;--accent-blue-glow:#8cc2ff33;--accent-indigo:#a5b4fc;--accent-purple:#c4a8ff;--accent-purple-glow:#c4a8ff33;--accent-emerald:#86efac;--accent-emerald-glow:#86efac33;--accent-amber:#fcd34d;--accent-amber-glow:#fcd34d33;--accent-rose:#fda4c0;--accent-rose-glow:#fda4c033;--btn-primary-bg:#5eead4;--btn-primary-bg-hover:#7af0de;--btn-primary-fg:#04302a;--tone-logins-bg:#7dd3fc29;--tone-logins-fg:#8fd8fd;--tone-databases-bg:#c4a8ff29;--tone-databases-fg:#cdb4ff;--tone-apikeys-bg:#5eead429;--tone-apikeys-fg:#7af0de;--tone-cards-bg:#fcd34d29;--tone-cards-fg:#fde28a;--tone-servers-bg:#fda48229;--tone-servers-fg:#fdb89b;--tone-notes-bg:#fda4c029;--tone-notes-fg:#fdb8cf;--shadow-sm:0 1px 2px #00000040;--shadow-glass:0 1px 3px #00000040, 0 10px 26px -12px #00000080}[data-tone=logins]{--tone-bg:var(--tone-logins-bg);--tone-fg:var(--tone-logins-fg)}[data-tone=databases]{--tone-bg:var(--tone-databases-bg);--tone-fg:var(--tone-databases-fg)}[data-tone=apikeys]{--tone-bg:var(--tone-apikeys-bg);--tone-fg:var(--tone-apikeys-fg)}[data-tone=cards]{--tone-bg:var(--tone-cards-bg);--tone-fg:var(--tone-cards-fg)}[data-tone=servers]{--tone-bg:var(--tone-servers-bg);--tone-fg:var(--tone-servers-fg)}[data-tone=notes]{--tone-bg:var(--tone-notes-bg);--tone-fg:var(--tone-notes-fg)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}button{font-family:inherit}:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-in{animation:.18s forwards fadeIn}.animate-scale-up{animation:.18s forwards scaleUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.font-mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-panel-hover{transition:border-color var(--transition-fast), background var(--transition-fast)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.glass-dropdown{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-glass);border-radius:var(--radius-md)}.input-field{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-ui);transition:var(--transition-fast);border:1px solid #0000;outline:none;padding:.7rem .95rem;font-size:.875rem}.input-field:focus{border-color:var(--border-active);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-cyan-glow)}.input-field::placeholder{color:var(--text-dim)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.btn-secondary{background:var(--bg-input);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--border-subtle);color:var(--text-main)}.btn-danger{background:var(--tone-notes-bg);color:var(--accent-rose)}.btn-danger:hover:not(:disabled){filter:brightness(.97)}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.45rem;display:inline-flex}.btn-icon:hover:not(:disabled){color:var(--accent-primary);background:var(--accent-subtle)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-cyan{background:var(--accent-subtle);color:var(--accent-primary)}.badge-purple{background:var(--tone-databases-bg);color:var(--tone-databases-fg)}.badge-emerald{background:var(--tone-servers-bg);color:var(--tone-servers-fg)}.badge-amber{background:var(--tone-cards-bg);color:var(--tone-cards-fg)}.badge-rose{background:var(--tone-notes-bg);color:var(--tone-notes-fg)}.tag-chip{background:var(--bg-input);color:var(--text-muted);border-radius:var(--radius-full);padding:.1rem .5rem;font-size:.7rem}.app-container{background-color:var(--bg-primary);height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow-y:auto}.content-body{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem 2rem 3rem}.sidebar-container{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-brand{height:var(--topbar-height);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.1rem;display:flex}.sidebar-brand-main{align-items:center;gap:.65rem;display:flex}.brand-mark{background:var(--accent-subtle);width:34px;height:34px;color:var(--accent-primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-name{letter-spacing:-.01em;font-size:.95rem;font-weight:800;line-height:1.15}.brand-sub{color:var(--text-muted);font-size:.7rem}.sidebar-scroll{flex:1;padding:.35rem .75rem 1rem;overflow-y:auto}.nav-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:1rem .6rem .4rem;font-size:.68rem;font-weight:700;display:flex}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.65rem;padding:.5rem .6rem;font-size:.84rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-input)}.nav-item.active{background:var(--tone-bg,var(--accent-subtle));color:var(--tone-fg,var(--accent-primary));font-weight:700}.nav-item .nav-icon{background:var(--tone-bg,var(--accent-subtle));width:28px;height:28px;color:var(--tone-fg,var(--accent-primary));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item.active .nav-icon{background:var(--bg-card)}.nav-item .nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .nav-count{color:var(--text-dim);font-size:.72rem;font-weight:600}.nav-item.active .nav-count{color:inherit}.nav-folder-input{padding:.2rem .2rem .4rem}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:.25rem;padding:.75rem;display:flex}.topbar{height:var(--topbar-height);background:var(--bg-primary);z-index:100;flex-shrink:0;align-items:center;gap:.75rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-title{min-width:0;margin-right:auto}.topbar-title h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:800;line-height:1.2;overflow:hidden}.topbar-title p{color:var(--text-muted);font-size:.75rem}.search-box{flex-shrink:1;width:min(340px,36vw);position:relative}.search-box .input-field{background:var(--bg-card);border-color:var(--border-subtle);height:38px;padding-left:2.35rem;padding-right:3.2rem}.search-box .search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.search-box .search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:.72rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-box .search-clear:hover{background:var(--bg-input)}.topbar-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.topbar .btn,.topbar .btn-icon{height:38px}.topbar .btn-icon{width:38px;padding:0}.segmented{background:var(--bg-input);border-radius:var(--radius-sm);height:38px;padding:3px;display:inline-flex}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;display:flex}.segmented button.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.credentials-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem;display:grid}.cred-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:.8rem;padding:1.1rem;display:flex}.cred-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-glass)}.cred-card.pinned{background:var(--tone-cards-bg)}.cred-head{align-items:center;gap:.75rem;display:flex}.cred-icon{background:var(--tone-bg);width:40px;height:40px;color:var(--tone-fg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cred-icon.sm{border-radius:10px;width:32px;height:32px}.cred-titles{flex:1;min-width:0}.cred-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.cred-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.cred-meta .kind{color:var(--tone-fg);font-weight:700}.star-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:8px;padding:.3rem;display:flex}.star-btn:hover{background:var(--bg-input)}.star-btn.on{color:var(--accent-amber)}.field{background:var(--bg-input);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.5rem .4rem .5rem .75rem;display:flex}.field-body{flex:1;min-width:0}.field-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:.5rem;font-size:.66rem;font-weight:700;display:flex}.field-value{font-family:var(--font-mono);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.field-value.masked{letter-spacing:.18em}.field-actions{flex-shrink:0;display:flex}.field-actions .btn-icon{padding:.35rem}.note-preview{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:120px;padding:.7rem .8rem;font-size:.84rem;line-height:1.55;overflow-y:auto}.strength-bar{gap:3px;display:flex}.strength-bar span{background:var(--border-subtle);border-radius:2px;flex:1;height:3px}.tags-row{flex-wrap:wrap;gap:.3rem;display:flex}.cred-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.2rem;display:flex}.cred-foot-group{align-items:center;gap:.1rem;display:flex}.cred-foot .btn-icon{padding:.4rem}.btn-icon.danger:hover{color:var(--accent-rose);background:var(--tone-notes-bg)}.table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.cred-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;font-size:.85rem}.cred-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:var(--bg-input);padding:.75rem 1rem;font-size:.68rem;font-weight:700}.cred-table td{border-top:1px solid var(--border-subtle);vertical-align:middle;padding:.65rem 1rem}.cred-table tbody tr:hover{background:var(--bg-card-hover)}.cell-flex{align-items:center;gap:.4rem;display:flex}.cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.empty-state{background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:3.5rem 1.5rem;display:flex}.empty-state .empty-icon{background:var(--accent-subtle);width:64px;height:64px;color:var(--accent-primary);border-radius:20px;justify-content:center;align-items:center;display:flex}.empty-state h3{font-size:1.1rem;font-weight:800}.empty-state p{color:var(--text-muted);max-width:420px;font-size:.875rem;line-height:1.6}.section-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;margin-bottom:.7rem;font-size:.72rem;font-weight:700;display:flex}.toast{z-index:2000;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);border-left-width:4px;align-items:center;gap:.7rem;min-width:260px;max-width:min(420px,100vw - 2rem);padding:.75rem .9rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast.success{border-left-color:var(--accent-emerald)}.toast.error{border-left-color:var(--accent-rose)}.toast.info{border-left-color:var(--accent-primary)}.toast .toast-icon{flex-shrink:0;display:flex}.toast.success .toast-icon{color:var(--accent-emerald)}.toast.error .toast-icon{color:var(--accent-rose)}.toast.info .toast-icon{color:var(--accent-primary)}.toast .toast-msg{flex:1;font-size:.86rem;font-weight:500}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem;display:flex;position:relative}.auth-theme{z-index:10;position:absolute;top:1.25rem;right:1.25rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-glass);border-radius:24px;padding:2.25rem 2rem}.auth-card .brand-mark{border-radius:18px;width:56px;height:56px;margin:0 auto 1rem}.auth-card h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.auth-lead{color:var(--text-muted);margin:.35rem 0 1.4rem;font-size:.86rem}.auth-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.form-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.input-with-icon{position:relative}.input-with-icon .input-field{padding-left:2.4rem}.input-with-icon svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.tab-switch{background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:1.25rem;padding:3px;display:flex}.tab-switch button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.83rem;font-weight:600;display:flex}.tab-switch button.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.alert{text-align:left;border-radius:var(--radius-sm);background:var(--tone-notes-bg);color:var(--tone-notes-fg);align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.user-pill{background:var(--bg-input);color:var(--text-muted);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .4rem .3rem .8rem;font-size:.76rem;display:inline-flex}.user-pill .dot{background:var(--accent-emerald);border-radius:50%;width:7px;height:7px}.auth-foot{border-top:1px solid var(--border-subtle);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.76rem;display:flex}.link-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.78rem;font-weight:600;display:inline-flex}.link-btn:hover{text-decoration:underline}.btn-block{width:100%;padding:.75rem;font-size:.9rem}.modal-overlay{z-index:1000;background:#2b284059;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.dark .modal-overlay{background:#08070eb3}.modal-content{background:var(--bg-modal);border:1px solid var(--border-subtle);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-glass);border-radius:22px;overflow-y:auto}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=900px){.search-box{width:min(260px,34vw)}}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.content-body{padding:.75rem 1rem 3rem}.topbar{gap:.5rem;padding:0 1rem}.topbar-title p{display:none}.search-box{flex:1;width:auto}.modal-overlay{padding:.75rem}.modal-content{border-radius:18px;max-width:100%;max-height:94vh}.sidebar-container{z-index:1200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 30px #2b284040}.sidebar-container.open{transform:translate(0)}.sidebar-backdrop{z-index:1150;background:#2b284059;animation:.2s forwards fadeIn;position:fixed;inset:0}}@media (width<=640px){.credentials-grid{grid-template-columns:1fr;gap:.8rem}.btn-text-hide{display:none!important}.topbar-title{display:none}.auth-card{border-radius:20px;padding:1.75rem 1.25rem}.toast{min-width:0;bottom:1rem;left:1rem;right:1rem}}.brand-mark{color:#04382f;background:linear-gradient(135deg,#6ee0c3 0%,#8fd3ff 100%)}.dark .brand-mark{color:#04302a;background:linear-gradient(135deg,#5eead4 0%,#7dd3fc 100%)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;display:grid}.stat-tile{text-align:left;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;align-items:center;gap:.85rem;padding:.95rem 1rem;font-family:inherit;display:flex}button.stat-tile{cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast)}button.stat-tile:hover{border-color:var(--tone-fg);transform:translateY(-1px)}.stat-ico{background:var(--tone-bg);width:40px;height:40px;color:var(--tone-fg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-num{letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);font-size:.74rem;font-weight:600}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.15rem}.panel-title{margin-bottom:.85rem;font-size:1rem;font-weight:800}.empty-inline{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 1rem;font-size:.86rem;display:flex}.empty-inline strong{color:var(--text-main);font-size:1rem}.health-hero{background:var(--tone-bg);border-radius:22px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.health-hero h2{letter-spacing:-.01em;color:var(--text-main);margin-bottom:.3rem;font-size:1.3rem;font-weight:800}.health-hero p{color:var(--text-secondary);max-width:560px;font-size:.86rem;line-height:1.6}.health-ring{background:var(--bg-card);border:7px solid var(--tone-fg);width:108px;height:108px;color:var(--tone-fg);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.health-ring strong{font-size:2rem;font-weight:800;line-height:1}.health-ring span{color:var(--text-muted);font-size:.66rem;font-weight:700}.audit-list{flex-direction:column;gap:.6rem;display:flex}.audit-row{background:var(--bg-input);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.quick-actions{flex-wrap:wrap;gap:.4rem;display:flex}.chip-btn{cursor:pointer;background:var(--tone-bg);color:var(--tone-fg);border-radius:var(--radius-full);transition:filter var(--transition-fast);border:none;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.76rem;font-weight:700;display:inline-flex}.chip-btn:hover{filter:brightness(.96)}.card-note{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.modal-form{flex-direction:column;max-height:92vh;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.05rem 1.35rem;display:flex}.modal-head h3{font-size:1.1rem;font-weight:800}.modal-body{flex-direction:column;gap:1.1rem;padding:1.2rem 1.35rem;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-subtle);background:var(--bg-modal);flex-shrink:0;justify-content:flex-end;gap:.6rem;padding:.9rem 1.35rem;display:flex}.cat-picker{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.cat-picker button{border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .2rem;font-size:.72rem;font-weight:600;display:flex}.cat-picker button .cat-ico{background:var(--tone-bg);width:32px;height:32px;color:var(--tone-fg);border-radius:10px;justify-content:center;align-items:center;display:flex}.cat-picker button:hover{background:var(--bg-card-hover)}.cat-picker button.active{background:var(--bg-card);border-color:var(--tone-fg);color:var(--text-main);font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:.95rem .8rem;display:grid}.form-field{min-width:0}.form-field.full{grid-column:1/-1}.form-field-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.form-field-head .form-label{margin-bottom:0}.form-field>.form-label{margin-bottom:.35rem}.req{color:var(--accent-rose)}.help-text{color:var(--text-dim);margin-top:.3rem;font-size:.72rem}.secret-input{position:relative}.secret-input .input-field{padding-right:2.6rem}.secret-input .btn-icon{position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.strength-inline{align-items:center;gap:.6rem;margin-top:.4rem;font-size:.72rem;font-weight:700;display:flex}.strength-inline .strength-bar{flex:1}.choice-group{background:var(--bg-input);border-radius:var(--radius-sm);padding:3px;display:flex}.choice-group button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.82rem;font-weight:600}.choice-group button.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.preview-box{background:var(--bg-input);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .4rem .45rem .8rem;display:flex}.preview-box code{color:var(--accent-primary);white-space:nowrap;font-size:.78rem;overflow-x:auto}@media (width<=640px){.cat-picker{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.form-field.half{grid-column:1/-1}.modal-form{max-height:96vh}.stat-grid{grid-template-columns:repeat(2,1fr)}.health-hero{gap:1rem;padding:1.15rem}}