*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f4f7fb;color:#172033}a{color:#0b5ed7;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:linear-gradient(180deg,#0b5ed7,#073d91);color:#fff;padding:18px;overflow:auto;z-index:50}.brand{display:flex;gap:10px;align-items:center;padding:5px 5px 20px;border-bottom:1px solid #ffffff25}.brand img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff}.logo{font-size:30px}.brand b{display:block;font-size:15px}.brand small{display:block;color:#dce9ff;font-size:11px;margin-top:3px}.sidebar nav{padding:15px 0}.sidebar nav a,.logout{display:block;color:#fff;padding:11px 12px;border-radius:9px;margin:3px 0;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18}.side-dev{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:12px;font-size:12px;margin-top:8px}.side-dev strong,.side-dev span{display:block}.side-dev a{color:#fff;text-decoration:underline;display:inline-block;margin-top:8px}.logout{margin-top:12px;background:#ffffff12}.main{margin-left:255px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:20}.topbar b{display:block}.topbar small{color:#667085;font-size:11px}.menu{display:none;border:0;background:#eef4ff;padding:8px;border-radius:8px}.user{display:flex;gap:10px;align-items:center}.user span{font-size:13px}.user em{font-size:11px;background:#edf4ff;color:#0b5ed7;padding:5px 8px;border-radius:999px;font-style:normal}.container{padding:24px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#0b5ed7,#0a4da8);color:#fff;border-radius:18px;padding:25px;margin-bottom:20px;box-shadow:0 10px 30px #0b5ed71c}.hero h1{margin:6px 0}.hero p{margin:0;color:#e7efff}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;opacity:.8}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn,.primary{display:inline-block;border:0;border-radius:9px;padding:11px 15px;font-weight:700}.primary{background:#0b5ed7;color:#fff}.hero .primary{background:#fff;color:#0b5ed7}.ghost{background:#fff;color:#0b5ed7;border:1px solid #d9e2f2}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e4e9f1;border-radius:14px;padding:18px;box-shadow:0 2px 10px #10182808}.stat small,.stat span{display:block;color:#667085;font-size:12px}.stat b{display:block;font-size:23px;margin:7px 0}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:18px}.card{background:#fff;border:1px solid #e4e9f1;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px #10182808}.card-title,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.card-title h3,.toolbar h3,.card h3{margin:0}.card p{color:#667085;font-size:13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{padding:14px;border:1px solid #e5e9f0;border-radius:12px;background:#fafcff}.quick-grid b,.quick-grid small{display:block}.quick-grid b{margin:5px 0;color:#172033}.quick-grid small{color:#667085}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px}.form-grid label{font-size:12px;color:#667085}.form-grid label input{margin-top:5px}.form-grid input,.form-grid select,.toolbar input,.login-card input,.chatbox input,.chatbox select{width:100%;padding:11px 12px;border:1px solid #ccd5e2;border-radius:9px;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.toolbar input:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px #0b5ed714}.form-grid button{align-self:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf0f4;font-size:13px}th{font-size:11px;text-transform:uppercase;color:#667085;letter-spacing:.03em}.pill{display:inline-block;background:#f1f5f9;padding:4px 8px;border-radius:999px;font-size:11px}.pill.success{background:#eaf8ef;color:#14753b}.pill.danger{background:#fdecec;color:#a51d2d}.danger-link{color:#b42318;font-weight:700}.toolbar form{min-width:260px}.toolbar-links{display:flex;gap:8px;align-items:center}.pos-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px}.pos-card{max-width:none}.amount-box{background:#f5f8ff;border:1px solid #dce7fb;border-radius:12px;padding:12px}.amount-box small,.amount-box span{display:block;color:#667085;font-size:11px}.amount-box input{font-size:24px;font-weight:800;border:0;background:transparent;padding:5px 0;outline:none}.big{padding:14px}.channel{padding:13px 0;border-bottom:1px solid #edf0f4}.channel b,.channel span{display:block}.channel span{font-size:12px;color:#667085;margin-top:3px}.notice{background:#fff7e6;border:1px solid #f5dfad;padding:12px;border-radius:10px;font-size:12px;color:#7a5a14;margin-top:15px}.inline-form{display:flex;gap:5px}.inline-form input{padding:7px;border:1px solid #ccd5e2;border-radius:7px;max-width:100px}.inline-form button{background:#0b5ed7;color:#fff;border:0;border-radius:7px;padding:7px}.report-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.report-links a{background:#fff;border:1px solid #dce3ee;padding:10px 13px;border-radius:9px}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.feature-list span{background:#f7f9fc;border-radius:8px;padding:10px;font-size:13px}.developer-banner{background:#fff;border:1px solid #e4e9f1;border-radius:13px;padding:12px 15px;margin:0 0 70px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.developer-banner div:last-child{display:flex;gap:12px;flex-wrap:wrap}.developer-banner a{font-weight:700}.ad-banner{position:fixed;bottom:0;left:255px;right:0;background:#fff4cf;border-top:1px solid #e8d493;padding:9px 18px;z-index:30;display:flex;justify-content:center;gap:20px;font-size:12px}.ad-banner a{color:#7b5700;font-weight:700}.ad-banner span{color:#667085}.chat-fab{position:fixed;right:20px;bottom:60px;width:55px;height:55px;border:0;border-radius:50%;background:#0b5ed7;color:#fff;font-size:23px;box-shadow:0 8px 25px #0002;z-index:40}.chatbox{position:fixed;right:20px;bottom:125px;width:360px;background:#fff;border:1px solid #dce3ee;border-radius:15px;box-shadow:0 15px 50px #0003;z-index:41;display:none;overflow:hidden}.chatbox.open{display:block}.chat-head{padding:13px 15px;background:#0b5ed7;color:#fff;display:flex;justify-content:space-between}.chat-head button{background:transparent;color:#fff;border:0;font-size:20px}.chatbox>select{margin:10px 10px 0;width:calc(100% - 20px);padding:8px;border:1px solid #ccd5e2;border-radius:8px}.chatlog{height:210px;overflow:auto;padding:12px;background:#f6f8fb;font-size:12px}.chat-input{display:flex;gap:6px;padding:10px}.chat-input button{background:#0b5ed7;color:#fff;border:0;border-radius:8px;padding:0 13px}.ad-modal{position:fixed;inset:0;background:#0008;z-index:80;display:none;align-items:center;justify-content:center}.ad-card{position:relative;background:#fff;border-radius:18px;padding:35px;max-width:420px;width:calc(100% - 30px);text-align:center}.ad-card>button{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px}.ad-card a{display:inline-block;background:#0b5ed7;color:#fff;padding:12px 18px;border-radius:9px}.receipt-page{max-width:800px;margin:auto}.receipt-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:15px;flex-wrap:wrap}.receipt{background:#fff;border:1px solid #dfe5ed;border-radius:14px;padding:28px;box-shadow:0 8px 30px #0001}.receipt-head{display:flex;gap:15px;align-items:center}.receipt-logo{font-size:40px}.receipt h1{margin:0;font-size:20px}.receipt p{color:#667085;font-size:12px}.receipt-title{text-align:center;font-weight:900;letter-spacing:.08em;margin:25px 0}.receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.receipt-grid span{font-size:11px;color:#667085}.receipt-grid b{display:block;color:#172033;margin-top:3px}.student-block{display:grid;gap:4px;margin:15px 0;font-size:13px}.receipt-total,.receipt-balance{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0}.receipt-total{font-size:18px;border-bottom:1px solid #ddd}.receipt-balance{font-size:12px}.receipt-footer{text-align:center;margin-top:25px;padding-top:15px;border-top:1px dashed #bbb;font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#f8fafc)}.login-shell{width:min(460px,calc(100% - 30px));text-align:center}.login-brand{display:flex;justify-content:center;gap:12px;align-items:center;margin-bottom:18px}.login-brand span{font-size:42px}.login-brand h1{margin:0;font-size:25px}.login-brand p{margin:5px 0;color:#667085;font-size:12px}.login-card{text-align:left;background:#fff;border:1px solid #e4e9f1;padding:22px;border-radius:15px;box-shadow:0 10px 35px #0001}.login-card label{display:block;font-size:12px;color:#667085;margin-bottom:12px}.login-card input{margin-top:5px}.login-card .primary{width:100%;margin-top:8px}.login-note{font-size:11px;color:#667085;text-align:center}.login-dev{font-size:12px;color:#667085;margin-top:15px}.alert{padding:11px;border-radius:9px;margin-bottom:12px;font-size:12px}.danger{background:#fdecec;color:#a51d2d}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu{display:block}.topbar{gap:10px}.two-col,.pos-layout{grid-template-columns:1fr}.developer-banner{flex-direction:column;align-items:flex-start}.ad-banner{left:0}.container{padding:15px}.hero{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.topbar{padding:0 12px}.topbar small{display:none}.user span{display:none}.quick-grid{grid-template-columns:1fr}.toolbar,.card-title{align-items:flex-start;flex-direction:column}.toolbar form{width:100%;min-width:0}.receipt{padding:18px}.receipt-grid{grid-template-columns:1fr}.developer-banner{margin-bottom:95px}.ad-banner{font-size:10px;padding:7px;gap:8px}.chatbox{left:10px;right:10px;width:auto}}
@media print{body{background:#fff}.sidebar,.topbar,.developer-banner,.ad-banner,.chat-fab,.chatbox,.receipt-actions{display:none!important}.main{margin:0}.container{padding:0}.receipt{box-shadow:none;border:0;border-radius:0;max-width:80mm;padding:4mm;margin:auto}.receipt h1{font-size:16px}.receipt p,.receipt-grid,.student-block,table{font-size:9px}.receipt-title{font-size:10px;margin:10px 0}.receipt-total{font-size:12px}}