.dw-shell{zoom:.8;--bg:#fffcf7;--surface:#f5f0e8;--surface2:#ede6d8;--border:#00000012;--indigo:#6366f1;--purple:#8b5cf6;--green:#059669;--amber:#d97706;--red:#dc2626;--t1:#1a1510;--t2:#6b6257;--t3:#a89d8f;font-family:var(--font-jakarta), sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;display:flex}.dw-shell .sidebar{z-index:100;background:#1a1510;flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.dw-shell .sidebar-logo{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.dw-shell .sidebar-logo-icon{background:linear-gradient(135deg, var(--indigo), var(--purple));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dw-shell .sidebar-logo-text{color:#fff;letter-spacing:-.3px;font-size:13px;font-weight:800}.dw-shell .sidebar-logo-sub{color:#ffffff61;text-transform:uppercase;letter-spacing:.9px;font-size:9px;font-weight:500}.dw-shell .sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.dw-shell .sidebar-section-label{color:#ffffff47;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px 8px;font-size:9px;font-weight:700}.dw-shell .nav-item{cursor:pointer;color:#ffffff8c;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.dw-shell .nav-item:hover{color:#ffffffd9;background:#ffffff0f}.dw-shell .nav-item.active{color:var(--indigo);background:#6366f138;font-weight:700}.dw-shell .nav-item svg{opacity:.6;flex-shrink:0}.dw-shell .nav-item.active svg{opacity:1}.dw-shell .nav-badge{background:var(--indigo);color:#fff;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.dw-shell .sidebar-footer{border-top:1px solid #ffffff12;padding:14px}.dw-shell .sidebar-user{align-items:center;gap:10px;display:flex}.dw-shell .sidebar-avatar{background:#6366f159;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.dw-shell .sidebar-user-name{color:#fff;font-size:12px;font-weight:700}.dw-shell .sidebar-user-school{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dw-shell .sidebar-backdrop{z-index:90;background:#0006;border:none;padding:0;display:none;position:fixed;inset:0}.dw-shell .sidebar-backdrop.show{display:block}.dw-shell .main{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex}.dw-shell .header{border-bottom:1px solid var(--border);z-index:50;background:#fff;align-items:center;gap:14px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.dw-shell .header-title{flex:1;min-width:0}.dw-shell .header-title h1{color:var(--t1);letter-spacing:-.3px;font-size:16px;font-weight:800}.dw-shell .header-title p{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.dw-shell .header-search{background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;gap:7px;padding:7px 14px;display:flex}.dw-shell .header-search input{color:var(--t1);background:0 0;border:none;outline:none;width:180px;font-family:inherit;font-size:12px}.dw-shell .header-search input::placeholder{color:var(--t3)}.dw-shell .header-avatar{background:linear-gradient(135deg, var(--indigo), var(--purple));cursor:pointer;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.dw-shell .sidebar-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:none}.dw-shell .content{flex:1;padding:28px}.dw-shell .card{border:1px solid var(--border);background:#fff;border-radius:14px}.dw-shell .card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dw-shell .card-header h2{color:var(--t1);font-size:13px;font-weight:800}.dw-shell .card-body{padding:20px}.dw-shell .kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.dw-shell .kpi-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.dw-shell .kpi-card:after{content:"";background:var(--accent-color,var(--indigo));opacity:.08;border-radius:32px;width:64px;height:64px;position:absolute;top:-14px;right:-14px}.dw-shell .kpi-label{color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:10px;font-weight:700}.dw-shell .kpi-value{color:var(--t1);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800}.dw-shell .kpi-delta{align-items:center;gap:5px;font-size:11px;display:flex}.dw-shell .kpi-delta .up{color:var(--green);font-weight:700}.dw-shell .kpi-delta .down{color:var(--red);font-weight:700}.dw-shell .kpi-delta .neutral{color:var(--t2)}.dw-shell .kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:18px;right:20px}.dw-shell .btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.dw-shell .btn:hover{opacity:.85}.dw-shell .btn-primary{background:var(--indigo);color:#fff}.dw-shell .btn-outline{background:var(--surface);color:var(--t2);border:1px solid var(--border)}.dw-shell .btn-danger{color:var(--red);background:#dc26261a}.dw-shell .btn-sm{border-radius:6px;padding:4px 10px;font-size:11px}.dw-shell .btn:disabled{opacity:.5;cursor:not-allowed}.dw-shell .badge{text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.dw-shell .badge-active{color:var(--green);background:#0596691a}.dw-shell .badge-low{color:var(--amber);background:#d977061a}.dw-shell .badge-frozen,.dw-shell .badge-debit{color:var(--red);background:#dc262614}.dw-shell .badge-credit{color:var(--green);background:#0596691a}.dw-shell .badge-pending{color:var(--amber);background:#d977061a}.dw-shell .table-wrap{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.dw-shell table{border-collapse:collapse;width:100%}.dw-shell thead tr{background:var(--surface)}.dw-shell th{text-align:left;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:10px 20px;font-size:10px;font-weight:700}.dw-shell td{color:var(--t1);border-top:1px solid var(--border);padding:11px 20px;font-size:12px}.dw-shell tbody tr:hover{background:var(--bg)}.dw-shell .table-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.dw-shell .table-footer span{color:var(--t2);font-size:11px}.dw-shell .pagination{gap:5px;display:flex}.dw-shell .page-btn{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--t2);background:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:600;text-decoration:none;display:flex}.dw-shell .page-btn.active{background:var(--indigo);color:#fff;border-color:var(--indigo)}.dw-shell .page-btn:hover:not(.active){background:var(--surface)}.dw-shell .form-group{margin-bottom:16px}.dw-shell .form-label{color:var(--t2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dw-shell .form-input{border:1.5px solid var(--border);width:100%;color:var(--t1);background:#fff;border-radius:11px;outline:none;padding:11px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.dw-shell .form-input:focus{border-color:var(--indigo)}.dw-shell .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dw-shell .alert{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:12px;font-weight:600}.dw-shell .alert-success{color:var(--green);background:#0596691a;border:1px solid #05966933}.dw-shell .alert-error{color:var(--red);background:#dc262614;border:1px solid #dc262626}.dw-shell .student-cell{align-items:center;gap:9px;display:flex}.dw-shell .student-avatar{background:#6366f11f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.dw-shell .amount-debit{color:var(--red);font-weight:700}.dw-shell .amount-credit{color:var(--green);font-weight:700}.dw-shell .filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.dw-shell .filter-chip{cursor:pointer;border:1px solid var(--border);color:var(--t2);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.dw-shell .filter-chip.active{background:var(--indigo);color:#fff;border-color:var(--indigo)}.dw-shell .filter-chip:hover:not(.active){background:var(--surface)}@media (max-width:900px){.dw-shell .sidebar{transform:translate(-100%)}.dw-shell .sidebar.open{transform:translate(0)}.dw-shell .main{margin-left:0}.dw-shell .kpi-grid{grid-template-columns:1fr 1fr}.dw-shell .sidebar-toggle{display:flex}.dw-shell .header-search{display:none}}