:root{--bg: #f1f3f2;--surface: #f8faf8;--card: #ffffff;--surface-soft: #edf2ef;--text: #0f1f19;--text-muted: #728178;--primary: #0d6b45;--primary-strong: #075535;--primary-soft: #e1f5eb;--danger: #c73434;--border: #dde4df;--shadow-sm: 0 2px 8px rgba(19, 31, 23, .06);--shadow-md: 0 14px 38px rgba(19, 31, 23, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Poppins,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(17,125,80,.08),transparent 30%),radial-gradient(circle at 90% 100%,rgba(17,125,80,.07),transparent 30%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:4.6rem .8rem 1rem}.desktop-topbar{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;box-shadow:var(--shadow-sm)}.top-search{flex:1;background:var(--card);border:1px solid var(--border);border-radius:9px;color:var(--text-muted);padding:.7rem .85rem;font-size:.92rem}.top-actions{display:flex;align-items:center;gap:.45rem}.icon-btn{width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer}.profile-chip{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:8px;padding:.35rem .6rem .35rem .35rem;background:var(--card)}.profile-avatar{width:1.8rem;height:1.8rem;border-radius:999px;background:linear-gradient(145deg,#1b8f5f,#0d6b45);color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:800}.profile-name{font-size:.8rem;font-weight:700}.profile-sub{font-size:.72rem;color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.95rem}.brand{font-weight:800;letter-spacing:.1px;font-size:1.09rem}.page-title{font-size:clamp(1.3rem,2vw,1.95rem)}.page-subtitle{margin-top:.2rem;color:var(--text-muted);font-size:.9rem}.panel,.card{background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-sm)}.panel{padding:1rem}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.card{padding:.95rem;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -20% -55% auto;width:140px;height:140px;background:radial-gradient(circle,rgba(13,107,69,.15) 0%,transparent 65%)}.card-primary{background:linear-gradient(145deg,#0d6b45,#14915d);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.card-primary .card-label,.card-primary .card-value{color:#fff}.card-label{font-size:.82rem;color:var(--text-muted);margin-bottom:.35rem;position:relative;z-index:1}.card-value{font-weight:800;font-size:1.18rem;letter-spacing:.1px;position:relative;z-index:1}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:8px;padding:.64rem .75rem;color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid #d3ebdf;border-color:#a2cfb9}.textarea{resize:vertical;min-height:95px}.btn{border:none;border-radius:8px;padding:.62rem .95rem;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(140deg,var(--primary),#1c8d5f);color:#fff;box-shadow:0 8px 20px #0d6b453b}.btn-primary:hover{background:linear-gradient(140deg,var(--primary-strong),#17784f)}.btn-muted{background:var(--surface-soft);color:var(--text)}.btn-danger{background:#feeaea;color:var(--danger)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px}.table{width:100%;border-collapse:collapse;min-width:690px;background:#fff}.table th,.table td{text-align:left;padding:.75rem;border-bottom:1px solid #edf2ef;font-size:.91rem}.table th{color:var(--text-muted);font-weight:700;background:#fbfdfb}.actions{display:flex;gap:.35rem;flex-wrap:wrap}.mobile-only{display:block}.desktop-only{display:none}.mobile-list{display:grid;gap:.7rem}.mobile-item{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.85rem;box-shadow:var(--shadow-sm)}.mobile-item-title{font-weight:800;margin-bottom:.55rem}.mobile-item-row{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:.38rem;color:var(--text-muted);font-size:.9rem}.mobile-item-row strong{color:var(--text);text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a150f59;display:grid;place-items:center;padding:1rem;z-index:100}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:1rem;box-shadow:var(--shadow-md)}.form-grid{display:grid;gap:.75rem}.form-row{display:grid;gap:.4rem}.label{font-size:.86rem;color:var(--text-muted)}.error{color:var(--danger);font-size:.8rem}.mobile-topbar{position:fixed;top:0;left:0;right:0;height:3.7rem;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.8rem;padding:0 .8rem;z-index:210}.hamburger-btn{border:1px solid var(--border);border-radius:8px;background:#fff;width:2.2rem;height:2.2rem;font-size:1.05rem;cursor:pointer}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c140e66;z-index:300}.mobile-drawer{width:min(300px,82vw);height:100%;background:#fff;border-right:1px solid var(--border);padding:1rem;animation:drawer-in .2s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.brand-wrap{display:flex;align-items:center;gap:.45rem}.brand-mark{width:1.6rem;height:1.6rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:.9rem;font-weight:700}.menu-label{margin-top:1.2rem;margin-bottom:.35rem;font-size:.72rem;letter-spacing:.9px;color:var(--text-muted);font-weight:700}.side-nav,.drawer-nav{display:grid;gap:.33rem}.side-nav a,.drawer-nav a{padding:.67rem .72rem;border-radius:9px;color:#51675a;font-weight:700;display:flex;align-items:center;gap:.58rem}.menu-icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center}.menu-icon svg{width:100%;height:100%}.side-nav a.active,.drawer-nav a.active{background:var(--primary-soft);color:var(--primary)}.side-foot{margin-top:.5rem;font-size:.78rem;color:var(--text-muted);line-height:1.4}.dashboard-grid{margin-top:.9rem;display:grid;gap:.75rem;grid-template-columns:1fr}.trend-chip{margin-top:.55rem;font-size:.76rem;border-radius:8px;padding:.3rem .55rem;background:var(--primary-soft);color:var(--primary);display:inline-block}.progress-strip{margin-top:.7rem;width:100%;height:10px;border-radius:8px;background:#ecf2ed;overflow:hidden}.progress-strip>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#15915e,#0d6b45)}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.kpi-mini{border-radius:9px;padding:.75rem;border:1px solid var(--border);background:#fbfdfb}.client-pie-layout{margin-top:.35rem;display:grid;gap:.9rem}.pie-chart{width:180px;height:180px;border-radius:999px;margin:.25rem auto .1rem;display:grid;place-items:center}.pie-chart-inner{width:62%;height:62%;border-radius:999px;background:#fff;border:1px solid var(--border);display:grid;place-items:center;text-align:center;padding:.35rem}.pie-legend{display:grid;gap:.45rem}.pie-legend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.86rem}.pie-dot{width:.72rem;height:.72rem;border-radius:999px}.pie-name{color:#304138;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-value{color:var(--text-muted);font-weight:600}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.pin-wrapper{min-height:100vh;display:grid;place-items:center;padding:1rem}.pin-card{width:min(430px,100%)}@media(min-width:900px){.app-shell{grid-template-columns:265px 1fr;padding:.9rem;gap:.8rem}.sidebar{display:block;position:sticky;top:.9rem;align-self:start;height:calc(100vh - 1.8rem);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.main-content{padding:0}.mobile-topbar{display:none}.desktop-only{display:block}.mobile-only{display:none}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:2fr 1.2fr}.client-pie-layout{grid-template-columns:auto 1fr;align-items:center}.pie-chart{margin:0}}