:root{--sidebar-bg: #0f3833;--sidebar-hover: #174f49;--sidebar-active: #1d5f58;--main-bg: #f3f6f6;--card-bg: #ffffff;--primary-color: #0d5c53;--accent-color: #28a745;--text-dark: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb;--sidebar-width: 240px}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;padding:0;background-color:var(--main-bg);color:var(--text-dark)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;transition:transform .2s ease;z-index:20}.brand{padding:20px 15px;font-size:1.1rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:5px}.brand span{color:#86efac;font-weight:400;font-size:.85rem}.nav-list{list-style:none;padding:10px 0;margin:0;flex-grow:1;overflow-y:auto}.nav-item{padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:.88rem;cursor:pointer;color:#d1d5db;transition:background .2s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background-color:var(--sidebar-hover);color:#fff}.nav-item.active{background-color:var(--sidebar-active);color:#fff;font-weight:700;border-left:4px solid #34d399}.main-wrapper{flex-grow:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh}.top-bar{background:#fff;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border-color);font-size:.85rem}.badge{background:#155e75;color:#fff;padding:3px 8px;border-radius:12px;font-size:.75rem}.hamburger{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-dark);padding:4px 8px}.content-area{padding:30px;flex-grow:1}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px}.card{background:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.card-title{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.card-value{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.panel{background:#fff;padding:20px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:25px;overflow-x:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.panel-header h3{margin:0;color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:15px}input,select,button{padding:8px 12px;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;width:100%}button{cursor:pointer}button.btn-primary{background-color:var(--primary-color);color:#fff;border:none;font-weight:700}button.btn-primary:hover{background-color:#09403a}button.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}button.btn-danger{background-color:#dc2626;color:#fff;border:none}table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:10px}th,td{border:1px solid var(--border-color);padding:8px 12px}th{background-color:#f9fafb;text-align:left;color:var(--text-muted)}.text-right{text-align:right}.statement-table{width:100%;border-collapse:collapse;font-size:.9rem}.statement-table td{padding:10px 15px;border-bottom:1px solid var(--border-color)}.statement-section{font-weight:700;background-color:#f8fafc;color:var(--primary-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.statement-grandtotal{font-weight:700;font-size:1rem;border-top:2px solid #1f2937;border-bottom:4px double #1f2937;background-color:#f0fdf4}.balance-badge-ok{color:#16a34a;font-weight:700;background:#dcfce7;padding:4px 10px;border-radius:4px;font-size:.8rem;display:inline-block}.balance-badge-error{color:#dc2626;font-weight:700;background:#fee2e2;padding:4px 10px;border-radius:4px;font-size:.8rem;display:inline-block}.muted{color:var(--text-muted)}.error-text{color:#b3261e}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--main-bg);padding:20px}.auth-card{background:#fff;padding:30px;border-radius:8px;border:1px solid var(--border-color);width:100%;max-width:380px}.sidebar-overlay{display:none}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:2px 0 12px #00000040}.main-wrapper{margin-left:0}.hamburger{display:inline-block}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:15}.content-area{padding:16px}.top-bar{padding:12px 16px}table{font-size:.78rem}th,td{padding:6px 8px}}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}.card-value{font-size:1.2rem}}