*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root>div{width:100%}:root{--primary:#4F6EF7;--primary-light:rgba(79,110,247,.1);--glass:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.9);--sidebar-w:220px;--text-1:#1a1d2e;--text-2:#5a6072;--text-3:#9aa0b4;--border:rgba(0,0,0,.07);--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb}body{font-family:Inter,-apple-system,sans-serif;background:linear-gradient(135deg,#e8f0fe,#f0f4ff,#e8f8f0);min-height:100vh;color:var(--text-1);font-size:14px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(79,110,247,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(99,153,34,.08) 0%,transparent 70%)}#root{position:relative;z-index:1;display:flex;min-height:100vh}.glass{background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:.5px solid var(--glass-border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #4f6ef74d}.btn-primary:hover{background:#3d5ce8;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-2);border:.5px solid var(--border)}.btn-ghost:hover{background:var(--primary-light);color:var(--primary)}.card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 24px #4f6ef714}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500}.badge-success{background:#eaf3de;color:#3b6d11}.badge-warning{background:#faeeda;color:#854f0b}.badge-danger{background:#fcebeb;color:#a32d2d}.badge-info{background:#e6f1fb;color:#185fa5}.badge-gray{background:#f1f5f9;color:#64748b}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);background:#00000005;border-bottom:.5px solid var(--border)}tbody td{padding:11px 16px;border-bottom:.5px solid var(--border);color:var(--text-1);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#4f6ef708}.form-input{width:100%;padding:9px 12px;border:.5px solid var(--border);border-radius:8px;background:#ffffffd9;font-size:13px;font-family:inherit;color:var(--text-1);outline:none;transition:all .15s}.form-input:focus{border-color:#4f6ef780;box-shadow:0 0 0 3px #4f6ef71a;background:#fff}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-right:.5px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-2);transition:all .15s;text-decoration:none;margin-bottom:1px}.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:500}.main-area{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:90;height:56px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid var(--glass-border);display:flex;align-items:center;padding:0 20px;gap:12px}.page-content{padding:20px;flex:1;max-width:100%}@media (min-width:769px){.sidebar{transform:none!important;display:flex!important}.main-area{margin-left:var(--sidebar-w)!important}#hamburger{display:none!important}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)!important}.main-area{margin-left:0!important}#hamburger{display:flex!important}.page-content{padding:12px}.topbar{padding:0 12px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.card table{min-width:500px}.card div[style*=overflowX]{overflow-x:auto!important}table thead th:nth-child(5),table tbody td:nth-child(5){display:none}div[style*="gridTemplateColumns: 1fr 1fr"],div[style*="gridTemplateColumns:'1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="repeat(4,1fr)"],div[style*="repeat(3,1fr)"],div[style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important}.card{border-radius:12px}.btn{padding:7px 12px;font-size:12px}.btn-primary{box-shadow:0 2px 6px #4f6ef740}div[style*="maxWidth:440"],div[style*="maxWidth:560"],div[style*="maxWidth:600"]{max-width:100%!important;margin:0!important;border-radius:16px!important}div[style*="210mm"]{width:100%!important;padding:20px!important}}@media (max-width:480px){.page-content{padding:8px}.topbar{height:50px}div[style*="repeat(2,1fr)"]{grid-template-columns:1fr!important}div[style*="fontSize:24"]{font-size:18px!important}div[style*="fontSize:20"]{font-size:16px!important}}html{scroll-behavior:auto!important}button{scroll-margin:0}@media (max-width:639px){.form-grid-2{grid-template-columns:1fr!important}.form-grid-2>div[style*=gridColumn]{grid-column:1/-1!important}.item-grid{grid-template-columns:1fr 56px 80px 28px!important}.item-total{display:none!important}.mobile-item-total{display:block!important}.desktop-table{display:none!important}.mobile-cards{display:block!important}.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr)!important}.bank-grid{grid-template-columns:1fr 1fr!important}.recharts-responsive-container{height:160px!important}}@media (min-width:640px){.desktop-table{display:block!important}.mobile-cards{display:none!important}}