@import url('./fonts.css');
:root{font-family:'Nexo Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243a31;background:#f8faf8;font-synthesis:none;--green:#174f3c;--green-dark:#103d2e;--muted:#7a867e;--line:#e7ece6;--lime:#dbefb6}
*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8dbd7d;outline-offset:3px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:16px;height:16px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:100;top:10px;left:10px;padding:15px;background:white}
.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:none;background:#fff;border-right:1px solid var(--line);padding:31px 19px 15px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 13px 31px}.brand>span{font-weight:750;font-size:35px;letter-spacing:-1.8px;line-height:1}.brand-dot{color:#8bb76a}.vault-label{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:29px}.vault-label>div{flex:1;display:flex;flex-direction:column;gap:4px}.vault-label strong{font-size:12px;font-weight:650}.vault-label>div>span{font-size:11px;color:var(--muted)}.vault-label>.icon{color:#8c998e}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9eedd;color:#536548;font-size:13px;font-weight:650;flex:none}.avatar.mini{width:30px;height:30px;background:#eaf1e5}.nav-caption{padding:0 14px;font-size:9px;color:#909b93;letter-spacing:1.6px;font-weight:650;margin-bottom:12px}.main-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:7px;text-align:left;font-size:12px;min-height:42px;width:100%;color:#647269}.nav-item:hover{background:#f3f6ef}.nav-item .icon{width:18px;height:18px}.nav-item>span:nth-child(2){flex:1}.nav-item.active{color:#285b39;background:#eaf1e1;font-weight:650}.nav-count{font-size:10px;color:#778773}.active .nav-count{background:#dce9ce;padding:3px 6px;border-radius:4px;color:#3b663c}.tools-caption{margin-top:32px}.notification-dot,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#6c9c62;display:inline-block;flex:none}.notification-dot{background:#d7a45e}.sidebar-bottom{margin-top:auto;padding-top:30px}.local-note{background:#f6f8f2;border-radius:9px;padding:17px 16px;margin:0 5px 20px}.local-note>.icon{display:block;color:#729060;width:21px;height:21px;margin-bottom:11px}.local-note strong{font-size:12px;font-weight:650}.local-note p{font-size:11px;color:#7d8878;line-height:1.7;margin:7px 0 16px}.local-note>span{font-size:8px;letter-spacing:1.1px;color:#7e9171;display:flex;align-items:center;justify-content:space-between}.profile{display:flex;gap:10px;align-items:center;padding:17px 7px 0;margin-top:13px;border:0;border-top:1px solid var(--line);background:transparent;width:100%;text-align:left}.profile>span:nth-child(2){display:grid;gap:4px;flex:1}.profile strong{font-weight:600;font-size:11px}.profile small{color:var(--muted);font-size:10px}.profile>.icon{width:15px;color:#8b948e}
.workspace{margin-left:242px;min-width:0;width:calc(100% - 242px)}.topbar{height:77px;padding:0 40px;border-bottom:1px solid var(--line);background:#ffffffb3;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#929b95}.breadcrumb strong{font-weight:500;color:#5f6e64}.breadcrumb>span{color:#bdc5be}.topbar-right{display:flex;align-items:center;gap:25px}.local-status{font-size:10px;color:#7f8b81;display:flex;align-items:center;gap:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #dfe6dd;background:#fff;border-radius:7px;font-size:12px;font-weight:600;line-height:1.4;min-height:41px;text-decoration:none;white-space:nowrap}.button:hover{background:#f1f5ed;border-color:#bdccbb}.button.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 5px #174f3c0d}.button.primary:hover{background:var(--green-dark)}.button.small-button{font-size:10px;min-height:31px;padding:7px 11px;gap:6px}.button.small-button .icon{width:13px;height:13px}.button.full,.full{width:100%}.button.danger{background:#a94539;color:#fff;border-color:#a94539}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#8a958d;padding:6px;flex:none}.icon-button:hover{background:#edf2e9;color:var(--green)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:none;border:0;color:var(--green);font-size:12px;font-weight:600;padding:12px 0}.text-button:hover{color:#6a8c45}.mobile-menu{display:none}main{max-width:1580px;margin:0 auto;padding:39px 40px 21px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#819277}.page-heading h1{font-size:32px;font-weight:600;letter-spacing:-1.2px;line-height:1.2;margin:9px 0 10px}.page-heading p{font-size:12px;color:#849087;margin:0}.page-heading>.button{margin-top:12px;padding:12px 18px}.welcome-banner{position:relative;overflow:hidden;border:1px solid #dfe8d2;border-radius:10px;display:flex;align-items:center;gap:15px;background:#eef4e4;padding:24px;margin-bottom:26px;min-height:103px}.banner-icon{width:44px;height:49px;display:grid;place-items:center;color:#6b8c4b;flex:none}.banner-icon .icon{width:35px;height:35px;stroke-width:1.2}.welcome-banner>div:nth-child(2){position:relative;z-index:1;flex:1}.welcome-banner strong{font-weight:600;font-size:17px;letter-spacing:-.35px}.welcome-banner p{font-size:11px;color:#7e8e71;margin:8px 0 0}.banner-button{position:relative;z-index:1;background:#fffdf5;border-color:#d7e1ca;font-size:11px;gap:15px}.banner-orbit{position:absolute;right:-33px;top:-78px;width:270px;height:270px;border:1px solid #e0e8d3;border-radius:50%;box-shadow:0 0 0 28px #e8efdc,0 0 0 29px #e0e8d3,0 0 0 57px #eaf0df,0 0 0 58px #e0e8d3;transform:rotate(-30deg)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.vault-content{min-width:0}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:26px}.summary-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:17px 15px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center}.summary-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.mint{background:#edf3e8;color:#7e9e62}.lilac{background:#efedf8;color:#9c8fb5}.peach{background:#faf1e4;color:#c7a16e}.summary-card>div{display:flex;flex-direction:column;gap:4px}.summary-card strong{font-size:24px;font-weight:600;line-height:1}.summary-card>div>span{font-size:10px;color:#6d7b70}.summary-detail{grid-column:1/-1;font-size:9px;color:#9aa297;margin-top:1px}.items-panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:23px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:13px;font-weight:600;margin:0;display:flex;align-items:center;gap:9px}.panel-heading h2>span{font-size:10px;font-weight:500;background:#f1f4ed;padding:3px 6px;border-radius:4px;color:#839078}.sort-label select{font-size:10px;color:#899288;background:#fff;border:0;padding:5px;max-width:135px}.filter-row{display:flex;gap:10px;padding:0 20px 21px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:0 11px;height:37px;flex:1;min-width:0;background:#fdfefd;color:#9aa398}.search-box .icon{width:16px;height:16px}.search-box input{border:0;background:transparent;outline:0!important;font-size:11px;width:100%;min-width:0;color:#364b3c}.search-box:focus-within{outline:2px solid #94ba80;outline-offset:1px}.search-box input::placeholder{color:#a1aaa0}.search-box kbd{font:10px inherit;border:1px solid #e8ece5;padding:1px 5px;border-radius:3px;color:#9aa695}.category-filter select{border:1px solid var(--line);border-radius:6px;padding:9px 7px;font-size:10px;color:#7d897a;height:37px;background:#fff;max-width:160px}.table-heading{display:grid;grid-template-columns:minmax(0,1fr) 99px 92px 24px;gap:10px;padding:12px 20px;background:#f8faf6;border-top:1px solid #f0f3ed;border-bottom:1px solid var(--line);color:#99a18f;font-size:8px;letter-spacing:1px;font-weight:500}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 99px 92px 24px;gap:10px;align-items:center;min-height:77px;padding:13px 20px;border-bottom:1px solid #edf0e9}.item-row:last-child{border-bottom:0}.item-row:hover{background:#fcfdf9}.item-main{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;min-width:0;text-align:left}.item-main>span:last-child{min-width:0;display:grid;gap:6px}.item-main strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main small{font-size:10px;color:#8b968a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f0f4e9;flex:none;font-size:17px;font-weight:700;color:#6b8058;border:1px solid #e8eddf}.item-logo.logo-coral{background:#fff0eb;color:#df7a65;border-color:#f9e4dc}.item-logo.logo-purple{background:#f0edf8;color:#927cad;border-color:#e7e1f1}.item-logo.logo-blue{background:#edf3fd;color:#7298ce;border-color:#e2eaf7}.item-logo.logo-ink{background:#f4f4f1;color:#414b44;border-color:#e9ebe5}.item-logo.logo-green{background:#edf5e6;color:#5e9647;border-color:#e0ebd6}.item-category{justify-self:start;font-size:9px;padding:4px 7px;border-radius:4px;background:#f3f5f0;color:#849078;white-space:nowrap}.status-badge{font-size:9px;display:flex;gap:5px;align-items:center;white-space:nowrap;color:#73916a}.status-badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.status-badge.medium{color:#b0924f}.status-badge.weak,.status-badge.reused{color:#bc8373}.status-badge.note{color:#9a9f95}.favorite-button{width:25px;height:29px;color:#c6cebf;padding:4px}.favorite-button .icon{width:16px;height:16px}.favorite-button.selected{color:#b89b61}.favorite-button.selected .icon{fill:#f6e8bc}.list-footer{padding:14px 20px;background:#fdfefb;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a0aa97}.list-footer>span:last-child{display:flex;align-items:center;gap:5px}.list-footer .icon{width:11px;height:11px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#98a28e;margin-top:21px}.bottom-note .icon{width:12px;height:12px}.insights{display:grid;gap:18px}.health-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.card-label{display:flex;align-items:center;gap:8px}.card-label h2{font-size:11px;font-weight:600;margin:0}.card-icon{color:#81956d;display:flex}.card-icon .icon{width:17px;height:17px}.score-wrap{position:relative;width:150px;height:150px;margin:20px auto 7px}.score-ring{width:150px;height:150px;transform:rotate(-90deg);overflow:visible}.score-ring circle{fill:none;stroke-width:7}.score-track{stroke:#edf2e7}.score-line{stroke:#8ba96b;stroke-linecap:round;transition:stroke-dasharray .6s}.score-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.score-number strong{font-size:39px;letter-spacing:-1.5px;line-height:1;font-weight:500;color:#405d35}.score-number span{font-size:8px;letter-spacing:1.5px;color:#9ba98d}.score-leaf{position:absolute;bottom:14px;right:10px;font-size:19px;background:#f2f7e8;border-radius:50%;padding:4px;color:#95ac75}.health-card h3{text-align:center;font-size:12px;font-weight:600;margin:10px 0 7px}.health-description{text-align:center;color:#9aa58e;font-size:10px;margin:0 0 20px;line-height:1.7}.health-row{display:flex;align-items:center;justify-content:space-between;margin:13px 2px;font-size:10px;color:#89967c}.health-row>span{display:flex;align-items:center;gap:8px}.health-row strong{font-size:11px;color:#5d7052;font-weight:500}.green{background:#92ac76}.amber{background:#d5bd7a}.red{background:#d3a292}.health-card>.text-button{border-top:1px solid var(--line);margin-top:7px;padding:16px 0 8px;font-size:10px;justify-content:space-between;color:#6b8757}.estimate-note{font-size:8px;color:#a0ab94;display:block;line-height:1.6;margin-top:5px}.generator-card{background:#f0f3eb;border:1px solid #e5eadc;border-radius:10px;padding:20px}.generator-card>p{font-size:12px;line-height:1.7;color:#89967b;margin:14px 0}.password-preview{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#ffffffa8;border:1px solid #e2e8d9;border-radius:6px;padding:8px 4px 8px 10px;margin-bottom:12px;min-width:0}.password-preview code{font-size:12px;color:#647b50;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.password-preview .icon{width:15px;height:15px}.password-preview .icon-button{width:26px;height:26px}.generator-card>.button{font-size:10px;background:transparent;border-color:#d9e2cd;justify-content:space-between;padding:10px 12px;color:#6f835c}.small-tip{display:flex;gap:10px;padding:1px 6px;color:#99a48d}.tip-icon{font-size:23px;line-height:1}.small-tip strong{font-size:10px;font-weight:500;color:#86937a}.small-tip p{font-size:10px;line-height:1.8;margin:5px 0}.page-footer{display:flex;align-items:center;justify-content:space-between;color:#a5ae9b;font-size:9px;padding-top:35px;gap:15px}.page-footer>span:last-child{font-size:8px;letter-spacing:1.4px}.footer-dot{padding:0 6px}.empty-state{text-align:center;padding:57px 20px;color:#8b9881}.empty-state>.icon{width:34px;height:34px;color:#aabd98}.empty-state h3{font-size:16px;color:#4c6440;margin:16px 0 8px}.empty-state p{font-size:12px;line-height:1.8;margin:0 0 20px}
dialog{border:1px solid #e0e7d9;border-radius:16px;padding:0;max-height:90dvh;width:min(520px,calc(100vw - 32px));background:#fff;color:#2c4334;box-shadow:0 30px 100px #17372426}dialog::backdrop{background:#14372355;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 0;gap:10px}.modal-header h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.5px}.modal-header p{margin:8px 0 0;font-size:12px;color:#8a9780;line-height:1.6}.modal-body{padding:24px 28px 28px}.modal-body label,.lock-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;margin-bottom:17px}.modal-body input:not([type=checkbox]):not([type=range]),.modal-body select,.modal-body textarea,.lock-card input{width:100%;border:1px solid #dde5d7;background:#fcfdfa;border-radius:7px;padding:11px 12px;font-size:13px;color:#344c2c;min-height:41px}.modal-body textarea{resize:vertical;line-height:1.6;min-height:100px}.modal-body label small{font-size:10px;color:#929c88;font-weight:400;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-with-button{display:flex;gap:7px;align-items:center}.input-with-button input{min-width:0}.input-with-button .icon-button{border:1px solid var(--line);width:41px;height:41px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.check-label{flex-direction:row!important;align-items:center;font-weight:400!important;line-height:1.6;font-size:12px!important}.check-label input{accent-color:var(--green);width:16px;height:16px;flex:none}.form-error{color:#b65140;font-size:12px;line-height:1.6;min-height:0;margin:8px 0 12px}.form-error:empty{display:none}.form-note{font-size:11px;color:#849077;line-height:1.8;background:#f3f6ec;padding:12px 14px;border-radius:7px}.detail-top{display:flex;align-items:center;gap:13px;margin-bottom:25px}.detail-top .item-logo{width:52px;height:52px;font-size:22px}.detail-top h3{font-size:19px;margin:0 0 5px;overflow-wrap:anywhere}.detail-top span{font-size:11px;color:#8b977e}.detail-field{border-bottom:1px solid #edf1e8;padding:14px 0}.detail-field>span{display:block;font-size:10px;color:#909d83;margin-bottom:7px}.detail-field>div{display:flex;gap:7px;align-items:center;justify-content:space-between}.detail-field code,.detail-field p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7;margin:0;min-width:0}.detail-field a{overflow-wrap:anywhere;font-size:12px;color:#658b45}.detail-field .detail-buttons{display:flex;flex:none}.detail-date{font-size:10px;color:#98a38c;margin:20px 0 0}.modal-actions .push-left{margin-right:auto}.generated-output{display:flex;align-items:center;gap:10px;background:#f0f5e7;border:1px solid #e0e9d2;border-radius:9px;padding:16px;margin-bottom:20px}.generated-output code{font-size:18px;line-height:1.7;flex:1;overflow-wrap:anywhere;color:#4c7036;min-width:0}.range-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.range-heading strong{font-size:16px;color:#567c40}input[type=range]{width:100%;accent-color:#6b9451;margin-bottom:18px}.generator-options{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.generator-strength{font-size:11px;color:#75925e;margin-bottom:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}.settings-row h3{font-size:12px;margin:0 0 7px}.settings-row p{font-size:11px;color:#8b977e;line-height:1.7;margin:0}.settings-row>.icon{color:#8aa472}.settings-links{display:grid;gap:10px;margin-top:23px}.settings-links .button{justify-content:flex-start}.lock-screen{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 15%,#e6efd9,transparent 55%),#f7faf3;padding:30px}.lock-card{text-align:center;width:min(380px,100%)}.lock-card>img{margin-bottom:25px}.lock-card>.eyebrow{display:block}.lock-card h1{font-size:34px;font-weight:600;letter-spacing:-1px;margin:12px 0}.lock-card>p{color:#849477;font-size:13px;line-height:1.8;margin-bottom:30px}.lock-card label{text-align:left}.lock-card>.text-button{font-size:11px;margin-top:13px}.lock-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#94a484;margin-top:32px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#244c35;color:#fff;border-radius:10px;font-size:12px;box-shadow:0 8px 24px #12371a22;z-index:100;max-width:calc(100vw - 30px);text-align:center;line-height:1.6}
@media(min-width:1600px){main{padding-top:47px}.content-grid{grid-template-columns:minmax(0,1fr) 300px}.item-row{min-height:83px}.summary-card{padding:21px}.summary-detail{margin-top:6px}.welcome-banner{padding:28px}.health-card,.generator-card{padding:24px}}
@media(max-width:1250px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.workspace{margin-left:220px;width:calc(100% - 220px)}main{padding:30px 26px 20px}.topbar{padding:0 26px}.content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.summary-cards{gap:8px}.summary-card{padding:14px 11px;gap:9px;grid-template-columns:30px 1fr}.summary-icon{width:30px;height:30px}.summary-icon .icon{width:17px}.summary-card strong{font-size:22px}.item-row,.table-heading{grid-template-columns:minmax(0,1fr) 75px 73px 22px;gap:6px;padding-left:15px;padding-right:15px}.panel-heading{padding-left:15px;padding-right:15px}.filter-row{padding-left:15px;padding-right:15px;gap:7px}.category-filter select{max-width:133px;font-size:9px}.item-main{gap:9px}.item-logo{width:32px;height:32px;font-size:15px}.item-main strong{font-size:11px}.item-main small{font-size:9px}.item-category,.status-badge{font-size:8px}.health-card,.generator-card{padding:17px}.card-label h2{font-size:10px}.welcome-banner{padding:19px 16px;gap:11px}.welcome-banner strong{font-size:15px}.welcome-banner p{font-size:10px}.banner-button{padding:10px;font-size:10px;gap:8px}}
@media(max-width:1080px){.content-grid{grid-template-columns:1fr}.insights{grid-template-columns:1fr 1fr;gap:18px}.health-card{display:grid;grid-template-columns:125px 1fr;column-gap:20px;align-items:center}.health-card .card-label{grid-column:1/-1}.score-wrap{grid-column:1;grid-row:2/7;width:120px;height:120px;margin:10px auto}.score-ring{width:120px;height:120px}.health-card h3,.health-description{text-align:left;margin:8px 0 0}.health-row{margin:4px 0}.health-card>.text-button,.estimate-note{grid-column:1/-1}.small-tip{display:none}.item-row,.table-heading{grid-template-columns:minmax(0,1fr) 105px 95px 24px}.item-logo{width:38px;height:38px}.item-main strong{font-size:12px}.item-main small{font-size:10px}.item-category,.status-badge{font-size:9px}.summary-card{padding:17px}.bottom-note{margin-bottom:4px}.welcome-banner{flex-wrap:wrap}.welcome-banner>div:nth-child(2){min-width:210px}.banner-button{margin-left:56px}.local-status{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 60px #19382522;width:235px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}.topbar{padding:0 20px;height:63px;justify-content:flex-start}.topbar-right{margin-left:auto}.mobile-menu{display:grid}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>strong{display:none}.breadcrumb>span{display:none}main{padding:27px 20px 20px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;max-width:210px;line-height:1.7}.page-heading>.button{font-size:10px;padding:10px;gap:5px}.page-heading>.button .icon{width:15px}.eyebrow{font-size:8px}.welcome-banner{padding:18px 15px;gap:10px}.welcome-banner strong{font-size:14px}.welcome-banner p{line-height:1.7}.banner-icon{width:30px}.banner-icon .icon{width:29px}.banner-button{margin-left:40px}.summary-card{grid-template-columns:1fr;gap:11px;padding:14px}.summary-icon{width:28px;height:28px}.summary-card>div{gap:6px}.summary-card>div>span{font-size:9px}.summary-detail{display:none}.summary-cards{gap:9px;margin-bottom:20px}.item-row,.table-heading{grid-template-columns:minmax(0,1fr) 75px 23px;padding-left:14px;padding-right:14px;gap:7px}.item-category,.table-heading>span:nth-child(2){display:none}.item-main{gap:10px}.item-main strong{font-size:11px}.item-main small{font-size:9px}.item-logo{width:33px;height:33px;font-size:14px}.status-badge{font-size:8px}.panel-heading{padding:19px 14px 14px}.panel-heading h2{font-size:12px}.filter-row{padding:0 14px 16px;flex-wrap:wrap}.category-filter{width:100%}.category-filter select{width:100%;max-width:none;font-size:10px}.search-box{flex-basis:100%;height:39px}.table-heading{font-size:7px}.list-footer{font-size:8px;padding:13px 14px;gap:6px}.list-footer>span:last-child .icon{display:none}.insights{grid-template-columns:1fr}.health-card{grid-template-columns:140px 1fr;padding:20px}.score-wrap{width:125px;height:125px}.score-ring{width:125px;height:125px}.card-label h2{font-size:12px}.health-card h3{font-size:12px}.generator-card{padding:20px}.generator-card>p{font-size:12px}.password-preview code{font-size:15px}.generator-card>.button{font-size:11px}.page-footer{font-size:8px;padding-top:25px;flex-wrap:wrap}.page-footer>span:last-child{font-size:7px}.modal-header{padding:24px 22px 0}.modal-body{padding:21px 22px 24px}.modal-header h2{font-size:21px}.field-row{grid-template-columns:1fr;gap:0}.generator-options{gap:0 8px}.generator-options .check-label{font-size:11px!important}.bottom-note{font-size:9px}.topbar-right .button{font-size:9px}.empty-state{padding:40px 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.master-password-control{margin-bottom:17px;text-align:left}.modal-body .master-password-control>label,.lock-card .master-password-control>label{display:block;margin:0 0 8px;font-size:11px;font-weight:600}.master-password-field{position:relative;width:100%}.modal-body .master-password-field input:not([type=checkbox]):not([type=range]),.lock-card .master-password-field input{padding-right:52px;min-height:48px;border-color:#bdcbd0;background:#fff;border-radius:9px}.master-password-field .password-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;color:#006c7a;border-radius:7px}.master-password-field .password-eye:hover{background:#eef6f6}.master-password-field .password-eye:active:not(:disabled){transform:translateY(-50%)}.master-password-field .password-eye .icon{width:22px;height:22px}.master-password-field input::-ms-reveal,.master-password-field input::-ms-clear{display:none}.master-password-control>small{display:block;font-size:10px;line-height:1.6;color:#929c88;font-weight:400;margin-top:8px}

.sync-banner{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:#eff6e9;border-top:1px solid #cbdabb;font-size:12px}.sync-banner[data-state="conflict"],.sync-banner[data-state="error"],.sync-banner[data-state="offline"],.sync-banner[data-state="auth"]{background:#fff1dc;border-color:#d7b58b}.sync-banner .text-button{font-size:11px}#account-form .form-note{text-align:left}#conflict-form{margin-top:22px}@media(max-width:760px){.sync-banner{gap:8px;padding:10px}.sync-banner>span{flex-basis:100%;text-align:center}.lock-screen{padding:25px 20px}.lock-card input{font-size:16px}}