:root{--ink:#17191c;--muted:#6d7279;--line:#e4e6e9;--surface:#fff;--bg:#f5f6f7;--green:#176b55;--green-dark:#105341;--green-soft:#e7f2ee;--red:#b3261e;--shadow:0 18px 50px rgba(21,31,27,.12);font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 8px}.brand-mark{width:54px;height:54px;display:flex;gap:5px;align-items:flex-end}.brand-mark span{display:block;width:12px;background:#fff;border-radius:2px}.brand-mark span:nth-child(1){height:31px}.brand-mark span:nth-child(2){height:45px}.brand-mark span:nth-child(3){height:23px;background:#7bc8ae}.brand-mark.small{width:36px;height:36px;gap:3px}.brand-mark.small span{width:8px;background:var(--ink)}.brand-mark.small span:nth-child(1){height:22px}.brand-mark.small span:nth-child(2){height:31px}.brand-mark.small span:nth-child(3){height:17px;background:var(--green)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,43%) 1fr}.brand-panel{background:#163d33;color:#fff;padding:clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-190px;bottom:10%}.brand-panel .eyebrow{color:#7bc8ae}.brand-panel h1{font-size:clamp(44px,6vw,76px);line-height:1.1;letter-spacing:0;margin:14px 0 24px}.brand-copy{color:#c8d8d3;font-size:17px;line-height:1.9}.security-note{display:flex;gap:14px;align-items:center}.security-note strong,.security-note small{display:block}.security-note small{color:#9db8b0;margin-top:5px}.icon-circle{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.auth-panel{display:grid;place-items:center;padding:40px;background:#fafafa}.auth-card{width:min(430px,100%)}.form-heading{margin-bottom:30px}.form-heading h2{font-size:30px;letter-spacing:0;margin:0 0 10px}.form-heading p:last-child{color:var(--muted);line-height:1.7;margin:0}.form-heading.centered{text-align:center}.auth-card label,.form-grid label,.settings-section label{display:block;margin:0 0 18px}.auth-card label>span,.form-grid label>span,.settings-section label>span{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.auth-card input,.form-grid input,.form-grid select,.form-grid textarea,.settings-section input{width:100%;border:1px solid #d9dcdf;border-radius:6px;padding:13px 14px;background:#fff;outline:none;transition:.2s}.auth-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.settings-section input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,85,.1)}label small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:7px}.primary,.secondary,.danger,.soft-btn{border:0;border-radius:6px;padding:11px 17px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary.wide{width:100%;padding:14px}.secondary,.soft-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.danger{background:#fff0ef;color:var(--red)}.text-btn{border:0;background:none;color:var(--muted);width:100%;margin-top:12px}.quiet-tip{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-top:18px}.field-divider{display:flex;align-items:center;gap:12px;color:#9a9da2;font-size:11px;margin:25px 0}.field-divider:before,.field-divider:after{content:"";height:1px;background:var(--line);flex:1}.vault-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);margin:0 auto 20px}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;border-right:1px solid var(--line);background:#fafbfb;padding:25px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 10px 34px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{font-size:11px;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;height:43px;border:0;background:transparent;border-radius:5px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#555b60;text-align:left}.nav-item span:nth-child(2){flex:1}.nav-item em{font-style:normal;font-size:11px;background:#eceeef;padding:2px 7px;border-radius:10px}.nav-item:hover{background:#eef1f0}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto}.lock-status{border-top:1px solid var(--line);margin-top:12px;padding:18px 5px 0;display:flex;align-items:center;gap:9px}.lock-status>div{flex:1}.lock-status strong,.lock-status small{display:block;font-size:11px}.lock-status small{color:var(--muted);margin-top:4px}.pulse{width:8px;height:8px;border-radius:50%;background:#2eaa7b;box-shadow:0 0 0 4px #daf2e8}.icon-btn{width:36px;height:36px;border:0;background:transparent;border-radius:5px;display:grid;place-items:center;color:#62676d}.icon-btn:hover{background:#edf0ef}.workspace{grid-column:2;min-width:0}.topbar{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,54px);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.search-wrap{display:flex;align-items:center;gap:10px;width:min(480px,55%);color:#858a90}.search-wrap input{border:0;background:transparent;outline:0;flex:1;min-width:0}.search-wrap kbd{font:11px system-ui;border:1px solid #ddd;padding:3px 6px;border-radius:4px;color:#92969b}.content{padding:42px clamp(22px,4vw,54px) 70px}.content-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.content-heading h2{font-size:28px;margin:0 0 7px}.content-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.item-card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:18px;transition:.18s;min-width:0}.item-card:hover{border-color:#c7d2ce;box-shadow:0 8px 24px rgba(24,38,33,.07);transform:translateY(-1px)}.card-top{display:flex;align-items:center;gap:12px}.site-icon{width:42px;height:42px;border-radius:6px;background:#edf3f1;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:18px;text-transform:uppercase}.card-title{min-width:0;flex:1}.card-title strong,.card-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title small{color:var(--muted);margin-top:3px;font-size:11px}.star-btn{color:#a5a9ad}.star-btn.active{color:#d18a00}.data-row{display:flex;align-items:center;gap:8px;border-top:1px solid #f0f1f2;padding-top:12px;margin-top:14px;color:var(--muted);font-size:12px}.data-row code{font:12px "SFMono-Regular",Consolas,monospace;color:#34383c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.data-row .row-actions{display:flex}.mini-btn{border:0;background:transparent;color:#858a90;width:28px;height:28px;display:grid;place-items:center;border-radius:4px}.mini-btn:hover{background:#eff2f1;color:var(--green)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.tag{font-size:10px;background:#f0f2f2;color:#686e72;padding:4px 8px;border-radius:3px}.card-menu{display:flex}.empty-state{text-align:center;padding:100px 20px}.empty-icon{width:70px;height:70px;display:grid;place-items:center;background:#e8eeec;color:var(--green);border-radius:50%;margin:0 auto 20px}.empty-state h3{margin:0 0 9px}.empty-state p{color:var(--muted);margin:0 0 22px}.modal{border:0;border-radius:8px;padding:0;width:min(680px,calc(100% - 32px));max-height:90vh;box-shadow:var(--shadow);overflow:auto}.modal::backdrop,.confirm-dialog::backdrop{background:rgba(13,19,17,.56);backdrop-filter:blur(3px)}.modal form{margin:0}.modal-header{padding:24px 26px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:21px;margin:0}.form-grid{padding:23px 26px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .span-2{grid-column:span 2}.form-grid textarea{resize:vertical}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto}.check-row span{margin:0!important}.input-action{display:flex;border:1px solid #d9dcdf;border-radius:6px;overflow:hidden;background:#fff}.input-action:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,85,.1)}.input-action input{border:0!important;box-shadow:none!important}.input-action button{border:0;background:#fff;width:40px;color:#777}.modal-footer{padding:17px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.modal.narrow{width:min(560px,calc(100% - 32px))}.settings-section,.settings-row{padding:23px 26px;border-bottom:1px solid var(--line)}.settings-section h3,.settings-row h3{font-size:15px;margin:0 0 5px}.settings-section p,.settings-row p{font-size:12px;color:var(--muted);margin:0 0 18px}.settings-section form{background:#f7f8f8;padding:16px;border-radius:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-row p{margin:0}.confirm-dialog{border:0;border-radius:8px;width:min(390px,calc(100% - 32px));padding:30px;text-align:center;box-shadow:var(--shadow)}.confirm-dialog .confirm-icon{width:54px;height:54px;border-radius:50%;background:#fff0ef;color:var(--red);display:grid;place-items:center;margin:0 auto 16px}.confirm-dialog h3{margin:0 0 8px}.confirm-dialog p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 23px}.confirm-dialog>div:last-child{display:flex;justify-content:center;gap:9px}.toast{position:fixed;right:24px;bottom:24px;background:#202522;color:#fff;border-radius:6px;padding:12px 16px;font-size:13px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.toast.error{background:#8f211b}.mobile-only,.sidebar-backdrop{display:none}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.auth-shell{display:block}.brand-panel{min-height:auto;padding:28px 24px}.brand-panel>div:nth-child(2){margin:40px 0}.brand-panel h1{font-size:42px}.security-note{display:none}.auth-panel{padding:38px 24px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}.workspace{width:100%}.topbar{padding:0 16px;height:68px;gap:10px}.mobile-only{display:grid}.search-wrap{flex:1;width:auto}.search-wrap kbd{display:none}.topbar .primary{font-size:0;padding:11px}.topbar .primary svg{margin:0}.content{padding:30px 16px}.content-heading{align-items:flex-start}.view-actions{display:none}.item-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;padding:20px}.form-grid .span-2{grid-column:span 1}.modal-header,.modal-footer{padding-left:20px;padding-right:20px}}