:root{--bg:#f5f6f3;--panel:#fff;--ink:#17211b;--muted:#778078;--line:#e7eae5;--green:#315d46;--green2:#eaf1eb;--dark:#101812;--shadow:0 18px 50px #17211b12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fbfcfa;border-right:1px solid var(--line);padding:27px 17px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:750;letter-spacing:-.6px;margin:0 10px 48px}.brand small{display:block;color:#929b93;font-size:8px;letter-spacing:1.7px;font-weight:700;margin-top:1px}.brand-mark{height:34px;width:34px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px;font-weight:400}.side-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#a0a79f;padding:0 12px 12px}.nav{border:0;background:transparent;color:#647067;width:100%;padding:10px 12px;text-align:left;border-radius:8px;display:flex;gap:12px;align-items:center;font:inherit;cursor:pointer;margin:2px 0}.nav:hover,.nav.active{background:#edf2ed;color:var(--green)}.nav.active{font-weight:650}.nav b{margin-left:auto;font-size:11px;color:#89958b}.nav span{font-size:17px}.categories-label{margin-top:35px}.category{font-size:13px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue{background:#6e9ac4}.violet{background:#9a83c2}.green{background:#70a681}.orange{background:#d49a68}.sidebar-bottom{margin-top:auto}.local-status{border-top:1px solid var(--line);padding:18px 10px;display:flex;gap:10px;align-items:center}.local-status b,.local-status small{display:block}.local-status b{font-size:11px}.local-status small{font-size:10px;color:var(--muted)}.pulse{width:7px;height:7px;border-radius:50%;background:#65a879;box-shadow:0 0 0 4px #65a87920}.main{flex:1;min-width:0}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;background:#fbfcfa}.breadcrumb{font-size:12px;color:#8b958c}.breadcrumb span{padding:0 9px;color:#c1c7c0}.breadcrumb b{color:#344238;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.offline-pill{font-size:10px;color:#567b60;background:#edf5ee;padding:6px 10px;border-radius:30px}.offline-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70a77a;margin-right:5px}.avatar{width:30px;height:30px;border:1px solid #dce4dc;border-radius:50%;background:#eaf1eb;color:var(--green);font-weight:700}.content{max-width:1120px;margin:auto;padding:54px 5.2% 70px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#8d9a8e;margin:0 0 11px}.welcome-row h1,.gate h1{font-family:Georgia,serif;font-size:42px;line-height:1.08;letter-spacing:-1.5px;font-weight:400;margin:0}.period{color:#78a181}.subheading{color:#8a948c;margin:12px 0 0;font-size:13px}.primary,.secondary{border:0;border-radius:7px;padding:11px 16px;font:600 12px inherit;cursor:pointer;transition:.15s}.primary{background:var(--green);color:white;box-shadow:0 4px 12px #315d4620}.primary:hover{background:#254a36;transform:translateY(-1px)}.secondary{background:#f0f3ef;color:#405347;border:1px solid #e4e9e3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:36px 0 34px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 19px;display:flex;align-items:center;gap:13px}.stat-icon{width:35px;height:35px;background:#f0f4ef;border-radius:9px;display:grid;place-items:center;color:var(--green);font-size:18px}.stat-card small{display:block;color:#9aa39b;font-size:8px;font-weight:800;letter-spacing:1.3px}.stat-card strong{display:block;font-size:17px;margin-top:3px}.stat-card .secure-label{font-size:12px;color:#4c7959}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:17px}.search-wrap{height:40px;max-width:440px;flex:1;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#8e998f}.search-wrap span{font-size:21px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 12px;color:#68736a;font:inherit;font-size:11px}.items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;display:flex;align-items:center;gap:13px;min-width:0;transition:.15s}.item-card:hover{border-color:#cbd8cc;box-shadow:var(--shadow);transform:translateY(-1px)}.site-icon{height:39px;width:39px;flex-shrink:0;border-radius:10px;background:#eff3ef;color:#476b50;display:grid;place-items:center;font-size:16px;font-weight:700}.item-info{min-width:0;flex:1}.item-info h3{font-size:12px;margin:0 0 3px;font-weight:700}.item-info p{font-size:10px;color:#929b93;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{font-size:9px;color:#a1aaa1;margin-top:7px}.item-actions{display:flex;gap:4px;align-items:center}.icon-btn{border:0;background:transparent;color:#8b968d;cursor:pointer;font-size:17px;padding:5px;border-radius:5px}.icon-btn:hover{background:#f0f3ef;color:var(--green)}.favorite{color:#c49a4f}.empty{text-align:center;padding:65px 20px;display:none}.empty.show{display:block}.empty-icon{font-family:Georgia;font-size:43px;color:#94ad98}.empty h2{font:24px Georgia;margin:12px 0 5px}.empty p{color:#89948b;font-size:12px;margin:0 0 18px}.gate{position:fixed;inset:0;background:#101812;display:grid;place-items:center;z-index:20;padding:20px}.gate.hidden{display:none}.gate-card{width:min(100%,420px);color:#f5f7f3}.gate-brand{margin:0 0 52px;color:#f5f7f3}.gate-brand .brand-mark{background:#456c50}.gate .eyebrow{color:#9bb49e}.gate h1{font-size:47px}.gate-copy{color:#a8b3aa;font-size:13px;line-height:1.7;margin:17px 0 30px;max-width:360px}.gate label,.modal label{display:block;font-size:10px;font-weight:700;color:inherit;margin:0 0 8px}.gate input{width:100%;height:46px;border:1px solid #344239;background:#1a251d;border-radius:7px;color:#fff;padding:0 13px;outline:none;font:inherit;margin-top:8px}.gate input:focus{border-color:#8cae91}.gate-hint{color:#87948a;font-size:10px;margin:9px 0 18px}.full{width:100%;height:46px;text-align:left;display:flex;justify-content:space-between;align-items:center}.gate-foot{display:flex;align-items:center;gap:10px;color:#7f8d82;font-size:10px;margin-top:34px}.modal-backdrop{position:fixed;inset:0;background:#10181288;z-index:30;display:none;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-backdrop.open{display:flex}.modal{background:#fff;width:min(100%,540px);border-radius:13px;padding:25px;box-shadow:0 25px 80px #0003;max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font:27px Georgia;margin:0}.modal label{color:#5f6c62;margin:13px 0;font-size:10px}.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid #e2e8e1;border-radius:6px;padding:10px 11px;margin-top:6px;font:12px inherit;color:#26332a;background:#fff;outline:none}.modal input:focus,.modal textarea:focus{border-color:#8eae94}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-field{display:flex;align-items:center}.password-field input{flex:1}.password-field button{border:0;background:transparent;color:#67816c;margin:6px 0 0 -48px;z-index:1;font-size:10px;cursor:pointer}.generator-row{display:flex;justify-content:space-between;align-items:center;margin-top:-5px}.text-btn{border:0;background:transparent;color:#4d7957;font-size:10px;font-weight:700;cursor:pointer;padding:0}.generator-row span,.tiny{font-size:9px;color:#98a198}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.settings-modal{width:min(100%,590px)}.setting-section{border-top:1px solid var(--line);padding:17px 0}.setting-section h3{font-size:12px;margin:0 0 5px}.setting-section p{font-size:10px;color:#879188;line-height:1.6;margin:0 0 12px}.sync-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.file-button{display:inline-flex;align-items:center;padding:10px 13px;border-radius:7px;background:#f0f3ef;color:#405347;font-size:11px;font-weight:600;cursor:pointer}.file-button input{display:none}.danger-text{border:0;background:transparent;color:#b45e56;padding:5px 0;font-size:10px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#17241b;color:white;padding:10px 16px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.sidebar{width:205px}.content{padding-top:38px}.items-grid{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{width:58px;padding:18px 7px}.brand{margin:0 5px 35px}.brand>span:last-child,.side-label,.nav:not(.active),.nav b,.local-status span:last-child{display:none}.nav{justify-content:center;padding:11px 5px;font-size:0}.nav span{font-size:18px}.sidebar-bottom .nav{font-size:0}.local-status{justify-content:center;padding:16px 0}.content{padding:32px 18px}.topbar{padding:0 18px;height:60px}.welcome-row h1{font-size:34px}.welcome-row{align-items:flex-start;gap:12px}.welcome-row .primary{white-space:nowrap;padding:10px}.stats{gap:7px;margin:25px 0}.stat-card{padding:12px 9px;gap:7px}.stat-icon{display:none}.stat-card small{font-size:7px}.stat-card strong{font-size:14px}.form-row{grid-template-columns:1fr}.modal{padding:20px}.offline-pill{font-size:0}.offline-pill i{margin:0}.gate h1{font-size:42px}}