:root{--ink:#173d32;--green:#205b49;--lime:#dff36a;--bg:#f4f2eb;--white:#fff;--line:#dde1db;--muted:#7a8982;--pink:#edb6a7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#163f34;color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:600 24px Playfair Display;padding:0 10px 35px}.logo>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--green);font-style:italic}.logo small{display:block;color:#8baaa0;font:700 7px Manrope;letter-spacing:2px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:none;color:#b9cec7;display:flex;align-items:center;gap:13px;border-radius:5px;padding:13px 14px;text-align:left;font:600 11px Manrope;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#28594b;color:white}.sidebar nav button.active{box-shadow:inset 3px 0 var(--lime)}.sidebar nav button>i{margin-left:auto;background:#ffffff15;border-radius:12px;padding:2px 7px;font-style:normal;font-size:8px}.side-bottom{margin-top:auto}.side-bottom>a{display:block;color:var(--lime);text-decoration:none;font-size:10px;padding:16px;border-bottom:1px solid #ffffff18}.admin-user{display:flex;gap:10px;align-items:center;padding:20px 9px 0}.admin-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9b09e;color:#58382e;font-size:10px;font-weight:700}.admin-user div{display:flex;flex-direction:column}.admin-user b{font-size:10px}.admin-user small{font-size:7px;color:#8baaa0;margin-top:3px}main{margin-left:235px;min-height:100vh;padding:0 42px 60px}header{height:110px;display:flex;align-items:center;justify-content:space-between}header .crumb{font-size:9px;color:#88958f}header h1{font:600 30px Playfair Display;margin:7px 0 0}.header-right{display:flex;align-items:center;gap:20px}.online{font-size:9px;color:#64746c}.online i{display:inline-block;width:6px;height:6px;background:#73b968;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #dbead7}.bell{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:white;position:relative}.bell i{position:absolute;width:6px;height:6px;background:#e57967;border:1px solid white;border-radius:50%;right:5px;top:5px}.page{display:none}.page.active{display:block}.welcome{background:var(--green);color:white;min-height:220px;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff10;border-radius:50%;right:-80px}.welcome span,.modal-head span{font-size:8px;letter-spacing:2px;color:var(--lime)}.welcome h2{font:600 40px Playfair Display;margin:10px 0}.welcome p{color:#b5cbc3;font-size:11px}.orb{width:105px;height:105px;border-radius:50%;background:var(--lime);color:var(--green);display:grid;place-items:center;font-size:25px;position:relative;z-index:1}.orb small{font:800 7px Manrope;letter-spacing:1px;color:var(--green);text-align:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);margin-bottom:22px}.stats article{padding:23px 27px;border-right:1px solid var(--line);display:flex;flex-direction:column}.stats article:last-child{border:0}.stats span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stats strong{font:600 28px Playfair Display;margin:7px 0 2px}.stats small{font-size:8px;color:#9ba49f}.stats .up{color:#4a936d}.overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.overview-grid>article,.table-card,.notice,.key-list{background:white;border:1px solid var(--line)}.card-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.card-head h3{font:600 17px Playfair Display;margin:0}.card-head button{border:0;background:none;color:var(--green);font:700 8px Manrope;cursor:pointer}.card-head>span{font-size:7px;background:#dff0d7;color:#3c7c55;padding:5px 8px;border-radius:12px}.activity ul{list-style:none;margin:0;padding:0 24px}.activity li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eef0ed}.activity li:last-child{border:0}.act{display:grid;place-items:center;width:31px;height:31px;border-radius:50%}.act.green{background:#dce9dd}.act.pink{background:#f4ded9}.act.yellow{background:#edf1c9}.activity li div{display:flex;flex-direction:column;flex:1}.activity li b{font-size:9px}.activity li small{font-size:7px;color:var(--muted);margin-top:4px}.activity li em{font-style:normal;font-size:8px;color:var(--muted)}.health-ring{width:125px;height:125px;border:10px solid #e6efdd;border-top-color:var(--lime);border-right-color:#7cad73;border-radius:50%;margin:24px auto;display:grid;place-items:center}.health-ring strong{font:600 28px Playfair Display}.health-ring sup{font-size:12px}.health-ring small{display:block;font:500 7px Manrope;color:var(--muted)}.health-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 22px;font-size:8px}.health-row b{color:#4c8263}.toolbar,.section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.search{background:white;border:1px solid var(--line);padding:0 14px;width:290px}.search input{border:0;outline:0;padding:12px 8px;width:90%;font:500 10px Manrope}.primary{border:0;background:var(--green);color:white;padding:12px 18px;border-radius:3px;font:700 9px Manrope;cursor:pointer}.table-card{overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:7px;letter-spacing:1px;color:#89968f;background:#fafaf7;padding:13px 18px}td{padding:15px 18px;border-top:1px solid #e9ece8;font-size:9px}.product-cell,.user-cell{display:flex;align-items:center;gap:12px}.product-cell>span{display:grid;place-items:center;width:38px;height:38px;background:#eee8df;font-size:22px}.product-cell div,.user-cell div{display:flex;flex-direction:column}.product-cell b,.user-cell b{font-size:10px}.product-cell small,.user-cell small{font-size:7px;color:var(--muted);margin-top:3px}.pill{font-size:7px;padding:5px 8px;border-radius:12px;background:#e0efe0;color:#37724e}.pill.off{background:#eee;color:#888}.actions{display:flex;gap:5px}.actions button{border:1px solid var(--line);background:white;width:28px;height:28px;cursor:pointer}.section-intro h2{font:600 28px Playfair Display;margin:0}.section-intro p{font-size:9px;color:var(--muted)}.kb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kb-card{background:white;border:1px solid var(--line);padding:22px;position:relative}.kb-card>span{font-size:7px;color:#618074;letter-spacing:1px}.kb-card h3{font:600 17px Playfair Display;margin:12px 0 8px}.kb-card p{font-size:9px;line-height:1.6;color:var(--muted);min-height:44px}.kb-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:7px;color:#84928c}.kb-card>button{position:absolute;right:16px;top:16px;border:0;background:none;cursor:pointer}.notice{padding:20px 24px;border-left:3px solid var(--lime);margin-bottom:18px}.notice b{font-size:10px}.notice p{font-size:8px;color:var(--muted);margin:5px 0 0}.key-list{margin-bottom:14px}.key-row{display:grid;grid-template-columns:1fr 1.4fr 100px 80px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);gap:20px}.key-row:last-child{border:0}.key-name{display:flex;align-items:center;gap:12px}.key-name>span{display:grid;place-items:center;width:35px;height:35px;border-radius:5px;background:#edf1e6}.key-name b,.key-name small{display:block}.key-name b{font-size:10px}.key-name small{font-size:7px;color:var(--muted);margin-top:3px}.secret{font:600 9px monospace;background:#f4f4ef;padding:10px}.outline,.ghost{background:white;border:1px solid var(--line);padding:11px 17px;font:700 9px Manrope;cursor:pointer}.user-cell>span{display:grid;place-items:center;width:32px;height:32px;background:#e1e9df;border-radius:50%;font-size:9px;font-weight:700}.modal-wrap{display:none;position:fixed;inset:0;background:#102d2777;z-index:20;align-items:center;justify-content:center;padding:30px}.modal-wrap.open{display:flex}.modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:white;box-shadow:0 30px 80px #0c291f55}.modal-head{display:flex;justify-content:space-between;align-items:start;padding:26px 30px;border-bottom:1px solid var(--line)}.modal-head span{color:#638176}.modal-head h2{font:600 25px Playfair Display;margin:7px 0 0}.modal-head button{border:0;background:none;font-size:25px;cursor:pointer}.modal form{padding:25px 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.field input,.field select,.field textarea{border:1px solid var(--line);padding:11px;font:500 10px Manrope;outline:0}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px}.toast{position:fixed;right:25px;bottom:25px;background:var(--green);color:white;padding:14px 20px;font-size:9px;transform:translateY(100px);transition:.3s;z-index:30}.toast.show{transform:none}@media(max-width:900px){.sidebar{width:72px}.logo span,.sidebar nav span,.sidebar nav i,.side-bottom{display:none}.logo{padding-left:0}.sidebar nav button{justify-content:center;font-size:16px}main{margin-left:72px;padding:0 18px 40px}.stats{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.kb-grid{grid-template-columns:1fr}.key-row{grid-template-columns:1fr}.key-row>*{margin:0}.table-card{overflow:auto}table{min-width:750px}}@media(max-width:560px){header{height:90px}.online{display:none}.welcome{padding:28px}.orb{display:none}.stats{grid-template-columns:1fr 1fr}.stats article{padding:17px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}