:root{font-family:Inter,system-ui,Arial,sans-serif;color:#233124;background:#f6f2e9}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}aside{width:280px;background:#273b2a;color:#fff;padding:28px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:26px;font-weight:800;margin-bottom:8px}aside p{color:#d8e3d2;margin-bottom:20px;line-height:1.4}aside button{display:block;width:100%;border:0;border-radius:14px;margin:8px 0;padding:13px 16px;text-align:left;background:transparent;color:#fff;font-weight:700;cursor:pointer}.active,aside button:hover{background:#486a3f}main{flex:1;padding:28px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}h1{font-size:34px;margin:0}h2{margin-top:18px}.badge{background:#e9dcc2;color:#5a3d1f;padding:10px 14px;border-radius:999px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.card,.form,.panel{background:#fff;border:1px solid #e4dccb;box-shadow:0 10px 24px #0000000d;border-radius:22px;padding:20px}.card small{display:block;color:#71806d}.card strong{font-size:25px;display:block;margin-top:8px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:#586452;gap:6px}input,select{padding:12px;border:1px solid #d8d0bf;border-radius:12px;background:#fff;font-size:15px}button{padding:12px 18px;border-radius:12px;border:0;background:#815b32;color:#fff;font-weight:800;cursor:pointer}.danger{background:#9b2c2c;padding:8px 10px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.tabs button{background:#fff;color:#273b2a;border:1px solid #e4dccb}.tabs .activeTab{background:#273b2a;color:#fff}.table{overflow:auto;background:#fff;border-radius:18px;border:1px solid #e4dccb;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #eee7d9;text-align:left;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}th{text-transform:capitalize;color:#53614d;background:#fbf8f0}.error{background:#ffe4e1;color:#8a231d;padding:12px;border-radius:12px;margin-bottom:12px;white-space:pre-wrap}.empty{background:#fff;padding:20px;border-radius:16px}code{display:block;background:#273b2a;color:#fff;padding:14px;border-radius:12px;margin:8px 0;white-space:pre-wrap}@media(max-width:900px){.app{display:block}aside{width:auto;height:auto;position:relative}.grid{grid-template-columns:1fr}main{padding:16px}header{display:block}}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f6f2e9,#e9dcc2)}.loginCard{width:min(520px,100%);background:#fff;border:1px solid #e4dccb;border-radius:26px;padding:28px;box-shadow:0 20px 50px #0000001a}.loginCard h1{margin-bottom:10px}.loginCard form{display:grid;gap:14px}.loginCard button{width:100%}.topControls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.propertySelect{min-width:260px;background:#fff;padding:10px;border-radius:16px;border:1px solid #e4dccb}.propertySelect select{margin-top:4px}.form h2:first-child{margin-top:0}.statPanel{display:flex;flex-direction:column;gap:10px}.rangeControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.rangeControls strong{grid-column:1/-1;font-size:13px;margin:0}.rangeControls label{font-size:11px}.rangeControls input{padding:8px;font-size:12px}.rangeControls small{grid-column:1/-1;color:#777}.panel{margin-top:18px}
