*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background:#f4f7fb}button,input,textarea,select{font:inherit}.quanta-a4{--p:#102a43;--s:#486581;--th:#d9e2ec;--tht:#102a43;--b:#bcccdc;--tc:#102a43;width:210mm;min-height:297mm;padding:14mm;margin:auto;background:#fff;color:#102a43;box-sizing:border-box;font:12px Arial,sans-serif}.q-title{text-align:center!important;font-size:22px!important;font-weight:800!important;color:var(--tc)!important;margin:0 0 24px!important}.q-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;line-height:1.7}.q-party-right{text-align:right}.q-logo{height:42px;margin-bottom:8px;color:#829ab1}.q-meta{display:flex;justify-content:space-between;border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:8px 0;margin:16px 0}.q-table{width:100%;border-collapse:collapse;font-size:9px}.q-table th{background:var(--th);color:var(--tht);padding:6px 3px;border:1px solid var(--b)}.q-table td{padding:6px 3px;border:1px solid var(--b)}.q-totals{text-align:right;line-height:1.8;margin:12px 0 22px}.q-sign{display:flex;justify-content:space-between;margin-top:28px;line-height:2}.q-footer{text-align:center;margin-top:30px;color:var(--s)}@media print{.quanta-a4{width:210mm;min-height:297mm;border:0}@page{size:A4;margin:0}}.quanta-80mm{width:80mm;min-height:120mm;padding:5mm 4mm;margin:auto;background:#fff;color:#000;box-sizing:border-box;font:11px Arial,sans-serif}.quanta-80mm .t-center{text-align:center;line-height:1.45}.quanta-80mm .t-logo{height:34px;margin-bottom:4px}.quanta-80mm .t-title{text-align:center;font-weight:800;font-size:14px;margin:7px 0}.quanta-80mm .t-rule{border-top:1px dashed #000;margin:7px 0}.quanta-80mm .t-row{display:flex;justify-content:space-between;gap:8px;line-height:1.55}.quanta-80mm .t-row span:last-child,.quanta-80mm .t-row b:last-child{text-align:right}.quanta-80mm .t-total{font-size:13px;font-weight:800;border-top:1px solid #000;border-bottom:1px solid #000;padding:4px 0;margin:4px 0}.quanta-80mm .t-footer{margin-top:8px;font-size:10px}@media print{.quanta-80mm{width:80mm;min-height:0;padding:3mm;border:0}}@media print{body *{visibility:hidden!important}.universal-print-target,.universal-print-target *{visibility:visible!important}.universal-print-target{position:absolute!important;left:0!important;top:0!important;margin:0!important}.no-print{display:none!important}}html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.elevate-splash{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f7fb}.splash-mark{width:72px;height:72px;object-fit:contain}.elevate-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,#061d3b,#102a43,#0b7191)}.login-card{width:min(980px,94vw);min-height:540px;display:grid!important;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:24px!important}.login-brand-panel{padding:56px;color:#fff;background:linear-gradient(150deg,#061d3bf5,#102a43e0);display:flex;flex-direction:column;justify-content:center}.melsoft-logo{width:210px;max-width:70%;max-height:230px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;margin-bottom:36px}.login-title{font-weight:900!important;letter-spacing:1px}.login-title span{color:#18b8b6}.login-tagline{font-size:1.15rem!important;font-weight:700!important;margin-top:16px!important}.login-form{padding:64px 54px;display:flex;flex-direction:column;justify-content:center}.show-password{display:flex;align-items:center;gap:9px;font-size:.95rem;color:#42526e;cursor:pointer}.product-signature{text-align:center;margin-top:34px!important;font-weight:700!important;color:#102a43;font-size:.85rem!important}.elevate-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:10px 24px;background:linear-gradient(90deg,#061d3b,#102a43 60%,#0b7191);color:#fff;border-bottom:3px solid #18b8b6;position:sticky;top:0;z-index:1100}.appbar-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 320px;cursor:pointer}.school-logo{width:46px;height:46px;flex:none;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.appbar-name{font-weight:800!important;font-size:1.2rem!important;line-height:1.2!important}.nav-details{opacity:.9;font-size:.75rem!important;line-height:1.25!important}.nav-secondary{opacity:.65;font-size:.68rem!important;line-height:1.25!important}.appbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.institution-select{min-width:260px;background:#fff;border-radius:4px}.appbar-actions .MuiButton-root{color:#fff;border-color:#fff9}.MuiTableContainer-root{overflow-x:auto}.MuiTable-root{min-width:560px}.MuiTabs-root{max-width:100%}.branding-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.branding-logo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:1px dashed #b8c7d6;border-radius:12px;background:#fafcff}.branding-preview{width:150px;height:150px;object-fit:contain}.branding-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branding-fields>div:last-child{grid-column:1/-1}@media(max-width:1100px){.login-card{min-height:0}.login-brand-panel{padding:40px}.login-form{padding:48px 40px}}@media(max-width:899.95px){.nav-details{display:none}.MuiTable-root{min-width:520px}}@media(max-width:760px){.elevate-login{padding:12px;align-items:flex-start}.login-card{grid-template-columns:1fr!important;width:100%;border-radius:16px!important}.login-brand-panel{padding:24px 20px;align-items:center;text-align:center}.melsoft-logo{width:150px;margin-bottom:16px}.login-title{font-size:1.9rem!important}.login-form{padding:28px 20px}.branding-grid,.branding-fields{grid-template-columns:1fr}.elevate-appbar{padding:8px 12px}.appbar-actions{width:100%}.institution-select{flex:1 1 100%;min-width:0}}@media(max-width:600px){.nav-secondary{display:none}.appbar-name{font-size:1rem!important}.MuiTypography-h4{font-size:1.5rem!important;line-height:1.25}.MuiTypography-h5{font-size:1.25rem!important}.MuiTextField-root,.MuiFormControl-root{max-width:100%!important;min-width:0!important}.MuiButton-root{max-width:100%}.MuiDialog-paper{margin:12px!important;width:calc(100% - 24px)!important;max-width:none!important}.MuiTableCell-root{padding:8px 10px;font-size:.8rem}.quanta-a4{transform-origin:top left}}@media(max-width:380px){.school-logo{width:36px;height:36px}}