:root{--bg:#eef3f8;--sidebar:#0b1220;--sidebar2:#111b2e;--panel:#ffffff;--muted:#64748b;--line:#e2e8f0;--primary:#1d4ed8;--primary2:#2563eb;--primary-soft:#eff6ff;--green:#15803d;--red:#b91c1c;--amber:#b45309;--text:#0f172a;--shadow:0 16px 45px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f8fafc,#eaf0f7);color:var(--text);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:274px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#fff;padding:18px;position:fixed;inset:0 auto 0 0;z-index:30;box-shadow:10px 0 30px rgba(15,23,42,.14);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px;padding:8px}.brand-logo,.login-logo,.receipt-logo{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(37,99,235,.35)}.brand strong{font-size:14px;line-height:1.25}.brand span{display:block;color:#93c5fd;font-size:12px;margin-top:3px}.nav-menu{display:grid;gap:7px}.nav-menu a{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:14px;display:flex;gap:10px;align-items:center;font-weight:700}.nav-menu a span{width:22px;text-align:center;opacity:.95}.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.12);color:#fff}.nav-title{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:16px 8px 5px}.sidebar-footer{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;background:rgba(255,255,255,.06)}.sidebar-footer span{display:block;color:#94a3b8;font-size:12px}.sidebar-footer strong{display:block;margin-top:3px}.content{margin-left:274px;width:calc(100% - 274px);padding:24px}.topbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:18px}.page-title h1{font-size:24px;margin:0;letter-spacing:-.02em}.page-title p{margin:3px 0 0;color:var(--muted)}.menu-btn{display:none}.userbox{display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 11px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.userbox .avatar{width:34px;height:34px;border-radius:12px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.userbox a{display:block;color:var(--primary);font-size:12px;margin-top:2px;text-decoration:none}.hero-panel{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#0891b2);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 20px 60px rgba(37,99,235,.24)}.hero-panel h2{font-size:24px;margin:5px 0}.hero-panel p{margin:0;color:#dbeafe}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#bfdbfe;font-weight:800}.panel,.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.panel{padding:18px;margin-bottom:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{font-size:17px;margin:0 0 4px}.panel p{margin-top:0}.cards{display:grid;gap:14px;margin-bottom:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card.stat{padding:18px;position:relative;overflow:hidden}.card.stat:before{content:"";position:absolute;right:-24px;top:-24px;width:88px;height:88px;background:#dbeafe;border-radius:50%;opacity:.8}.card.stat.accent:before{background:#bbf7d0}.stat span{color:var(--muted);display:block;font-weight:700}.stat strong{font-size:23px;margin-top:8px;display:block;letter-spacing:-.03em}.stat small{color:var(--muted);display:block;margin-top:5px}.grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.narrow{max-width:820px}.form-panel{max-width:1060px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{gap:10px}.form-grid.single{grid-template-columns:1fr}.wide{grid-column:1/-1}label{display:block;font-weight:800;margin-bottom:6px;font-size:12px;color:#334155}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:13px;padding:10px 12px;font:inherit;background:#fff;transition:.15s}input:focus,select:focus,textarea:focus{outline:3px solid #bfdbfe;border-color:#60a5fa}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#fff;color:#0f172a;text-decoration:none;border-radius:13px;padding:10px 14px;cursor:pointer;font-weight:800;gap:6px;white-space:nowrap}.btn:hover{filter:brightness(.98)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.light{background:#fff;color:#1d4ed8;border-color:rgba(255,255,255,.45)}.btn.danger{background:#fee2e2;border-color:#fecaca;color:var(--red)}.btn.small{padding:7px 9px;font-size:12px;border-radius:10px}.btn.full{width:100%;margin-top:10px}.btn-group,.actions,.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters,.search-row{display:flex;gap:10px;align-items:end;margin-bottom:14px;flex-wrap:wrap}.filters input:first-child,.search-row input{min-width:300px;flex:1}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}th{text-align:left;background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}.right{text-align:right}.empty{text-align:center;color:var(--muted);padding:28px}.empty.soft{background:#f8fafc;border:1px dashed var(--line);border-radius:16px}.muted{color:var(--muted)}.mt{margin-top:16px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.badge.approved{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.badge.void{background:#fee2e2;color:#991b1b}.success-text{color:var(--green);font-weight:800}.danger-text{color:var(--red);font-weight:800}.alert{padding:12px 14px;border-radius:15px;margin-bottom:14px;border:1px solid transparent}.alert.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.alert.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.alert.soft{background:#eff6ff;color:#1e3a8a;border-color:#bfdbfe}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#2563eb,#0f172a 55%,#020617)}.login-wrap{width:min(980px,92vw);display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.login-hero{color:#fff}.login-hero h1{font-size:42px;line-height:1.05;margin:18px 0 12px;letter-spacing:-.04em}.login-hero p{font-size:16px;color:#dbeafe;max-width:520px}.login-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.login-points span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 11px;color:#e0f2fe;font-weight:700}.login-card{background:#fff;border-radius:26px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.login-card h2{font-size:23px;margin:0 0 6px}.login-card p{color:var(--muted);margin-bottom:18px}.check-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:#f8fafc}.check-card label{margin-bottom:4px}.check-card input{width:auto;margin-right:6px}.check-card small{display:block;color:var(--muted);line-height:1.45}.student-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.student-card{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.05)}.student-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.student-card small{display:block;color:var(--muted);margin:4px 0 0}.saldo-mini{text-align:right;background:#eff6ff;border-radius:14px;padding:8px 10px;min-width:136px}.saldo-mini span{display:block;color:#64748b;font-size:11px}.saldo-mini b{display:block;color:#1d4ed8}.receipt{width:430px;background:#fff;border:1px solid var(--line);padding:20px;margin:0 auto;border-radius:18px}.receipt-brand{display:flex;gap:12px;align-items:center}.receipt h2{margin:0;font-size:18px}.receipt p{color:#475569;margin:4px 0}.receipt-title{text-align:center;font-weight:900;border-block:1px dashed #cbd5e1;padding:10px;margin:14px 0;letter-spacing:.08em}.receipt table td{border:0;padding:6px}.receipt table td:first-child{color:#64748b;width:128px}.receipt-actions{display:flex;justify-content:center;gap:10px;margin-bottom:16px}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;text-align:center;margin-top:22px;color:#334155}.book-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.saldo-box{padding:14px;border-radius:18px;background:#eff6ff;text-align:right;min-width:230px}.saldo-box span,.student-info span{display:block;color:var(--muted);font-size:12px}.saldo-box strong{font-size:24px;color:#1d4ed8}.student-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.student-info div{border:1px solid var(--line);border-radius:16px;padding:11px;background:#fff}.center{text-align:center}.pagination{display:flex;gap:8px;list-style:none;padding-left:0;flex-wrap:wrap}.pagination a,.pagination li span{display:block;padding:8px 11px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#0f172a;background:#fff}.pagination .active a,.pagination .active span{background:var(--primary);color:#fff}.inline-edit{position:relative}.inline-edit summary{list-style:none}.mini-form{position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px rgba(15,23,42,.18);padding:12px;border-radius:14px;display:grid;gap:8px;width:280px;z-index:10}.mini-form input,.mini-form select{padding:8px 10px}.inline-edit[open] summary{background:#eff6ff}.pending-list{display:grid;gap:10px}.pending-item{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.pending-item span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.info-list{display:grid;gap:10px}.info-list div{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff}.info-list span{color:var(--muted);text-align:right}.backup-card{border:1px solid #bfdbfe;border-radius:18px;background:#eff6ff;padding:16px}.quick-guide ol{margin:0;padding-left:20px;color:#334155}.mobile-backdrop{display:none}@media(max-width:1100px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.dashboard-grid{grid-template-columns:1fr}.student-choice{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-hero h1{font-size:32px}}@media(max-width:900px){.sidebar{transform:translateX(-104%);transition:.2s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:20}.content{margin-left:0;width:100%;padding:16px}.menu-btn{display:inline-flex;border:0;background:#e2e8f0;border-radius:12px;padding:10px}.topbar{align-items:flex-start}.userbox{font-size:12px}.filters{display:grid}.filters input:first-child,.search-row input{min-width:0}.form-grid{grid-template-columns:1fr}.student-info{grid-template-columns:1fr 1fr}.hero-panel{display:block}.hero-panel .btn{margin-top:15px}.login-card{padding:22px}.login-hero{display:none}}@media(max-width:560px){.cards.four{grid-template-columns:1fr}.student-info{grid-template-columns:1fr}.book-head{display:block}.saldo-box{margin-top:12px;text-align:left}.receipt{width:100%}.content{padding:12px}.panel{padding:14px}.page-title h1{font-size:20px}.topbar{gap:8px}.userbox .avatar{display:none}.info-list div{display:block}.info-list span{text-align:left;display:block;margin-top:4px}}@media print{.sidebar,.topbar,.no-print,.btn,.alert,.mobile-backdrop{display:none!important}.content{margin:0;width:100%;padding:0}.panel,.receipt{box-shadow:none;border:0}.table-wrap{overflow:visible;border:0}body{background:#fff;font-size:12px}.print-panel{padding:0}.receipt{width:100%;max-width:720px}.signature-row{page-break-inside:avoid}th{position:static;background:#fff}.book-panel table th,.book-panel table td{padding:7px 6px}}


/* Penyempurnaan layout filter dan pagination */
.filters,.search-row{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.filters{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.filters>input,.filters>select,.filters>button{width:auto!important;margin:0!important;min-height:42px}
.filters>input:not([type="date"]){flex:1 1 250px;min-width:230px;max-width:440px}
.filters>select{flex:0 1 145px;min-width:132px}
.filters>input[type="date"]{flex:0 1 136px;min-width:130px}
.filters>.btn{flex:0 0 auto;padding-inline:16px}
.filter-compact>input:not([type="date"]){max-width:none}
.search-row{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important}.search-row input{width:auto!important;min-width:0!important;flex:1 1 auto}.search-row .btn{flex:0 0 auto}
.pager-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.pager-info{color:var(--muted);font-weight:700;font-size:12px}.premium-pagination{margin:0;justify-content:flex-end}.premium-pagination li a,.premium-pagination li span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:12px;font-weight:900;border:1px solid #dbe3ee;background:#fff;color:#334155;box-shadow:0 6px 14px rgba(15,23,42,.05)}.premium-pagination li.active a,.premium-pagination li.active span{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.24)}.premium-pagination li.disabled span{opacity:.5;background:#f1f5f9}.premium-pagination li.dots span{border-color:transparent;background:transparent;box-shadow:none;min-width:22px}.premium-pagination a{text-decoration:none}
.table-wrap table tbody tr:hover td{background:#f8fafc}.panel-head .btn-group{align-self:center}.mini-form{max-height:76vh;overflow:auto}.birth-hint{font-size:11px;color:var(--muted)}
@media(max-width:900px){.filters{display:grid!important;grid-template-columns:1fr 1fr}.filters>input,.filters>select,.filters>button{width:100%!important;max-width:none!important;min-width:0!important}.filters>input:not([type="date"]){grid-column:1/-1}.pager-wrap{display:grid}.premium-pagination{justify-content:flex-start}.search-row{flex-wrap:wrap!important}.search-row .btn{width:100%}}
@media(max-width:560px){.filters{grid-template-columns:1fr}.pager-info{display:none}.premium-pagination li a,.premium-pagination li span{min-width:34px;height:34px;padding:0 9px;font-size:12px}.premium-pagination li:first-child,.premium-pagination li:last-child{flex-basis:100%}.premium-pagination li:first-child a,.premium-pagination li:first-child span,.premium-pagination li:last-child a,.premium-pagination li:last-child span{width:100%}}


/* V3 visual upgrade */
:root{--cyan:#0891b2;--purple:#7c3aed;--pink:#db2777;--soft-bg:#f8fbff}
.content{padding:22px 22px 28px}.topbar{margin-bottom:20px}.page-title h1{font-size:28px}.hero-panel{background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 55%,#0891b2 100%);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;right:-40px;top:-30px;width:180px;height:180px;border-radius:999px;background:rgba(255,255,255,.13)}
.colorful-cards .card.stat{color:#fff;border:0;box-shadow:0 18px 34px rgba(15,23,42,.14)}
.colorful-cards .card.stat:before{opacity:.18;background:rgba(255,255,255,.35)}
.card.stat.blue{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.card.stat.green{background:linear-gradient(135deg,#22c55e,#15803d)}
.card.stat.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.card.stat.amber{background:linear-gradient(135deg,#f59e0b,#b45309)}
.card.stat.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.colorful-cards .card.stat span,.colorful-cards .card.stat small{color:rgba(255,255,255,.92)}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.action-tile{display:block;border-radius:22px;padding:16px 18px;color:#fff;text-decoration:none;box-shadow:0 15px 28px rgba(15,23,42,.12)}.action-tile strong{display:block;font-size:16px;margin-bottom:4px}.action-tile span{font-size:13px;color:rgba(255,255,255,.92)}.action-tile.blue{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.action-tile.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.action-tile.amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.action-tile.purple{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}
.wrap-mobile{display:flex;flex-wrap:wrap;gap:8px}.mobile-stack-head{align-items:center}.panel{border-radius:24px}.table-wrap{border-radius:18px}.table-wrap table tbody tr:hover td{background:#f3f8ff}.receipt,.student-card,.pending-item,.userbox{box-shadow:0 14px 28px rgba(15,23,42,.06)}
.receipt.colorful-receipt{width:min(720px,100%);padding:22px;background:linear-gradient(180deg,#fff,#fbfdff)}.receipt.colorful-receipt .receipt-title{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:14px;border:1px solid #dbeafe;border-block:none}.saldo-box.colorful{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe}
.print-body{margin:0;background:#eef3f8;color:#0f172a;font-family:Inter,Arial,sans-serif}.print-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:10px;padding:12px;background:rgba(238,243,248,.95);backdrop-filter:blur(10px);border-bottom:1px solid #dbe3ee}.print-doc{width:min(1120px,calc(100% - 24px));margin:18px auto 40px;background:#fff;border-radius:24px;border:1px solid #dbe3ee;box-shadow:0 24px 60px rgba(15,23,42,.08);padding:28px}.print-doc.narrow-doc{max-width:820px}.print-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:3px solid #e2e8f0}.print-brand{display:flex;gap:14px;align-items:flex-start}.print-brand h1{margin:0 0 4px;font-size:24px}.print-brand p{margin:0;color:#64748b;line-height:1.55}.doc-badge{padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#dcfce7,#86efac);color:#166534;font-weight:900;letter-spacing:.04em}.doc-badge.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.doc-badge.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.doc-subhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0}.doc-subhead strong{display:block;font-size:18px}.doc-subhead span{display:block;color:#64748b;margin-top:3px}.doc-number{padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;font-weight:800}.doc-grid{display:grid;gap:12px;margin:16px 0 20px}.doc-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.doc-field{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fbfdff}.doc-field span{display:block;color:#64748b;font-size:12px;margin-bottom:4px;font-weight:700}.doc-field strong{font-size:15px}.amount-hero{padding:18px 20px;border-radius:22px;color:#fff;margin:8px 0 18px}.amount-hero span,.amount-hero small{display:block;color:rgba(255,255,255,.92)}.amount-hero strong{display:block;font-size:32px;letter-spacing:-.03em;margin:6px 0}.amount-hero.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.amount-hero.red{background:linear-gradient(135deg,#dc2626,#ef4444)}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.sum-item{border-radius:18px;padding:14px 16px;color:#fff}.sum-item span{display:block;color:rgba(255,255,255,.92);font-size:12px;margin-bottom:5px}.sum-item strong{font-size:20px}.sum-item.blue{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.sum-item.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.sum-item.green{background:linear-gradient(135deg,#22c55e,#15803d)}.sum-item.amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.doc-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.doc-table th,.doc-table td{padding:11px 12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.doc-table thead th{background:#f8fafc;color:#334155;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.doc-table tbody tr:last-child td,.doc-table tbody tr:last-child th{border-bottom:0}.doc-table.compact-table th{width:180px;background:#f8fafc;text-align:left}.signature-row.formal{margin-top:28px;padding-top:24px;border-top:1px dashed #cbd5e1}.signature-row.formal>div{line-height:1.6}.mobile-table{overflow-x:auto}
@media(max-width:1100px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-grid.four-col,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.content{padding:14px}.hero-panel h2{font-size:22px}.page-title h1{font-size:22px}.quick-actions{grid-template-columns:1fr 1fr}.panel-head{flex-direction:column;align-items:stretch}.btn-group.wrap-mobile .btn,.wrap-mobile .btn{flex:1 1 auto}.print-doc{padding:18px}.print-head,.doc-subhead{display:block}.doc-subhead .doc-number{margin-top:10px;display:inline-block}.doc-grid.two-col,.doc-grid.four-col,.summary-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.quick-actions{grid-template-columns:1fr}.mobile-table table,.mobile-table thead,.mobile-table tbody,.mobile-table th,.mobile-table td,.mobile-table tr{display:block}.mobile-table thead{display:none}.mobile-table tbody tr{padding:12px 12px 10px;border-bottom:1px solid #e2e8f0;background:#fff}.mobile-table tbody tr:last-child{border-bottom:0}.mobile-table tbody td{border:0!important;padding:7px 0 7px 112px!important;position:relative;text-align:left!important;min-height:30px}.mobile-table tbody td:before{content:attr(data-label);position:absolute;left:0;top:7px;width:100px;color:#64748b;font-weight:800;font-size:12px}.mobile-table .actions{display:flex!important;flex-wrap:wrap;gap:8px;padding-left:0!important}.mobile-table .actions:before{display:none}.mobile-table .actions .btn,.mobile-table .actions form{margin:0}.mobile-table .actions form{display:inline-flex}.print-doc{width:calc(100% - 12px);padding:14px}.summary-strip,.doc-grid.two-col,.doc-grid.four-col{grid-template-columns:1fr}.doc-table{display:block;border:0}.doc-table thead{display:none}.doc-table tbody,.doc-table tr,.doc-table td,.doc-table th{display:block;width:100%}.doc-table tr{border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px;overflow:hidden}.doc-table td,.doc-table th{border-bottom:1px solid #e2e8f0;padding:9px 10px}.doc-table tr td:last-child,.doc-table tr th:last-child{border-bottom:0}.doc-table.compact-table tbody tr{margin-bottom:0;border-radius:18px}.receipt.colorful-receipt{padding:16px}}
@media print{body.print-body{background:#fff}.print-toolbar,.no-print{display:none!important}.print-doc{width:100%;max-width:none;margin:0;border:0;box-shadow:none;border-radius:0;padding:0}.amount-hero,.sum-item,.doc-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}a[href]:after{content:none!important}}

/* V4 branding, pagination, promotion */
.brand-logo.has-image,.login-logo.has-image,.receipt-logo.has-image,.brand-preview-logo.has-image{background:#fff;padding:4px;overflow:hidden;border:1px solid rgba(255,255,255,.28)}
.brand-logo img,.login-logo img,.receipt-logo img,.brand-preview-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.login-logo.has-image{width:58px;height:58px;border-radius:20px}.receipt-logo.has-image{width:54px;height:54px;border-radius:16px}.brand-preview-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(37,99,235,.22)}
.branding-box{border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#eff6ff);padding:14px;display:grid;gap:10px}.branding-box.soft{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e2e8f0}.brand-preview{display:flex;gap:12px;align-items:center}.brand-preview strong{display:block}.brand-preview span{display:block;color:#64748b;font-size:12px;margin-top:3px}.favicon-preview{width:38px;height:38px;border-radius:10px;object-fit:contain;border:1px solid #dbe3ee;background:#fff;padding:3px}.favicon-preview.fallback{display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900;padding:0}.inline-check{display:flex;align-items:center;gap:8px;margin-top:2px;color:#334155}.inline-check input{width:auto}
.badge.graduated{background:#ede9fe;color:#6d28d9}.promotion-hero{background:linear-gradient(135deg,#0f766e,#2563eb 55%,#7c3aed)}.promotion-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;margin:0 0 14px;padding:12px;border:1px solid #dbe3ee;border-radius:20px;background:#f8fafc}.compact-check{padding:10px}.compact-check label{margin-bottom:2px}.compact-check input{width:auto;margin-right:6px}.promotion-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr)}
.pager-wrap{background:linear-gradient(135deg,#ffffff,#f8fbff)!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important}.premium-pagination li a,.premium-pagination li span{border-radius:14px!important}.premium-pagination li:first-child a,.premium-pagination li:last-child a,.premium-pagination li:first-child span,.premium-pagination li:last-child span{padding:0 16px}.premium-pagination li a:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.premium-pagination li.active a,.premium-pagination li.active span{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:#2563eb!important}
@media(max-width:980px){.promotion-actions{grid-template-columns:1fr 1fr}.promotion-grid{grid-template-columns:1fr}.brand-preview{align-items:flex-start}}
@media(max-width:640px){.promotion-actions{grid-template-columns:1fr}.branding-box{padding:12px}.brand-preview-logo{width:54px;height:54px}.brand-logo.has-image{width:42px;height:42px}.login-logo.has-image{width:52px;height:52px}.receipt-logo.has-image{width:48px;height:48px}.pager-wrap{padding:10px}.premium-pagination{gap:6px}.premium-pagination li:first-child,.premium-pagination li:last-child{flex-basis:auto!important}.premium-pagination li:first-child a,.premium-pagination li:last-child a,.premium-pagination li:first-child span,.premium-pagination li:last-child span{width:auto!important}}
@media print{.brand-logo.has-image,.login-logo.has-image,.receipt-logo.has-image,.brand-preview-logo.has-image{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* V5: print formal untuk orang tua, audit, backup, dan print massal */
.print-tool-grid{align-items:stretch}.print-tool-card{display:block;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(180deg,#ffffff,#eff6ff);padding:16px;text-decoration:none;color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,.06)}.print-tool-card.green-card{background:linear-gradient(180deg,#ffffff,#f0fdf4);border-color:#bbf7d0}.print-tool-card>strong{display:block;font-size:17px;margin-bottom:4px}.print-tool-card>span{display:block;color:#64748b;margin-bottom:12px;line-height:1.45}.warning-check{background:#fff7ed;border-color:#fed7aa}.auto-backup-card{background:#f8fafc}.auto-backup-list{border-top:1px dashed #cbd5e1;padding-top:12px}.auto-backup-list div{display:flex;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:12px;padding:9px 10px;background:#fff;margin-top:7px}.auto-backup-list span{font-weight:800}.auto-backup-list small{color:#64748b;text-align:right}.official-doc{max-width:980px;background:#fff;color:#111827}.official-doc.landscape-friendly{max-width:1180px}.receipt-official-doc{max-width:820px}.official-letterhead{display:flex;align-items:center;gap:16px;border-bottom:4px double #1e293b;padding-bottom:14px;margin-bottom:14px}.official-logo{width:74px;height:74px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;display:grid;place-items:center;font-weight:900;font-size:21px;flex:0 0 74px;overflow:hidden}.official-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.official-letterhead h1{font-size:24px;margin:0;text-transform:uppercase;letter-spacing:.03em}.official-letterhead p{margin:4px 0 0;color:#475569;line-height:1.45}.official-title{text-align:center;margin:12px 0 18px}.official-title h2{font-size:20px;margin:0 0 4px;text-decoration:underline;text-underline-offset:5px;letter-spacing:.04em}.official-title p{margin:0;color:#475569}.official-filter-box{margin-bottom:14px}.official-filter-box .doc-field{background:#f8fafc}.formal-summary .sum-item{border-radius:14px;padding:12px 14px}.official-table{border:1.5px solid #0f172a;border-radius:0}.official-table th,.official-table td{border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:9px 8px}.official-table th:last-child,.official-table td:last-child{border-right:0}.official-table thead th{background:#e2e8f0;color:#0f172a}.official-table tfoot th{background:#f1f5f9}.sign-cell{height:38px}.parent-student-card{display:grid;grid-template-columns:1.2fr 1fr .7fr 1fr 1fr;gap:10px;margin:14px 0 18px}.parent-student-card>div{border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;padding:11px}.parent-student-card span{display:block;color:#64748b;font-size:12px;font-weight:800;margin-bottom:4px}.parent-student-card strong{font-size:15px}.balance-highlight{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border:0!important}.balance-highlight.red{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.balance-highlight span{color:rgba(255,255,255,.9)!important}.balance-highlight strong{font-size:20px!important}.ledger-table th,.ledger-table td{font-size:12px}.parent-note{border:1px dashed #94a3b8;border-radius:12px;padding:10px 12px;margin-top:12px;background:#f8fafc;color:#334155}.official-sign{page-break-inside:avoid;margin-top:22px}.receipt-grid-official{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.receipt-student-card{grid-template-columns:1.4fr 1fr .7fr 1fr 1fr}.book-page{page-break-after:always}.book-page:last-of-type{page-break-after:auto}.promotion-actions .wide{grid-column:1/-1}.audit-payload{font-family:ui-monospace,monospace;font-size:11px}.pager-wrap{background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 8px 24px rgba(15,23,42,.05)}
@media(max-width:1100px){.parent-student-card,.receipt-student-card{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-highlight{grid-column:1/-1}.receipt-grid-official{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.official-letterhead{align-items:flex-start}.official-logo{width:56px;height:56px;flex-basis:56px}.official-letterhead h1{font-size:17px}.official-title h2{font-size:16px}.parent-student-card,.receipt-student-card,.receipt-grid-official{grid-template-columns:1fr}.auto-backup-list div{display:block}.auto-backup-list small{text-align:left;display:block;margin-top:3px}.print-tool-card .form-grid{grid-template-columns:1fr}}
@media print{@page{size:A4;margin:12mm}body.print-body{font-size:11.5px}.print-doc.official-doc{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;max-width:none!important}.official-letterhead{break-inside:avoid}.official-logo{width:62px;height:62px;flex-basis:62px}.official-letterhead h1{font-size:20px}.official-title h2{font-size:17px}.doc-field{padding:8px!important}.summary-strip{gap:8px!important}.sum-item{padding:9px 10px!important}.official-table th,.official-table td{padding:6px 6px;font-size:10.5px}.parent-student-card{grid-template-columns:1.1fr 1fr .6fr 1fr 1fr;gap:7px}.parent-student-card>div{padding:8px}.balance-highlight strong{font-size:16px!important}.parent-note{font-size:10.5px;padding:8px}.signature-row.formal{font-size:11px}.landscape-friendly .official-table th,.landscape-friendly .official-table td{font-size:10px}.receipt-official-doc{max-width:none}.receipt-grid-official{grid-template-columns:repeat(4,1fr);gap:7px}.receipt-student-card{grid-template-columns:1.4fr 1fr .7fr 1fr 1fr}}

/* V6 transaksi cepat, input per kelas, setoran massal */
.transaction-mode-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8 55%,#7c3aed);color:#fff;border-radius:26px;padding:22px 24px;margin-bottom:18px;box-shadow:0 20px 48px rgba(29,78,216,.22);position:relative;overflow:hidden}.transaction-mode-hero:after{content:"";position:absolute;right:-46px;bottom:-60px;width:210px;height:210px;border-radius:999px;background:rgba(255,255,255,.13)}.transaction-mode-hero h2{margin:4px 0 6px;font-size:24px;letter-spacing:-.03em}.transaction-mode-hero p{margin:0;color:#dbeafe;max-width:760px}.mode-pills{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}.mode-pills a{color:#e0f2fe;text-decoration:none;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);padding:10px 12px;border-radius:999px;font-weight:900;white-space:nowrap}.mode-pills a.active,.mode-pills a:hover{background:#fff;color:#1d4ed8}.scan-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:11px}.scan-row input{flex:1 1 260px;min-width:220px}.scan-row .btn{flex:0 0 auto}.camera-scan-box{margin-top:12px;border:1px solid #bfdbfe;border-radius:20px;background:#eff6ff;padding:12px}.camera-scan-box video{width:100%;max-height:300px;border-radius:16px;background:#0f172a;object-fit:cover}.scan-help{font-size:12px;color:#1e3a8a;margin-top:8px;font-weight:700}.color-guide{background:linear-gradient(180deg,#fff,#f8fbff)}.selected-student-panel{border:1px solid #bfdbfe;background:linear-gradient(180deg,#ffffff,#f8fbff)}.selected-student-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.selected-student-head h2{font-size:24px;margin:2px 0}.selected-student-head p{margin:0;color:var(--muted)}.transaction-single-form{border-top:1px solid var(--line);padding-top:14px}.compact-choice{grid-template-columns:repeat(3,minmax(0,1fr))}.student-pick-card{display:block;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;text-decoration:none;color:var(--text);box-shadow:0 12px 22px rgba(15,23,42,.05)}.student-pick-card:hover{border-color:#93c5fd;background:#f8fbff}.student-pick-card span{display:block;color:var(--muted);font-size:12px;margin:4px 0}.student-pick-card b{display:block;color:#1d4ed8}.class-student-list{display:grid;gap:9px;margin-top:12px;max-height:560px;overflow:auto;padding-right:4px}.class-student-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px}.class-student-item:hover{background:#eff6ff;border-color:#93c5fd}.class-student-item span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.class-student-item b{color:#1d4ed8}.class-student-item em{font-style:normal;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.bulk-panel{background:linear-gradient(180deg,#fff,#fbfdf8)}.bulk-deposit-form{margin-top:12px}.bulk-table input{min-width:130px}.bulk-table td[data-label="Nominal Setor"] input{font-weight:900;color:#166534}.print-tool-card.purple-card{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-color:#ddd6fe}.saving-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.student-card-sheet{width:min(1050px,calc(100% - 24px));margin:18px auto 40px}.card-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;margin-bottom:14px;box-shadow:0 16px 36px rgba(15,23,42,.08)}.card-sheet-head h1{margin:0;font-size:22px}.card-sheet-head p{margin:4px 0 0;color:#64748b}.card-sheet-head>span{background:#eff6ff;color:#1d4ed8;font-weight:900;border-radius:999px;padding:8px 12px}.saving-card{background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #cbd5e1;border-radius:20px;padding:16px;min-height:250px;box-shadow:0 12px 28px rgba(15,23,42,.06);break-inside:avoid}.saving-card-top{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.saving-card-logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden}.saving-card-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.saving-card-top strong{display:block}.saving-card-top span{display:block;color:#64748b;font-size:12px}.saving-card-name{font-size:20px;font-weight:900;letter-spacing:-.02em;margin:13px 0 8px}.saving-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.saving-card-meta span{background:#f1f5f9;border-radius:999px;padding:5px 8px;color:#334155;font-size:11px;font-weight:800}.barcode39{height:62px;display:flex;align-items:stretch;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;overflow:hidden}.barcode39 i,.barcode39 b{display:block;height:100%}.barcode39 i{background:#111827}.barcode39 b{background:transparent}.barcode39 .n{width:2px}.barcode39 .w{width:5px}.barcode39 .sep{width:2px}.barcode-value{text-align:center;font-size:13px;font-weight:900;letter-spacing:.18em;margin-top:6px}.saving-card-note{text-align:center;color:#64748b;font-size:12px;margin-top:8px}.card-barcode{margin-top:10px}
@media(max-width:1100px){.compact-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.saving-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.transaction-mode-hero{display:block}.mode-pills{margin-top:14px}.selected-student-head{display:block}.selected-student-head .saldo-box{margin-top:12px}.class-student-list{max-height:none}.scan-row .btn{flex:1 1 auto}.compact-choice{grid-template-columns:1fr}}@media(max-width:680px){.class-student-item{grid-template-columns:1fr}.class-student-item b,.class-student-item em{justify-self:start}.scan-row{display:grid}.scan-row input{min-width:0}.saving-card-grid{grid-template-columns:1fr}.card-sheet-head{display:block}.card-sheet-head>span{display:inline-block;margin-top:10px}}@media print{.student-card-sheet{width:100%;margin:0}.card-sheet-head{box-shadow:none;border:0;border-radius:0;padding:0 0 10px;margin-bottom:10px}.saving-card-grid{grid-template-columns:repeat(2,1fr);gap:8mm}.saving-card{box-shadow:none;border:1px solid #222;border-radius:8px;min-height:60mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.barcode39{border-color:#999}.saving-card:nth-child(4n){page-break-after:always}}

/* V7 - input transaksi disederhanakan + mobile app shortcut */
.transaction-simple-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#0891b2);color:#fff;border-radius:28px;padding:22px 24px;margin-bottom:18px;box-shadow:0 22px 52px rgba(37,99,235,.24);position:relative;overflow:hidden}.transaction-simple-hero:after{content:"";position:absolute;right:-44px;top:-46px;width:180px;height:180px;border-radius:999px;background:rgba(255,255,255,.14)}.transaction-simple-hero h2{font-size:25px;margin:5px 0 6px;letter-spacing:-.03em}.transaction-simple-hero p{margin:0;color:#dbeafe;max-width:760px}.hero-step-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1;color:#e0f2fe;font-weight:900}.hero-step-box span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#fff;color:#1d4ed8;margin-left:6px}.transaction-filter-panel{background:linear-gradient(180deg,#fff,#f8fbff)}.class-first-filter{display:grid;grid-template-columns:220px minmax(260px,1fr) auto;gap:12px;align-items:end;background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:12px}.class-first-filter .btn{height:42px}.student-search-input input{font-weight:700}.app-card-highlight{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}.section-chip{display:inline-flex;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.transaction-actions .btn{min-width:172px}.list-count-badge{display:inline-flex;align-items:center;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-weight:900}.simple-student-list{max-height:none}.class-student-item.selected{background:#eff6ff;border-color:#60a5fa;box-shadow:0 10px 22px rgba(37,99,235,.12)}.class-student-item.selected em{background:#1d4ed8;color:#fff}.app-empty-state{min-height:160px;display:grid;place-items:center}.mobile-app-nav{display:none}.mobile-app-nav a{text-decoration:none;color:#64748b}.mobile-app-nav span,.mobile-app-nav b{display:block}.mobile-app-nav span{font-size:20px;line-height:1}.mobile-app-nav b{font-size:11px;margin-top:3px;line-height:1.05}.mobile-app-nav a.active{color:#1d4ed8}.mobile-app-nav a.active span{transform:translateY(-1px)}
@media(max-width:900px){body{background:#eef3f8}.content{padding-bottom:98px}.transaction-simple-hero{display:block;padding:20px;border-radius:24px}.transaction-simple-hero h2{font-size:22px}.hero-step-box{justify-content:flex-start;margin-top:14px}.class-first-filter{grid-template-columns:1fr}.class-first-filter .btn{width:100%}.selected-student-head{display:block}.selected-student-head .saldo-box{margin-top:12px}.transaction-actions{display:grid}.transaction-actions .btn{width:100%;min-width:0}.mobile-app-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:rgba(255,255,255,.94);border:1px solid rgba(203,213,225,.95);box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:blur(16px);border-radius:24px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-app-nav a{display:grid;place-items:center;text-align:center;border-radius:18px;padding:8px 4px;min-height:56px;font-weight:900}.mobile-app-nav a.active{background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.sidebar-footer{margin-bottom:80px}.topbar{position:sticky;top:0;background:rgba(238,243,248,.92);backdrop-filter:blur(14px);z-index:12;border:1px solid rgba(226,232,240,.7);border-radius:20px;padding:9px;margin-bottom:14px}.page-title p{font-size:12px}.userbox{padding:7px 9px}.student-class-panel{margin-bottom:18px}}
@media(max-width:560px){.content{padding:10px 10px 100px}.transaction-simple-hero{margin-bottom:12px}.hero-step-box{font-size:12px}.hero-step-box span{width:24px;height:24px;border-radius:8px}.class-student-item{grid-template-columns:1fr;border-radius:18px;padding:14px}.class-student-item b{font-size:16px}.class-student-item em{justify-self:start}.mobile-app-nav{left:8px;right:8px;bottom:8px;border-radius:22px;padding:7px}.mobile-app-nav a{min-height:54px;padding:7px 2px}.mobile-app-nav span{font-size:19px}.mobile-app-nav b{font-size:10.5px}.topbar{border-radius:18px}.page-title h1{font-size:18px}.panel{border-radius:20px;padding:13px}.selected-student-head h2{font-size:21px}.saldo-box strong{font-size:21px}.class-first-filter{padding:10px;border-radius:18px}.form-grid.transaction-single-form{gap:10px}}
@media print{.mobile-app-nav{display:none!important}}


/* V8 - desktop transaction header refined + compact mobile app feel */
.transaction-compact-panel{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.compact-flow-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.compact-flow-head h2{margin:4px 0 6px;font-size:25px;letter-spacing:-.03em}
.compact-step-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.compact-step-pills span{display:inline-flex;align-items:center;gap:7px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:900}
.compact-step-pills b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#1d4ed8;color:#fff;font-size:12px}
.compact-v2-filter{grid-template-columns:220px minmax(320px,1fr) 170px;background:#fff;border-radius:18px;padding:10px 12px;box-shadow:inset 0 0 0 1px #e2e8f0}
.compact-v2-filter label{margin-bottom:4px}.compact-v2-filter .btn{height:44px;border-radius:14px}.wide-search input{font-size:15px}.compact-selected-head{align-items:center}.compact-saldo{min-width:210px}.compact-transaction-form{gap:12px}.compact-student-list .class-student-item{padding:12px 14px;border-radius:18px}
.compact-dashboard-hero{padding:18px 20px;min-height:auto}.compact-dashboard-hero h2{font-size:24px}.compact-stat-grid{margin-bottom:14px}.compact-app-shortcuts{margin-bottom:16px}.compact-app-shortcuts .action-tile{display:flex;align-items:center;gap:12px;padding:14px 16px}.compact-app-shortcuts .action-tile i{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-style:normal;font-size:20px;flex:0 0 42px}.compact-app-shortcuts .action-tile strong{margin:0 0 2px;font-size:15px}.compact-app-shortcuts .action-tile span{font-size:12px}.compact-pending-list .pending-item{padding:12px 14px}
@media(max-width:900px){.compact-flow-head{display:block}.compact-step-pills{justify-content:flex-start;margin-top:12px}.compact-v2-filter{grid-template-columns:1fr}.compact-saldo{min-width:0}.compact-dashboard-hero{display:none}.compact-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.compact-stat-grid .card.stat{padding:14px 14px 12px;border-radius:22px;min-height:122px}.compact-stat-grid .card.stat strong{font-size:28px}.compact-stat-grid .card.stat small{font-size:12px}.compact-app-shortcuts{grid-template-columns:1fr 1fr;gap:12px}.compact-app-shortcuts .action-tile{padding:12px 12px;border-radius:20px;min-height:86px}.compact-app-shortcuts .action-tile i{width:34px;height:34px;font-size:17px;border-radius:12px}.compact-app-shortcuts .action-tile span{display:block}.dashboard-grid.compact-dashboard-grid{gap:14px}.topbar{padding:8px 10px}.userbox strong{font-size:13px}}
@media(max-width:560px){.transaction-compact-panel{padding:14px}.compact-flow-head h2{font-size:21px}.compact-flow-head p{font-size:12px}.compact-step-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-step-pills span{justify-content:center;padding:9px 8px;font-size:11px}.compact-v2-filter{padding:10px;border-radius:16px}.compact-v2-filter .btn{width:100%}.selected-student-panel{padding:14px}.compact-selected-head h2{font-size:20px}.compact-saldo{width:100%}.compact-transaction-form{gap:10px}.compact-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-stat-grid .card.stat{min-height:108px;padding:12px 12px 11px;border-radius:20px}.compact-stat-grid .card.stat strong{font-size:22px;line-height:1.1}.compact-stat-grid .card.stat span{font-size:12px}.compact-stat-grid .card.stat small{font-size:11px;line-height:1.3}.compact-app-shortcuts{grid-template-columns:1fr 1fr;gap:10px}.compact-app-shortcuts .action-tile{display:block;padding:12px;border-radius:18px;min-height:80px}.compact-app-shortcuts .action-tile i{margin-bottom:8px}.compact-app-shortcuts .action-tile strong{font-size:14px}.compact-app-shortcuts .action-tile span{font-size:11px;line-height:1.2}.page-title h1{font-size:17px}.page-title p{font-size:11px}.userbox{gap:8px}.userbox .avatar{width:30px;height:30px;font-size:13px}.mobile-app-nav a{min-height:50px}.mobile-app-nav span{font-size:18px}.mobile-app-nav b{font-size:10px}.student-class-panel{margin-bottom:12px}}


/* V9 - delete actions + clickable hero buttons + better print */
.hero-panel > *{position:relative;z-index:1}.hero-panel:after{pointer-events:none}.soft-danger{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.soft-danger:hover{background:#ffedd5}.actions form{display:inline-flex}.btn-group.wrap-mobile{position:relative;z-index:2}
.print-highlight-bar{display:grid;grid-template-columns:1.2fr .9fr .8fr;gap:10px;margin:0 0 14px}.print-highlight-bar>div{border-radius:16px;padding:12px 14px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fbff)}.print-highlight-bar span{display:block;color:#475569;font-size:12px;font-weight:800;margin-bottom:5px}.print-highlight-bar strong{font-size:18px;letter-spacing:-.02em;color:#0f172a}.book-highlight>div:last-child,.print-highlight-bar>div:nth-child(2){background:linear-gradient(135deg,#f0fdf4,#f7fee7);border-color:#bbf7d0}.print-highlight-bar>div:last-child{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-color:#ddd6fe}.polished-print{border:1px solid #cbd5e1;box-shadow:0 22px 60px rgba(15,23,42,.08)}.polished-grid .doc-field,.polished-parent-card>div,.polished-table thead th{border-radius:0}.polished-table tbody tr:nth-child(even) td{background:#fbfdff}.receipt-note,.report-note{margin-top:14px}
@media(max-width:680px){.print-highlight-bar{grid-template-columns:1fr}.print-highlight-bar strong{font-size:16px}}
@media print{.soft-danger{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}.print-highlight-bar{grid-template-columns:1.2fr .9fr .8fr;gap:8px;margin-bottom:10px}.print-highlight-bar>div{padding:8px 10px;border-radius:10px}.print-highlight-bar span{font-size:10.5px;margin-bottom:3px}.print-highlight-bar strong{font-size:14px}.polished-print{border:0!important;box-shadow:none!important}.polished-table tbody tr:nth-child(even) td{background:#fff}}


/* V10 - final polish: PWA feel, safer delete, cleaner actions */
.reset-filter{background:#f8fafc;color:#475569}.btn.is-busy{opacity:.75;pointer-events:none}.actions{gap:6px}.actions .btn.small{min-height:32px}.actions form{display:inline-flex}.panel-head .btn-group{justify-content:flex-end}.soft-danger{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}.soft-danger:hover{background:#ffedd5!important}.filters .reset-filter{flex:0 0 auto}.table-wrap{box-shadow:0 10px 26px rgba(15,23,42,.04)}
.mobile-app-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-app-nav a{transition:.15s}.mobile-app-nav a:active{transform:scale(.96)}
@media(max-width:900px){.btn-group.wrap-mobile{width:100%;justify-content:stretch}.btn-group.wrap-mobile .btn{flex:1 1 0}.filters .reset-filter{width:100%!important}.actions{display:flex!important;flex-wrap:wrap}.actions .btn,.actions form{flex:1 1 auto}.actions .btn.small{width:100%;min-width:92px}.mini-form{position:fixed;left:14px;right:14px;top:80px;width:auto;max-height:72vh;overflow:auto;z-index:90}.inline-edit[open]::before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:80}.inline-edit[open] .mini-form{z-index:91}}
@media(max-width:560px){.actions .btn.small{font-size:11px;padding:8px 9px}.panel-head .btn-group{display:grid;grid-template-columns:1fr 1fr}.panel-head .btn-group .btn{width:100%}.filters{gap:8px!important}.filters .btn{height:40px}.premium-pagination li:first-child,.premium-pagination li:last-child{flex-basis:auto}.premium-pagination{gap:5px}.premium-pagination li a,.premium-pagination li span{min-width:32px;height:32px;border-radius:10px}.pager-wrap{padding:10px}}
@media print{.print-highlight-bar{break-inside:avoid}.official-title,.official-letterhead,.parent-student-card,.parent-note,.official-sign{break-inside:avoid}.polished-table{break-inside:auto}.polished-table tr{break-inside:avoid}.official-table th,.official-table td{line-height:1.35}.print-doc{background:#fff!important}.soft-danger{background:#fff!important;color:#000!important;border-color:#999!important}}


/* V11 - ease of use polish */
.app-page{background:radial-gradient(circle at top right,#e0f2fe 0,#eef3f8 280px,#eef3f8 100%)}
.friendly-panel{border-color:#dbe7f3;box-shadow:0 14px 32px rgba(15,23,42,.065)}
.home-hero-v11{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:20px 22px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#7c3aed 54%,#0891b2);box-shadow:0 18px 45px rgba(37,99,235,.23);position:relative;overflow:hidden}.home-hero-v11:after{content:"";position:absolute;right:-48px;top:-58px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.13);pointer-events:none}.home-hero-v11>*{position:relative;z-index:1}.home-greeting h2{font-size:28px;margin:4px 0 6px;letter-spacing:-.04em}.home-greeting p{margin:0;color:#e0f2fe;max-width:720px}.home-primary-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.home-primary-actions .btn{min-width:140px}.easy-workflow-panel{display:grid;grid-template-columns:240px 1fr;gap:14px;margin-bottom:16px;background:rgba(255,255,255,.94);border:1px solid #dbe7f3;border-radius:24px;padding:14px;box-shadow:0 14px 32px rgba(15,23,42,.06)}.workflow-title{padding:10px 12px}.workflow-title strong{display:block;font-size:17px}.workflow-title span{display:block;color:#64748b;margin-top:4px}.workflow-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-actions a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#0f172a;background:#f8fbff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;transition:.15s}.workflow-actions a:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.08);border-color:#bfdbfe}.workflow-actions i{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-style:normal;font-size:18px;flex:0 0 38px}.workflow-actions b{display:block}.workflow-actions small{display:block;color:#64748b;margin-top:2px;line-height:1.2}.easy-stat-grid .card.stat{min-height:120px}.friendly-empty{background:linear-gradient(180deg,#f8fbff,#fff);border-color:#dbe7f3}.friendly-alert{box-shadow:0 10px 24px rgba(37,99,235,.06)}
.easy-flow-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #dbe7f3;border-radius:26px;padding:18px 20px;margin-bottom:14px;box-shadow:0 14px 32px rgba(15,23,42,.06)}.easy-flow-copy h2{font-size:24px;margin:4px 0 6px;letter-spacing:-.03em}.easy-flow-copy p{margin:0;color:#64748b;max-width:760px}.easy-flow-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.easy-flow-steps span{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;color:#64748b;background:#f8fafc;border-radius:999px;padding:8px 11px;font-weight:900}.easy-flow-steps span.active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.easy-flow-steps b{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-size:12px}.easy-flow-steps span.active b{background:#1d4ed8;color:#fff}.smart-filter{grid-template-columns:230px minmax(260px,1fr) 175px}.field-hint{display:block;color:#64748b;font-size:11px;margin-top:5px;line-height:1.3}.smart-filter .btn{width:100%}.smart-filter .reset-filter{width:100%;margin-top:7px}.transaction-form-easy input,.transaction-form-easy select{min-height:44px}.sticky-mobile-actions{border-top:1px solid #e2e8f0;padding-top:12px}.easy-student-list .class-student-item{box-shadow:0 8px 18px rgba(15,23,42,.045)}.easy-student-list .class-student-item strong{font-size:15px}.easy-student-list .class-student-item b{font-size:14px}.easy-student-list .class-student-item em{min-width:62px;text-align:center}.form-section-card{border:1px solid #dbe7f3;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:22px;padding:16px;margin-bottom:14px}.form-section-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.form-section-title span{width:34px;height:34px;border-radius:14px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.form-section-title strong{display:block;font-size:16px}.form-section-title small{display:block;color:#64748b;margin-top:2px}.friendly-check{background:#fff;border-color:#bfdbfe}.form-submit-bar{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:9px;background:rgba(255,255,255,.94);border:1px solid #dbe7f3;border-radius:18px;padding:10px;box-shadow:0 16px 40px rgba(15,23,42,.13);z-index:10}.form-submit-bar .btn{min-width:132px}
@media(max-width:1100px){.easy-workflow-panel{grid-template-columns:1fr}.workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-v11{align-items:flex-start}.home-primary-actions{min-width:220px}}
@media(max-width:900px){.home-hero-v11{display:block;padding:18px;border-radius:24px}.home-greeting h2{font-size:24px}.home-primary-actions{margin-top:14px;justify-content:stretch}.home-primary-actions .btn{flex:1 1 0}.easy-workflow-panel{padding:12px;border-radius:22px}.workflow-title{padding:6px}.workflow-actions{grid-template-columns:1fr 1fr}.workflow-actions a{display:block;padding:12px;min-height:94px}.workflow-actions i{margin-bottom:8px}.easy-flow-card{display:block;border-radius:22px}.easy-flow-steps{justify-content:flex-start;margin-top:12px}.smart-filter{grid-template-columns:1fr}.form-submit-bar{bottom:88px}.form-submit-bar .btn{flex:1 1 0}.guided-form{padding-bottom:8px}}
@media(max-width:560px){.home-hero-v11{margin-bottom:10px}.home-greeting p{font-size:12px}.easy-workflow-panel{margin-bottom:12px}.workflow-actions{grid-template-columns:1fr 1fr;gap:8px}.workflow-actions a{border-radius:16px;min-height:86px;padding:11px}.workflow-actions i{width:34px;height:34px;border-radius:12px;font-size:16px}.workflow-actions b{font-size:13px}.workflow-actions small{font-size:11px}.easy-stat-grid .card.stat{min-height:104px}.easy-flow-copy h2{font-size:20px}.easy-flow-copy p{font-size:12px}.easy-flow-steps{display:grid;grid-template-columns:repeat(3,1fr)}.easy-flow-steps span{justify-content:center;padding:8px 6px;font-size:11px}.easy-flow-steps b{width:22px;height:22px}.smart-filter{padding:11px}.field-hint{font-size:10.5px}.selected-student-panel{margin-bottom:12px}.sticky-mobile-actions{position:sticky;bottom:82px;background:#fff;border:1px solid #dbe7f3;border-radius:16px;padding:9px;box-shadow:0 12px 30px rgba(15,23,42,.12);z-index:10}.form-section-card{padding:13px;border-radius:18px}.form-section-title span{width:30px;height:30px;border-radius:12px}.form-section-title strong{font-size:14px}.form-submit-bar{bottom:82px;border-radius:16px}.form-submit-bar .btn{min-width:0}.mobile-app-nav{box-shadow:0 14px 34px rgba(15,23,42,.20)}}
@media print{.easy-workflow-panel,.easy-flow-card,.form-submit-bar{display:none!important}}


/* Publish polish - final dashboard/menu safety */
.home-hero-v11{display:flex!important;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:20px 22px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#7c3aed 54%,#0891b2);box-shadow:0 18px 45px rgba(37,99,235,.23);position:relative;overflow:hidden}.home-hero-v11:after{content:"";position:absolute;right:-48px;top:-58px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.13);pointer-events:none}.home-hero-v11>*{position:relative;z-index:1}.home-greeting h2{font-size:28px;margin:4px 0 6px;letter-spacing:-.04em}.home-greeting p{margin:0;color:#e0f2fe;max-width:720px}.home-primary-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.home-primary-actions .btn{min-width:140px}
.easy-workflow-panel{display:grid!important;grid-template-columns:240px 1fr;gap:14px;margin-bottom:16px;background:rgba(255,255,255,.96);border:1px solid #dbe7f3;border-radius:24px;padding:14px;box-shadow:0 14px 32px rgba(15,23,42,.06)}.workflow-title{padding:10px 12px}.workflow-title strong{display:block;font-size:17px}.workflow-title span{display:block;color:#64748b;margin-top:4px}.workflow-actions,.workflow-actions-final{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-actions a,.workflow-actions-final a{display:flex!important;gap:10px;align-items:center;text-decoration:none!important;color:#0f172a!important;background:#f8fbff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;transition:.15s;min-width:0}.workflow-actions a:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.08);border-color:#bfdbfe}.workflow-actions i{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-style:normal;font-size:18px;flex:0 0 38px}.workflow-actions b{display:block;white-space:normal}.workflow-actions small{display:block;color:#64748b;margin-top:2px;line-height:1.2;white-space:normal}.alert.success{font-weight:700}.app-page .alert.success{border-radius:16px}
@media(max-width:1100px){.easy-workflow-panel{grid-template-columns:1fr!important}.workflow-actions,.workflow-actions-final{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-hero-v11{align-items:flex-start}.home-primary-actions{min-width:220px}}
@media(max-width:900px){.home-hero-v11{display:block!important;padding:18px;border-radius:24px}.home-greeting h2{font-size:24px}.home-primary-actions{margin-top:14px;justify-content:stretch}.home-primary-actions .btn{flex:1 1 0}.easy-workflow-panel{padding:12px;border-radius:22px}.workflow-title{padding:6px}.workflow-actions a,.workflow-actions-final a{display:block!important;padding:12px;min-height:94px}.workflow-actions i{margin-bottom:8px}}
@media(max-width:560px){.easy-workflow-panel{margin-bottom:12px}.workflow-actions,.workflow-actions-final{grid-template-columns:1fr 1fr!important;gap:8px}.workflow-actions a,.workflow-actions-final a{border-radius:16px;min-height:86px;padding:11px}.workflow-actions i{width:34px;height:34px;border-radius:12px;font-size:16px}.workflow-actions b{font-size:13px}.workflow-actions small{font-size:11px}.home-greeting p{font-size:12px}.alert.success{font-size:12px;padding:10px 12px}}


/* V13 formal print refresh */
.formal-print-page{background:#eef2f7}
.formal-print-doc{width:min(980px,calc(100% - 24px));margin:18px auto 36px;background:#fff;border:1px solid #d7dee7;border-radius:8px;box-shadow:0 18px 45px rgba(15,23,42,.08);padding:22px 24px}
.landscape-print-doc{max-width:1180px}
.receipt-print-doc{max-width:840px}
.class-book-page{page-break-after:always}
.class-book-page:last-of-type{page-break-after:auto}
.formal-print-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid #1e293b}
.formal-branding{display:flex;gap:14px;align-items:flex-start}
.formal-brand-logo{width:46px;height:46px;border-radius:10px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:900}
.formal-branding h1{margin:0 0 4px;font-size:22px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.formal-branding p{margin:0;color:#475569;font-size:12px;line-height:1.45}
.formal-doc-meta{min-width:220px;border:1px solid #d7dee7;border-radius:6px;overflow:hidden}
.formal-doc-meta div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #d7dee7;font-size:12px}
.formal-doc-meta div:last-child{border-bottom:0}
.formal-doc-meta span{color:#64748b;font-weight:700}
.formal-doc-meta strong{color:#0f172a}
.formal-title-block{text-align:center;padding:14px 0 12px}
.formal-title-block h2{margin:0;font-size:18px;letter-spacing:.05em;text-transform:uppercase}
.formal-title-block p{margin:4px 0 0;color:#475569;font-size:12px}
.formal-info-table,.formal-summary-table,.formal-data-table{width:100%;border-collapse:collapse;margin-top:12px}
.formal-info-table th,.formal-info-table td,.formal-summary-table th,.formal-summary-table td,.formal-data-table th,.formal-data-table td{border:1px solid #cfd8e3;padding:8px 10px;font-size:12px;vertical-align:top}
.formal-info-table th,.formal-summary-table th,.formal-data-table thead th,.formal-data-table tfoot th{background:#f5f7fa;font-weight:800;color:#0f172a}
.formal-info-table th,.formal-summary-table th{width:18%;text-align:left}
.formal-info-table td{width:32%}
.formal-data-table thead th{text-transform:uppercase;letter-spacing:.03em}
.formal-data-table tfoot th{font-size:12px}
.formal-data-table tbody td,.formal-data-table tfoot th{background:#fff}
.formal-data-table tbody tr:nth-child(even) td{background:#fafbfd}
.formal-summary-table td{font-weight:800;background:#fff}
.formal-note-box{margin-top:12px;border:1px solid #cfd8e3;background:#fafbfd;padding:10px 12px;font-size:12px;line-height:1.6;color:#334155;border-radius:4px}
.formal-signatures{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:30px;padding-top:12px}
.formal-signatures>div{text-align:center}
.formal-signatures span{display:block;color:#334155;font-size:12px;margin-bottom:48px}
.formal-signatures strong{display:block;font-size:12px;font-weight:700}
.formal-info-table .strong,.formal-data-table .strong{font-weight:800}
.compact-meta-table th{width:16%}
.sign-cell{min-width:100px;height:34px}
@media(max-width:900px){.formal-print-doc{padding:16px;width:calc(100% - 12px)}.formal-print-header{display:block}.formal-doc-meta{margin-top:10px;min-width:0}.formal-signatures{gap:18px}.formal-branding h1{font-size:18px}}
@media(max-width:640px){.formal-info-table,.formal-summary-table,.formal-data-table{font-size:11px}.formal-info-table th,.formal-info-table td,.formal-summary-table th,.formal-summary-table td,.formal-data-table th,.formal-data-table td{padding:6px 7px}.formal-signatures{grid-template-columns:1fr 1fr;gap:14px}.formal-signatures span{margin-bottom:40px}.formal-branding p,.formal-title-block p{font-size:11px}}
@media print{body.formal-print-page{background:#fff}.formal-print-doc{width:100%;max-width:none;margin:0;border:0;box-shadow:none;border-radius:0;padding:0}.formal-print-header{padding-bottom:10px}.formal-data-table tbody tr:nth-child(even) td{background:#fff}.print-toolbar{display:none!important}.class-book-page{page-break-after:always}.class-book-page:last-of-type{page-break-after:auto}}


/* V14 print inspired by simple receipt layout */
.receipt-style-page{background:#f1f5f9;color:#1f2937;font-family:Inter,Arial,sans-serif}.receipt-style-doc{width:min(980px,calc(100% - 24px));margin:18px auto 40px;background:#fff;padding:30px 34px;border-radius:8px;box-shadow:0 18px 45px rgba(15,23,42,.10)}.receipt-print-doc{max-width:840px}.book-print-doc{max-width:980px}.report-print-doc{max-width:1160px}.receipt-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:5px solid #10a77a;padding-bottom:14px;margin-bottom:18px}.receipt-style-brand{display:flex;gap:12px;align-items:flex-start}.receipt-style-logo{width:50px;height:50px;border-radius:14px;background:#0ea5e9;color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.receipt-style-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.receipt-style-brand h1{margin:0 0 4px;color:#08735e;font-size:24px;line-height:1.05;font-weight:900}.receipt-style-brand p{margin:0;font-size:13px;line-height:1.35;color:#334155}.receipt-style-title{text-align:right;min-width:210px}.receipt-style-title h2{margin:0;color:#08735e;font-size:32px;line-height:1;font-weight:900;letter-spacing:.02em}.receipt-style-title strong{display:block;margin-top:5px;color:#1f2937;font-size:15px}.soft-box{background:#ecfdf5;border:1px solid #b7eadc;border-radius:16px;padding:15px 18px}.receipt-style-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin-bottom:18px}.receipt-style-info div span{display:block;color:#475569;font-size:12px;font-weight:800;margin-bottom:3px}.receipt-style-info div b{font-size:13px;color:#1f2937}.receipt-style-info .wide-info{grid-column:span 2}.big-money{font-size:18px!important;color:#08735e!important}.receipt-style-table{width:100%;border-collapse:collapse;margin-top:14px}.receipt-style-table th,.receipt-style-table td{border:1px solid #b7eadc;padding:11px 12px;font-size:13px;vertical-align:top}.receipt-style-table thead th{background:#dbf8ed;color:#08735e;text-align:left;font-weight:900}.receipt-style-table tfoot th{background:#dbf8ed;color:#08735e}.receipt-style-table .money{font-weight:900}.payment-summary-table .money{font-size:18px}.payment-summary-table td:first-child{width:50%}.ledger-print-table th,.ledger-print-table td,.data-print-table th,.data-print-table td{font-size:12px;padding:8px 9px}.summary-print-table td{font-weight:900}.receipt-style-note{margin-top:16px;background:#ecfdf5;border:1px solid #b7eadc;border-radius:14px;padding:12px 14px;color:#334155;font-size:13px;line-height:1.5}.receipt-style-sign{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:48px}.receipt-style-sign div{text-align:center}.receipt-style-sign span{display:block;margin-bottom:46px;color:#334155}.receipt-style-sign strong{display:block;font-weight:900}.page-break-after{page-break-after:always}.page-break-after:last-of-type{page-break-after:auto}.sign-cell{height:34px}.right{text-align:right}
@media(max-width:900px){.receipt-style-doc{padding:22px;width:calc(100% - 16px)}.receipt-style-head{display:block}.receipt-style-title{text-align:left;margin-top:16px}.receipt-style-info{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-style-brand h1{font-size:21px}.receipt-style-title h2{font-size:26px}}
@media(max-width:620px){.receipt-style-info{grid-template-columns:1fr}.receipt-style-info .wide-info{grid-column:auto}.receipt-style-table th,.receipt-style-table td{font-size:12px;padding:8px}.receipt-style-sign{gap:28px}.receipt-style-brand{display:block}.receipt-style-logo{margin-bottom:10px}}
@media print{@page{size:A4;margin:12mm}body.receipt-style-page{background:#fff}.receipt-style-doc{width:100%;max-width:none;margin:0;padding:0;box-shadow:none;border-radius:0}.report-print-doc{max-width:none}.receipt-style-head{padding-bottom:10px;margin-bottom:12px}.receipt-style-brand h1{font-size:21px}.receipt-style-title h2{font-size:27px}.receipt-style-info{padding:12px 14px;margin-bottom:14px;gap:7px 14px}.receipt-style-info div b,.receipt-style-table th,.receipt-style-table td,.receipt-style-note{font-size:11.5px}.payment-summary-table .money{font-size:15px}.receipt-style-table th,.receipt-style-table td{padding:7px 8px}.ledger-print-table th,.ledger-print-table td,.data-print-table th,.data-print-table td{font-size:10.5px;padding:5px 6px}.receipt-style-note{padding:9px 11px}.receipt-style-sign{margin-top:40px}.receipt-style-sign span{margin-bottom:40px}.print-toolbar{display:none!important}.page-break-after{page-break-after:always}.page-break-after:last-of-type{page-break-after:auto}}


/* V15 simple formal print - consistent layout */
.simple-print-page{background:#eef2f7;color:#111827;font-family:Arial,Helvetica,sans-serif}
.simple-print-doc{width:min(1040px,calc(100% - 24px));margin:18px auto 36px;background:#fff;padding:28px 30px;border-radius:6px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.receipt-simple-doc{max-width:860px}.book-simple-doc{max-width:980px}.report-simple-doc{max-width:1180px}
.simple-print-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:10px;border-bottom:1.5px solid #334155}
.simple-school-block{display:flex;gap:12px;align-items:flex-start}.simple-print-logo{width:44px;height:44px;border-radius:10px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.simple-print-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.simple-school-block h1{margin:0 0 4px;font-size:18px;font-weight:800;line-height:1.15}.simple-school-block p{margin:0;font-size:12px;line-height:1.45;color:#374151}.simple-doc-label{text-align:right;font-size:12px}.simple-doc-label span{display:block;color:#6b7280;margin-bottom:2px}.simple-doc-label strong{font-size:14px;font-weight:700}
.simple-title-bar{text-align:center;padding:12px 0 10px}.simple-title-bar h2{margin:0;font-size:16px;letter-spacing:.05em;font-weight:800}.simple-title-bar p{margin:4px 0 0;font-size:12px;color:#4b5563;font-weight:700}
.simple-meta-two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}.simple-meta-table{width:100%;border-collapse:collapse}.simple-meta-table td{padding:4px 0;font-size:12px;vertical-align:top}.simple-meta-table .label{width:145px;font-weight:700}.simple-meta-table .colon{width:10px;text-align:center}.simple-meta-table .strong{font-weight:800}
.simple-summary-table,.simple-summary-grid,.simple-data-table{width:100%;border-collapse:collapse;margin-top:14px}.simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td{border:1px solid #cbd5e1;padding:8px 10px;font-size:12px;vertical-align:top}.simple-summary-table th,.simple-summary-grid th,.simple-data-table thead th,.simple-data-table tfoot th{background:#f8fafc;font-weight:800}.simple-summary-table th{width:160px;text-align:left}.simple-summary-table td{font-weight:800}.simple-summary-grid td{text-align:center;font-weight:800}.simple-summary-grid.three-col th,.simple-summary-grid.three-col td{width:33.333%}
.single-line-table td:first-child{width:52%}.compact-print-table th,.compact-print-table td{font-size:11.5px;padding:7px 8px}.simple-data-table tbody tr:nth-child(even) td{background:#fcfcfd}.simple-data-table .strong{font-weight:800}.simple-note{margin-top:14px;padding:10px 12px;border:1px solid #dbe3ec;background:#fafcff;border-radius:4px;font-size:12px;line-height:1.6;color:#334155}.simple-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:36px}.simple-signatures div{text-align:center}.simple-signatures span{display:block;margin-bottom:46px;font-size:12px;color:#374151}.simple-signatures strong{display:block;font-size:12px;font-weight:700}.sign-cell{height:34px;min-width:100px}
@media(max-width:900px){.simple-print-doc{padding:20px;width:calc(100% - 14px)}.simple-print-header{display:block}.simple-doc-label{text-align:left;margin-top:10px}.simple-meta-two-col{grid-template-columns:1fr;gap:10px}.simple-signatures{gap:24px}.simple-school-block h1{font-size:17px}}
@media(max-width:620px){.simple-print-doc{padding:14px}.simple-school-block{display:block}.simple-print-logo{margin-bottom:8px}.simple-title-bar h2{font-size:14px}.simple-meta-table td,.simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td{font-size:11px;padding:6px}.simple-signatures{gap:16px}.simple-signatures span{margin-bottom:38px}}
@media print{@page{size:A4;margin:12mm}body.simple-print-page{background:#fff}.simple-print-doc{width:100%;max-width:none;margin:0;padding:0;box-shadow:none;border-radius:0}.print-toolbar{display:none!important}.simple-school-block h1{font-size:18px}.simple-title-bar{padding:8px 0 10px}.simple-title-bar h2{font-size:16px}.simple-meta-table td,.simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td,.simple-note,.simple-signatures span,.simple-signatures strong{font-size:11px}.simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td{padding:6px 7px}.compact-print-table th,.compact-print-table td{font-size:10px;padding:5px 6px}.simple-signatures{margin-top:28px}.simple-signatures span{margin-bottom:38px}}


/* V15.1 print refinement: force structured columns on print preview */
.receipt-print-doc .receipt-style-info{grid-template-columns:repeat(4,minmax(0,1fr))}
.book-print-doc .receipt-style-info.student-summary-box{grid-template-columns:repeat(4,minmax(0,1fr))}
.report-print-doc .report-filter-box{grid-template-columns:repeat(5,minmax(0,1fr))}
.report-print-doc .report-filter-box div:last-child{grid-column:auto}
.book-print-doc .student-summary-box .wide-info{grid-column:span 2}
.summary-print-table td,.summary-print-table th{text-align:center}
@media print{
  .receipt-style-info{display:grid!important;gap:7px 14px!important}
  .receipt-print-doc .receipt-style-info{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .book-print-doc .receipt-style-info.student-summary-box{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .book-print-doc .student-summary-box .wide-info{grid-column:span 2!important}
  .report-print-doc .report-filter-box{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .report-print-doc .report-filter-box div:last-child{grid-column:span 1!important}
  .receipt-style-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
  .receipt-style-title{text-align:right!important;margin-top:0!important}
  .receipt-style-brand{display:flex!important;align-items:flex-start!important}
}


/* V16 print table border completion */
.simple-meta-table{border-collapse:collapse;width:100%}
.simple-meta-table tr td{border-bottom:1px solid #cbd5e1}
.simple-meta-table tr:last-child td{border-bottom:1px solid #cbd5e1}
.simple-meta-table td{padding:7px 0;font-size:12px;vertical-align:top}
.simple-summary-table,.simple-summary-grid,.simple-data-table{border:1px solid #cbd5e1}
.simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td{border:1px solid #cbd5e1!important}
.simple-data-table tbody tr:last-child td,.simple-summary-table tr:last-child th,.simple-summary-table tr:last-child td,.simple-summary-grid tr:last-child th,.simple-summary-grid tr:last-child td{border-bottom:1px solid #cbd5e1!important}
.simple-data-table tbody tr td:first-child,.simple-data-table thead tr th:first-child,.simple-summary-table tr th:first-child,.simple-summary-table tr td:first-child,.simple-summary-grid tr th:first-child,.simple-summary-grid tr td:first-child{border-left:1px solid #cbd5e1!important}
.simple-data-table tbody tr td:last-child,.simple-data-table thead tr th:last-child,.simple-summary-table tr th:last-child,.simple-summary-table tr td:last-child,.simple-summary-grid tr th:last-child,.simple-summary-grid tr td:last-child{border-right:1px solid #cbd5e1!important}
.simple-note{border:1px solid #cbd5e1}
@media print{
  .simple-meta-table tr td{border-bottom:1px solid #cbd5e1!important}
  .simple-summary-table,.simple-summary-grid,.simple-data-table{border:1px solid #cbd5e1!important}
  .simple-summary-table th,.simple-summary-table td,.simple-summary-grid th,.simple-summary-grid td,.simple-data-table th,.simple-data-table td{border:1px solid #cbd5e1!important}
  .simple-data-table tbody tr:last-child td,.simple-summary-table tr:last-child th,.simple-summary-table tr:last-child td,.simple-summary-grid tr:last-child th,.simple-summary-grid tr:last-child td{border-bottom:1px solid #cbd5e1!important}
  .simple-note{border:1px solid #cbd5e1!important}
}


/* V17 premium login refresh */
.login-page-v17{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.75),transparent 34%),radial-gradient(circle at 85% 80%,rgba(14,165,233,.35),transparent 30%),linear-gradient(135deg,#07111f 0%,#102a65 45%,#020617 100%);padding:28px;position:relative}
.login-page-v17:before,.login-page-v17:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08);filter:blur(.2px)}
.login-page-v17:before{width:360px;height:360px;left:-120px;bottom:-100px}.login-page-v17:after{width:220px;height:220px;right:8%;top:9%}
.login-shell-v17{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:28px;align-items:stretch;position:relative;z-index:1}
.login-brand-panel-v17{min-height:560px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 28px 90px rgba(0,0,0,.28);border-radius:34px;padding:32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;backdrop-filter:blur(18px)}
.login-brand-panel-v17:after{content:"";position:absolute;right:-80px;bottom:-90px;width:320px;height:320px;border-radius:999px;background:linear-gradient(135deg,rgba(14,165,233,.36),rgba(37,99,235,.08))}
.login-top-brand-v17{display:flex;gap:14px;align-items:center;position:relative;z-index:1}.login-top-brand-v17 strong{display:block;font-size:18px;line-height:1.2}.login-top-brand-v17 span{display:block;color:#bfdbfe;font-size:13px;margin-top:3px}.login-logo-v17,.login-mini-logo-v17{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 16px 36px rgba(14,165,233,.28);overflow:hidden}.login-logo-v17 img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}.login-hero-copy-v17{position:relative;z-index:1;max-width:560px}.login-eyebrow-v17{display:inline-flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#dbeafe;border-radius:999px;padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.login-hero-copy-v17 h1{font-size:46px;line-height:1.02;margin:18px 0 12px;letter-spacing:-.055em}.login-hero-copy-v17 p{font-size:16px;line-height:1.65;color:#dbeafe;margin:0;max-width:520px}.login-feature-grid-v17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.login-feature-grid-v17 div{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:18px;padding:14px}.login-feature-grid-v17 b{display:block;font-size:13px;margin-bottom:5px}.login-feature-grid-v17 span{display:block;color:#dbeafe;font-size:12px;line-height:1.4}.login-card-v17{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.75);border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.30);padding:32px;align-self:center}.login-card-head-v17{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.login-card-head-v17 span{display:block;color:#2563eb;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.login-card-head-v17 h2{font-size:32px;line-height:1;margin:7px 0 0;letter-spacing:-.04em}.login-mini-logo-v17{width:46px;height:46px;border-radius:16px;font-size:14px}.login-help-v17{color:#475569;line-height:1.55;margin:0 0 18px}.login-form-v17{display:grid;gap:14px}.login-field-v17 label{font-size:12px;color:#334155;font-weight:900;margin-bottom:7px}.login-input-wrap-v17{display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;border-radius:18px;background:#f8fafc;padding:0 12px;transition:.16s}.login-input-wrap-v17:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #dbeafe;background:#fff}.login-input-wrap-v17>span{width:22px;text-align:center;opacity:.75}.login-input-wrap-v17 input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:14px 0!important;font-weight:700}.password-toggle-v17{border:0;background:#e0ecff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer}.login-submit-v17{height:50px;border-radius:18px;font-size:15px;margin-top:2px;box-shadow:0 14px 28px rgba(37,99,235,.24)}.login-note-v17{margin-top:18px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:13px 14px;line-height:1.55;font-size:12px}.login-note-v17 strong{display:block;margin-bottom:3px}.login-card-v17 .alert{border-radius:18px;margin-bottom:14px}
@media(max-width:1040px){.login-shell-v17{grid-template-columns:1fr;max-width:640px}.login-brand-panel-v17{min-height:auto;gap:30px}.login-hero-copy-v17 h1{font-size:38px}.login-feature-grid-v17{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.login-page-v17{padding:14px;align-items:start}.login-shell-v17{gap:14px}.login-brand-panel-v17{border-radius:26px;padding:22px;gap:22px}.login-card-v17{border-radius:26px;padding:22px}.login-hero-copy-v17 h1{font-size:31px}.login-hero-copy-v17 p{font-size:14px}.login-feature-grid-v17{grid-template-columns:1fr}.login-card-head-v17 h2{font-size:28px}.login-input-wrap-v17 input{padding:13px 0!important}.login-top-brand-v17 strong{font-size:16px}}
@media(max-width:420px){.login-page-v17{padding:10px}.login-brand-panel-v17{display:none}.login-card-v17{padding:20px}.login-card-head-v17{align-items:center}.login-mini-logo-v17{width:42px;height:42px}.login-help-v17{font-size:13px}.password-toggle-v17{padding:6px 8px}}


/* V18 sidebar overlap fix */
.sidebar{height:100dvh;overflow:hidden;min-height:0}
.nav-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;padding-bottom:12px;scrollbar-width:thin}
.sidebar-footer{flex:0 0 auto;margin-top:14px;margin-bottom:0!important}
.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}.nav-menu::-webkit-scrollbar-track{background:transparent}
@media(max-width:900px){
  .sidebar{height:100dvh;max-height:100dvh;padding-bottom:18px;z-index:80}
  body.sidebar-open .mobile-app-nav{display:none!important}
  body.sidebar-open{overflow:hidden}
  .sidebar-open .mobile-backdrop{z-index:70!important}
  .sidebar-open .sidebar{z-index:90!important}
  .nav-menu{padding-bottom:18px}
}
@media(max-width:560px){.sidebar{width:min(82vw,300px)}}


/* V19 mobile sidebar final fix */
.sidebar{display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.sidebar .brand{flex:0 0 auto!important;margin-bottom:12px!important}
.sidebar .nav-menu{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important;padding-bottom:28px!important;-webkit-overflow-scrolling:touch!important}
.sidebar .sidebar-footer{flex:0 0 auto!important;margin-top:10px!important}
@media(max-width:900px){
  .sidebar{z-index:1200!important;width:min(84vw,292px)!important;padding:16px 14px 16px!important}
  .sidebar .nav-menu{max-height:calc(100dvh - 92px)!important;padding-bottom:44px!important}
  .sidebar .sidebar-footer{display:none!important}
  body.sidebar-open .mobile-app-nav,
  .sidebar-open .mobile-app-nav,
  html.sidebar-open .mobile-app-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(140%)!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important;z-index:1200!important}
  body.sidebar-open .mobile-backdrop{display:block!important;z-index:1100!important;background:rgba(15,23,42,.55)!important}
  body.sidebar-open{overflow:hidden!important;touch-action:none!important}
}
@media(max-width:560px){.sidebar .nav-menu a{padding:10px 11px!important}.sidebar .nav-title{margin:12px 8px 4px!important}.sidebar{width:min(78vw,286px)!important}}