:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#26352f;background:#f5f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#1c302a;color:#d2ded6;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 35px;color:white;font-weight:700;letter-spacing:.14em;font-size:19px}.brand-mark{width:35px;height:35px;border:1px solid #b7cba7;display:grid;place-items:center;border-radius:10px;color:#d7e5ca}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:#9eafa5;margin-top:4px;font-weight:500}.nav-label{font-size:10px;letter-spacing:.15em;color:#80988a;padding:12px 12px}.nav button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;color:#aebfb5;padding:12px;border-radius:8px;font-size:14px}.nav button.active,.nav button:hover{background:#344b40;color:white}.nav svg,.icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;border-top:1px solid #405249;padding:20px 10px 0;font-size:12px;color:#93a99b}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid #e7eae3;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff}.topbar span{font-size:13px;color:#7f8b82}.user{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{width:34px;height:34px;background:#e8eee4;border-radius:50%;display:grid;place-items:center;color:#3e634c;font-weight:700}.content{max-width:1440px;margin:auto;padding:39px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#8b9d8d;text-transform:uppercase}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-family:Georgia,serif;font-weight:400;font-size:36px;letter-spacing:-.035em;margin:9px 0;color:#243a30}h2{font-family:Georgia,serif;font-weight:400;font-size:22px;margin:0}.muted{color:#89958c;font-size:14px;line-height:1.5}.primary,.secondary,.danger{border:0;border-radius:8px;padding:12px 17px;font-size:13px;font-weight:600}.primary{background:#355e46;color:#fff}.primary:hover{background:#284c37}.secondary{background:#f1f4ef;color:#41584a}.danger{background:#faeeea;color:#a34a3e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.card,.panel{background:#fff;border:1px solid #e6ebe3;border-radius:12px}.card{padding:22px}.card-head{display:flex;justify-content:space-between;color:#75867a;font-size:13px}.card .icon{color:#6b8c71;background:#f1f5ef;padding:8px;border-radius:8px}.metric{font-family:Georgia,serif;font-size:36px;margin:17px 0 5px;color:#263e31}.card small{color:#9ca89d}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head p{margin:5px 0 0}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.empty{text-align:center;padding:55px 20px;color:#89978a}.empty .icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:14px;background:#f2f5ef;color:#829c80}.empty strong{display:block;color:#4e6053;font-size:14px;margin-bottom:6px}.empty p{font-size:13px;margin:0}.quick{display:grid;gap:10px}.quick button{text-align:left;border:1px solid #e9eee7;background:#fff;border-radius:9px;padding:15px;color:#40584a}.quick button:hover{background:#f7faf6}.quick b{display:block;font-size:13px}.quick small{display:block;color:#98a49a;margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:600;color:#9aa79c;border-bottom:1px solid #edf0eb;padding:13px 10px}td{border-bottom:1px solid #f1f3ef;padding:16px 10px;color:#59695d}td:first-child{font-weight:600;color:#304a39}.badge{display:inline-block;border-radius:30px;padding:6px 10px;background:#eef4eb;color:#648064;font-size:12px;white-space:nowrap}.row-button{border:0;background:none;color:#50775b;font-size:13px}.search{border:1px solid #e1e8df;background:#fff;border-radius:8px;padding:11px 14px;min-width:240px;outline:none}.search:focus,input:focus,textarea:focus,select:focus{border-color:#7da083}.overlay{position:fixed;inset:0;background:#17271fc0;display:grid;place-items:center;padding:20px;z-index:3}.modal{background:white;border-radius:15px;width:min(640px,100%);max-height:90vh;overflow:auto;padding:28px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.close{background:none;border:0;font-size:25px;color:#829086}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;font-size:12px;font-weight:600;color:#5f7163}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6dc;border-radius:8px;padding:11px;color:#293e31;background:white;outline:none}.field textarea{min-height:85px;resize:vertical}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.actions-right{display:flex;gap:8px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#203b2e;color:#e0eadc;padding:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #688574;border-radius:50%;right:-200px;bottom:-180px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff08}.login-art h1{color:#fff;font-size:50px;max-width:500px}.login-art p{max-width:420px;color:#b7caba;line-height:1.7}.login-box{display:grid;place-items:center;padding:30px;background:#fafbf8}.login-form{width:min(390px,100%)}.login-form h1{font-size:34px}.login-form form{display:grid;gap:17px;margin-top:30px}.login-form .primary{width:100%;margin-top:5px;padding:14px}.error{color:#ad4d3f;font-size:13px;min-height:20px}#toast{position:fixed;right:25px;bottom:25px;background:#233e2e;color:white;padding:13px 18px;border-radius:8px;display:none;z-index:5}.loading{padding:40px;color:#809283}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.shell{grid-template-columns:75px 1fr}.brand{padding:0 2px 30px}.brand-text,.nav-label,.nav button span,.sidebar-bottom{display:none}.nav button{justify-content:center}.sidebar{padding:25px 12px}.topbar{padding:0 20px}.content{padding:28px 20px}}@media(max-width:600px){.login-page{grid-template-columns:1fr}.login-art{display:none}.stats{gap:10px}.card{padding:15px}.metric{font-size:30px}.heading{align-items:start;flex-direction:column}h1{font-size:30px}.panel{padding:16px}.panel-head{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
