@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-800-normal-BvOXQlBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/be-vietnam-pro-vietnamese-900-normal-DUJ3fpCl.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-900-normal-CJ0FqwHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/be-vietnam-pro-latin-ext-900-normal-ZqdYLy0O.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-900-normal-M0J0FdCQ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/be-vietnam-pro-latin-900-normal-B6esVQUu.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-900-normal-D2lp0V9C.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--navy:#062d54;--navy2:#0b3d69;--teal:#078980;--gold:#eda900;--ink:#122337;--muted:#6e7c8c;--line:#dbe3ea;--soft:#f4f7f9}*{box-sizing:border-box}body{color:var(--ink);background:#eef3f6;margin:0;font-family:Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#052c52,#041d36);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1c;align-items:center;gap:12px;padding:0 8px 27px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:14px;width:54px;height:54px;padding:4px}.brand div{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:.08em;font-size:15px}.brand span{color:#f4b000;letter-spacing:.08em;margin-top:6px;font-size:19px;font-weight:800}.sidebar nav{gap:7px;margin-top:24px;display:grid}.sidebar nav button{color:#b8c8d7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.sidebar nav button:hover,.sidebar nav .nav-active{color:#fff;background:#ffffff12}.sidebar nav .nav-active{box-shadow:inset 3px 0 #f0ae00}.privacy-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;gap:10px;margin-top:auto;padding:14px;display:flex}.privacy-card svg{color:#61d8c9;flex:none}.privacy-card b{font-size:12px}.privacy-card p{color:#9eb2c5;margin:4px 0 0;font-size:10px;line-height:1.5}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:26px 34px 20px;display:flex}.eyebrow,.panel-heading span,.preview-head span{letter-spacing:.14em;color:var(--teal);font-size:10px;font-weight:800}h1{color:var(--navy);margin:5px 0;font-size:26px}.topbar p{color:var(--muted);margin:0;font-size:13px}.status-pill{color:#25735f;background:#ecf8f4;border:1px solid #c8e9dc;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.toolbar{border-bottom:1px solid var(--line);background:#f8fafb;align-items:center;gap:10px;padding:14px 34px;display:flex}.toolbar button{border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.import-btn{color:var(--navy);background:#fff;border:1px dashed #91a5b7}.file-chip{color:#587083;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;max-width:230px;font-size:11px;display:flex;overflow:hidden}.file-chip span{text-overflow:ellipsis;overflow:hidden}.secondary-btn{border:1px solid var(--line);color:var(--navy);background:#fff;margin-left:auto}.primary-btn{border:1px solid var(--navy);background:var(--navy);color:#fff}.content-grid{grid-template-columns:380px minmax(600px,1fr);gap:20px;padding:22px 34px 40px;display:grid}.control-panel,.preview-panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 8px 24px #0b2e4d0c}.control-panel{padding:20px}.panel-heading,.preview-head{justify-content:space-between;align-items:center;display:flex}.panel-heading h2,.preview-head h2{margin:3px 0;font-size:16px}.panel-heading>b{color:var(--teal);background:#eef6f5;border-radius:99px;padding:6px 9px;font-size:10px}.search{border:1px solid var(--line);color:#8a9aaa;border-radius:9px;align-items:center;gap:8px;margin-top:15px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;padding:10px 0;font-size:12px}.class-tabs{gap:6px;padding:12px 0;display:flex;overflow:auto}.class-tabs button{border:1px solid var(--line);color:#647585;background:#fff;border-radius:7px;padding:6px 9px;font-size:10px}.class-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.student-list{border-block:1px solid var(--line);height:260px;padding:7px 0;overflow:auto}.student-list button{text-align:left;background:#fff;border:0;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.student-list button:hover{background:#f5f8fa}.student-list button.selected{box-shadow:inset 3px 0 var(--teal);background:#edf7f5}.avatar{width:32px;height:32px;color:var(--navy);background:#dfe9f1;border-radius:50%;place-items:center;font-weight:800;display:grid}.student-list span:nth-child(2){flex-direction:column;display:flex}.student-list b{font-size:11px}.student-list small{color:var(--muted);margin-top:3px;font-size:9px}.student-list strong{color:var(--navy);font-size:10px}.panel-heading.compact{margin-top:18px}.control-panel label{color:#526577;gap:6px;margin-top:12px;font-size:10px;font-weight:700;display:grid}.control-panel input,.control-panel select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:9px;font-size:11px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-panel{min-width:0;padding:20px}.zoom-chip{color:#617485;background:#f2f5f7;border-radius:6px;padding:7px 9px;font-size:9px}.theme-switcher{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;display:grid}.theme-switcher button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:10px;padding:10px 10px 10px 35px;font-size:11px;font-weight:800;position:relative}.theme-switcher button.active{border-color:var(--teal);background:#f5fbfa;box-shadow:0 0 0 2px #07898016}.theme-switcher i{border-radius:50%;width:15px;height:15px;position:absolute;top:13px;left:11px}.theme-switcher small{color:#8492a0;margin-top:3px;font-size:8px;font-weight:500;display:block}.classic-dot{background:linear-gradient(135deg,var(--navy) 55%,var(--gold) 55%)}.modern-dot{background:linear-gradient(135deg,#087f77 55%,#0e3557 55%)}.friendly-dot{background:linear-gradient(135deg,#f09b62 55%,#7b5896 55%)}.preview-stage{background:#dfe6ea;border-radius:12px;place-items:center;min-height:690px;margin-top:16px;padding:24px;display:grid;overflow:auto}.bill{color:#17314c;background:#fff;width:500px;min-height:706px;padding:28px 34px 25px;position:relative;box-shadow:0 12px 34px #17334d26}.bill-accent{background:linear-gradient(90deg,var(--navy),var(--gold));height:8px;position:absolute;inset:0 0 auto}.bill-header{border-bottom:1px solid #dce4ea;align-items:center;padding-bottom:17px;display:flex}.bill-header img{object-fit:contain;width:58px;height:58px;margin-right:11px}.bill-header div{flex-direction:column;display:flex}.bill-header b{letter-spacing:.07em;font-size:15px}.bill-header span{color:#668092;margin-top:5px;font-size:8px}.bill-header em{color:#7b8d9c;margin-left:auto;font-size:9px;font-style:normal;font-weight:700}.bill-title{text-align:center;padding:20px 0 17px}.bill-title>span{letter-spacing:.18em;color:var(--teal);font-size:9px;font-weight:800}.bill-title h2{color:var(--navy);margin:6px 0;font-size:22px}.bill-title p{color:#82909d;margin:0;font-size:8px}.person-grid{background:#d8e1e8;border:1px solid #d8e1e8;grid-template-columns:2fr 1fr;gap:1px;display:grid}.person-grid div{background:#f8fafb;flex-direction:column;padding:11px 13px;display:flex}.person-grid small,.bill-meta small{letter-spacing:.12em;color:#7f8f9d;font-size:7px}.person-grid b{margin-top:4px;font-size:11px}.fee-table{margin-top:19px}.fee-table>div{border-bottom:1px solid #dde5eb;grid-template-columns:2fr .45fr 1fr 1.1fr;display:grid}.fee-table span{text-align:right;padding:10px 6px;font-size:9px}.fee-table span:first-child{text-align:left}.fee-head{background:var(--navy);color:#fff;font-weight:700;border:0!important}.fee-table .adjust span:last-child{color:#b94e42}.bill-total{border-left:4px solid var(--gold);background:#eef3f5;justify-content:space-between;align-items:center;margin-top:15px;padding:14px 15px;display:flex}.bill-total span{font-size:10px;font-weight:800}.bill-total strong{color:var(--navy);font-size:21px}.bill-meta{border:1px solid #dce4ea;grid-template-columns:1fr 1fr;margin-top:16px;display:grid}.bill-meta div{flex-direction:column;padding:10px 13px;display:flex}.bill-meta div+div{border-left:1px solid #dce4ea}.bill-meta b{margin-top:3px;font-size:10px}.bill footer{color:#607386;justify-content:space-between;align-items:end;margin-top:31px;display:flex}.bill footer p{margin:0 0 4px;font-size:9px}.bill footer small{font-size:7px}.signature{text-align:center;flex-direction:column;min-width:100px;display:flex}.signature span{font-size:8px}.signature b{color:var(--navy);margin-top:25px;font-size:10px}.bill-modern{color:#143d47}.bill-modern .bill-accent{background:linear-gradient(90deg,#078980 0 72%,#eda900 72%);height:18px}.bill-modern .bill-header{padding-top:6px}.bill-modern .bill-title{text-align:left}.bill-modern .bill-title h2{color:#08766f;font-size:25px}.bill-modern .person-grid div{background:#f0f8f7}.bill-modern .fee-head{background:#087f77}.bill-modern .bill-total{color:#fff;background:#087f77;border:0}.bill-modern .bill-total strong{color:#fff}.bill-friendly{color:#4e4050;background:#fffdf8;border-radius:0 26px}.bill-friendly .bill-accent{background:linear-gradient(90deg,#ed9362,#7e5b96,#078980);height:12px}.bill-friendly .bill-header{border-color:#eadfd4}.bill-friendly .bill-title h2{color:#735281;font-family:Georgia,serif}.bill-friendly .bill-title>span{color:#d87850}.bill-friendly .person-grid{background:#eadfd4;border-color:#eadfd4;border-radius:14px;overflow:hidden}.bill-friendly .person-grid div{background:#fff8f0}.bill-friendly .fee-head{background:#735281}.bill-friendly .bill-total{background:#fff0df;border-left-color:#ed9362;border-radius:10px}.bill-friendly .bill-total strong{color:#735281}.bill-friendly .bill-meta{border-color:#eadfd4;border-radius:10px;overflow:hidden}.bill-friendly .bill-meta div+div{border-color:#eadfd4}@media (width<=1150px){.content-grid{grid-template-columns:340px minmax(520px,1fr);padding-inline:20px}.topbar,.toolbar{padding-inline:20px}.bill{transform:scale(.9)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px 18px;position:static}.sidebar nav,.privacy-card{display:none}.brand{border:0;padding:0}.content-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px}.toolbar{flex-wrap:wrap}.secondary-btn{margin-left:0}.preview-stage{min-height:620px}.bill{transform-origin:50%;transform:scale(.82)}}@media print{body{background:#fff}.sidebar,.topbar,.toolbar,.control-panel,.preview-head,.theme-switcher{display:none!important}.app-shell,.content-grid{display:block}.preview-panel{box-shadow:none;border:0;padding:0}.preview-stage{background:#fff;padding:0}.bill{box-shadow:none;width:148mm;min-height:210mm;transform:none}.workspace{margin:0}}.preview-actions{align-items:center;gap:8px;display:flex}.edit-bill-btn{color:#08786f;background:#edf8f6;border:1px solid #b7d9d5;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.edit-bill-btn:hover{background:#dff2ef}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#041c32b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:18px;width:min(720px,96vw);max-height:92vh;overflow:auto;box-shadow:0 28px 80px #00162b66}.edit-modal>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:20px;padding:20px 24px;display:flex;position:sticky;top:0}.edit-modal>header span{letter-spacing:.14em;color:var(--teal);font-size:9px;font-weight:900}.edit-modal>header h2{color:var(--navy);margin:4px 0;font-size:20px}.edit-modal>header p{color:var(--muted);margin:0;font-size:11px}.edit-modal>header button{color:#536777;background:#f0f4f6;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.modal-body{padding:20px 24px}.modal-section-title{color:var(--navy);align-items:center;gap:8px;margin:5px 0 12px;font-size:12px;display:flex}.modal-section-title:not(:first-child){border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.modal-section-title svg{color:var(--teal)}.modal-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.modal-grid label{color:#536677;gap:6px;font-size:10px;font-weight:800;display:grid}.modal-grid label.wide{grid-column:span 2}.modal-grid input,.modal-grid select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfd;border-radius:9px;outline:none;padding:10px 11px;font-size:12px}.modal-grid input:focus,.modal-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #07898014}.modal-total{color:#fff;background:linear-gradient(135deg,#062d54,#0b456a);border-radius:12px;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 17px;display:flex}.modal-total span{flex-direction:column;font-size:11px;font-weight:800;display:flex}.modal-total small{color:#b7cedd;margin-top:4px;font-size:8px;font-weight:500}.modal-total strong{color:#ffd057;font-size:21px}.edit-modal>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex;position:sticky;bottom:0}.edit-modal>footer button{border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.cancel-btn{border:1px solid var(--line);color:#5a6c7b;background:#fff}.save-btn{border:1px solid var(--navy);background:var(--navy);color:#fff;align-items:center;gap:7px;display:flex}@media (width<=650px){.modal-grid{grid-template-columns:1fr}.modal-grid label.wide{grid-column:auto}.modal-total{align-items:flex-start;gap:12px}.modal-total strong{font-size:17px}.preview-actions{flex-direction:column;align-items:flex-end}.edit-bill-btn{order:2}}.notice-dot{background:linear-gradient(135deg,#0b4c96 45%,#ff8700 45% 70%,#20834d 70%)}.notice-bill{color:#151d2a;background:#fffdf8;width:560px;min-height:792px;padding:25px 29px 22px;font-family:Segoe UI,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 34px #17334d26}.notice-bill:before,.notice-bill:after{content:"";z-index:0;border:18px solid #63b5e7;border-radius:50%;width:130px;height:130px;position:absolute}.notice-bill>*{z-index:1;position:relative}.notice-header{grid-template-columns:92px 1fr 35px;align-items:center;height:106px;display:grid}.notice-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.notice-brand img{object-fit:contain;width:61px;height:61px}.notice-brand b{color:#092f6d;letter-spacing:.06em;font-size:13px}.notice-brand small{color:#e27d11;letter-spacing:.17em;font-size:6px}.notice-heading{text-align:center;color:#082d70}.notice-heading h2{margin:0;font-size:20px;font-weight:900;line-height:1}.notice-heading h1{margin:7px 0;font-size:28px;font-weight:950;line-height:1}.notice-heading strong{color:#fff;background:linear-gradient(90deg,#ff9300,#f27900);border-radius:99px;padding:6px 28px;font-size:16px;display:inline-block}.dot-grid{color:#52a7d9;letter-spacing:4px;align-self:start;margin-top:6px;font-size:16px;line-height:.62}.notice-intro{background:#fff;border:1px solid #7794aa;border-radius:18px;grid-template-columns:70px 1fr;align-items:center;margin:10px 0 17px;padding:10px 15px;display:grid}.notice-intro i{font-size:13px}.notice-intro p{margin:5px 0 0;font-size:11px;line-height:1.45}.notice-intro p>b{color:#092f6d}.notice-intro p strong{color:#e04f2b}.notice-icon{border-radius:50%;flex:none;place-items:center;width:49px;height:49px;display:grid}.notice-icon svg{width:27px;height:27px}.notice-icon.blue{color:#0b4c96;background:#7ec8ef}.notice-icon.peach{color:#0a4a85;background:#ffe1bd}.notice-icon.mint{color:#12815d;background:#d9f0d8}.notice-section-title{color:#fff;align-items:center;height:27px;margin-top:10px;display:flex}.notice-section-title span{z-index:2;border:1px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:23px;font-weight:900;display:grid}.notice-section-title b{letter-spacing:.02em;border-radius:0 14px 14px 0;align-items:center;height:25px;margin-left:-8px;padding:0 18px 0 22px;font-size:12px;display:flex}.notice-section-title.navy span,.notice-section-title.navy b{background:#0a4085}.notice-section-title.green span,.notice-section-title.green b{background:#237a3b}.notice-general{background:#fff;border:1px solid #aabac6;border-radius:0 13px 13px;grid-template-columns:1fr 1fr;gap:12px;padding:17px 15px 13px;display:grid}.notice-general-item{grid-template-columns:55px 1fr;align-items:center;gap:8px;display:grid}.notice-general-item+div{border-left:1px dashed #cad3d9;padding-left:14px}.notice-general-item>div{flex-direction:column;display:flex}.notice-general-item b{font-size:10px}.notice-general-item strong{color:#df5625;white-space:nowrap;margin-top:3px;font-size:18px}.notice-general-item strong.green{color:#198044}.notice-general-item strong small{color:#273241;margin-left:2px;font-size:9px}.notice-general-item p{margin:2px 0;font-size:9px}.notice-month-wrap{background:#fff;border:1px solid #aabac6;border-radius:0 13px 13px;padding:17px 18px 10px}.notice-month-card{background:#fffaf4;border:1px solid #d9a97d;border-radius:12px;padding:17px 17px 10px;position:relative}.month-label{color:#fff;background:linear-gradient(90deg,#f35c0c,#f1810c);justify-content:center;align-items:center;gap:7px;height:27px;font-size:12px;font-weight:900;display:flex;position:absolute;top:-13px;left:55px;right:55px;box-shadow:0 3px #cc4b09}.month-label svg{width:16px}.notice-month-card ul{margin:0;padding:7px 0 0 18px;font-size:10px;line-height:1.4}.notice-month-card li{margin:7px 0}.notice-month-card li::marker{color:#f05d16}.month-total{color:#bd4c20;background:#ffedcf;border-radius:10px;align-items:center;gap:11px;padding:8px 14px;display:flex}.month-total svg{width:28px;height:28px}.month-total span{flex-direction:column;font-size:11px;font-weight:900;display:flex}.month-total strong{font-size:18px}.notice-grand-total{background:linear-gradient(90deg,#fff5c9,#fff0a5);border-radius:11px;align-items:center;gap:12px;height:53px;margin-top:10px;padding:5px 9px 5px 75px;display:flex;position:relative}.notice-grand-total .money-icon{color:#fff;background:#47a13e;width:45px;height:45px;position:absolute;left:16px}.notice-grand-total b{font-size:13px}.notice-grand-total>strong{color:#fff;white-space:nowrap;background:#f36b12;border-radius:8px;margin-left:auto;padding:7px 13px;font-size:20px}.notice-note{background:#fbfff9;border:1px solid #9bb6a2;border-radius:0 13px 13px;grid-template-columns:58px 1fr;align-items:center;padding:14px 20px;display:grid}.notice-note .note-icon{color:#16845d;background:#d8f3e0}.notice-note p{margin:0;font-size:10px;line-height:1.45}.notice-note strong{color:#187f3b}.notice-footer{background:#fff;border:1px solid #b3c0c8;border-radius:14px;grid-template-columns:48px 1fr;align-items:center;margin:12px 20px 0;padding:9px 15px;display:grid}.notice-footer .heart-icon{color:#fff;background:#e5292f;width:36px;height:36px}.notice-footer .heart-icon svg{fill:#fff;width:20px}.notice-footer p{margin:0;font-size:10px;font-style:italic;line-height:1.4}.notice-footer b{color:#db4d2c}@media (width<=1150px){.theme-switcher{grid-template-columns:repeat(2,1fr)}.notice-bill{transform:scale(.88)}}@media (width<=900px){.notice-bill{transform-origin:50%;transform:scale(.78)}.preview-stage:has(.notice-bill){min-height:680px}}@media print{.notice-bill{width:210mm;min-height:297mm;box-shadow:none;transform:none}}body,.notice-bill{font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif}.notice-bill{background:linear-gradient(145deg,#fffefb 0%,#fffdf8 68%,#f8fdff 100%);border:1px solid #d5e8f4;min-height:792px}.notice-bill:before,.notice-bill:after{border-width:22px;border-color:#60b7e9;width:165px;height:165px;box-shadow:0 0 0 10px #d7f1ff}.notice-bill:before{top:-112px;left:-113px}.notice-bill:after{bottom:-112px;right:-113px}.notice-corner{border:12px solid #0d5596;border-radius:50%;width:145px;height:145px;z-index:0!important;position:absolute!important}.notice-corner.top{top:-104px;left:-104px}.notice-corner.bottom{bottom:-104px;right:-104px}.notice-math{color:#173f6b12;font-family:Georgia,serif;font-size:31px;font-style:italic;top:117px;right:42px;transform:rotate(-8deg);position:absolute!important}.notice-header{grid-template-columns:88px 1fr 32px}.notice-brand img{width:70px;height:70px}.notice-brand b{letter-spacing:.02em;font-weight:900}.notice-heading h2,.notice-heading h1{letter-spacing:-.045em;font-family:Be Vietnam Pro,sans-serif;font-weight:900}.notice-heading h2{font-size:21px}.notice-heading h1{font-size:29px}.notice-heading strong{font-weight:900;box-shadow:0 3px #d96900}.notice-intro{box-shadow:0 3px 10px #0c41700b}.notice-intro i,.notice-footer p{font-style:italic}.illustration-icon{border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffb8,0 3px 7px #173a5a18}.illustration-icon:after{content:"";background:#ffffff45;border-radius:50%;position:absolute;inset:7px}.illustration-icon i{z-index:1;filter:drop-shadow(0 2px 1px #17324c20);font-size:31px;font-style:normal;line-height:1;position:relative}.icon-mail{background:linear-gradient(145deg,#56b6e6,#a8dcf6)}.icon-school{background:linear-gradient(145deg,#ffd59d,#fff0d1)}.icon-wallet{background:linear-gradient(145deg,#b9e2bd,#e8f6dc)}.icon-calculator{background:linear-gradient(145deg,#f06a20,#ffb36a);width:42px;height:42px}.icon-calculator i{font-size:25px}.icon-money{background:linear-gradient(145deg,#50a73f,#a9d26d);width:48px;height:48px;position:absolute;left:13px}.icon-megaphone{background:linear-gradient(145deg,#bfe8d3,#e9f7d6)}.icon-heart{color:#fff;background:linear-gradient(145deg,#ed2e36,#c91525);width:38px;height:38px}.icon-heart i{filter:none;font-size:25px}.notice-general-item{grid-template-columns:62px 1fr}.notice-general-item strong{font-weight:900}.notice-general{box-shadow:0 3px 10px #0c41700a}.month-label{letter-spacing:.02em;font-weight:900}.month-label span{font-size:18px}.month-total>.illustration-icon{margin-left:-3px}.month-total span,.notice-grand-total b,.notice-grand-total>strong{font-weight:900}.notice-grand-total{padding-left:74px}.notice-grand-total>.icon-money{position:absolute}.notice-note{grid-template-columns:66px 1fr}.notice-footer{grid-template-columns:48px 1fr}.notice-section-title b,.notice-section-title span{font-weight:900}.notice-section-title b{letter-spacing:-.015em}.notice-note,.notice-footer,.notice-general,.notice-month-wrap{box-shadow:0 3px 10px #173a5a0a}.empty-students{text-align:center;color:#8a9aaa;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.empty-students svg{color:#0b8a80}.empty-students b{color:#526777;font-size:11px}.empty-students span{font-size:9px}.empty-preview{text-align:center;color:#748594;flex-direction:column;align-items:center;display:flex}.empty-preview>div{color:#078980;background:#fff;border-radius:22px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 8px 20px #17334d18}.empty-preview>span{letter-spacing:.18em;color:#078980;margin-top:17px;font-size:8px;font-weight:900}.empty-preview h3{color:#0b355c;margin:5px;font-size:20px}.empty-preview p{margin:4px 0 15px;font-size:11px;line-height:1.6}.empty-preview button{color:#fff;background:#082f58;border:0;border-radius:9px;padding:10px 17px;font-size:10px;font-weight:800}.edit-bill-btn:disabled{opacity:.45;cursor:not-allowed}.editorial-dot{background:linear-gradient(135deg,#061f3c 0 48%,#f37524 48% 70%,#efe4d1 70%)}.editorial-bill{color:#092641;background:#f4ecdc;width:560px;min-height:792px;padding:28px 34px 25px;font-family:Be Vietnam Pro,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 34px #17334d26}.editorial-bill>*{z-index:2;position:relative}.editorial-bill:before{content:"";z-index:0;clip-path:polygon(0 0,100% 0,100% 73%,67% 100%,0 78%);background:#082a4a;height:265px;position:absolute;inset:0 0 auto}.editorial-bill:after{content:"";z-index:1;background:#f47625;width:12px;height:300px;position:absolute;top:-35px;right:38px;transform:rotate(29deg)}.editorial-orbit{border:1px solid #ffffff2b;border-radius:50%;z-index:1!important;position:absolute!important}.editorial-orbit.one{width:260px;height:260px;top:-80px;right:-65px}.editorial-orbit.two{width:190px;height:190px;top:-45px;right:-30px}.editorial-bill>header{color:#fff;justify-content:space-between;align-items:center;height:55px;display:flex}.editorial-logo{align-items:center;gap:9px;display:flex}.editorial-logo img{object-fit:contain;background:#fff;border-radius:10px;width:43px;height:43px;padding:3px}.editorial-logo span{flex-direction:column;display:flex}.editorial-logo b{letter-spacing:.09em;font-size:13px}.editorial-logo small{letter-spacing:.13em;color:#e9cfae;font-size:6px}.editorial-bill>header em{letter-spacing:.14em;color:#eed9bd;font-size:9px;font-style:normal}.editorial-hero{color:#fff;height:189px;padding-top:22px}.editorial-hero>span{letter-spacing:.24em;color:#f5a15f;font-size:8px;font-weight:800}.editorial-hero h1{color:#fff;letter-spacing:-.045em;margin:8px 0 10px;font-size:30px;line-height:.98}.editorial-hero h1 i{color:#f4d8af;font-family:Georgia,serif;font-weight:400}.editorial-hero p{color:#d6e0e7;font-size:9px;line-height:1.5}.editorial-number{color:#ffffff0c;font-size:92px;font-weight:900;line-height:1;position:absolute;bottom:6px;right:26px}.editorial-student{background:#fff;border-radius:2px;margin-top:-2px;padding:15px 18px;box-shadow:0 9px 22px #0b263c10}.editorial-student>small{letter-spacing:.16em;color:#f47625;font-size:7px;font-weight:900}.editorial-student>p{color:#657586;margin:5px 0 11px;font-size:9px}.editorial-student>div{border-top:1px solid #e5dfd4;justify-content:space-between;align-items:end;padding-top:9px;display:flex}.editorial-student h2{color:#082a4a;margin:0;font-size:19px}.editorial-student strong{color:#fff;background:#082a4a;padding:5px 10px;font-size:9px}.editorial-fees{background:#d9d1c3;border-block:1px solid #d9d1c3;gap:1px;margin-top:15px;display:grid}.editorial-fees article{background:#f8f3ea;grid-template-rows:18px 1fr;grid-template-columns:30px 1.4fr 1fr;align-items:center;min-height:66px;padding:8px 12px;display:grid}.editorial-fees article>span{color:#f47625;grid-row:span 2;font-family:Georgia,serif;font-size:20px}.editorial-fees article>small{letter-spacing:.12em;font-size:7px;font-weight:900}.editorial-fees article>b{color:#6b7883;grid-column:2;font-size:8px;font-weight:500}.editorial-fees article>strong{text-align:right;color:#082a4a;grid-area:1/3/span 2;font-size:16px}.editorial-total{color:#fff;background:#f47625;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 17px;display:flex;box-shadow:7px 7px #082a4a}.editorial-total>div{flex-direction:column;display:flex}.editorial-total small{letter-spacing:.14em;font-size:7px;font-weight:800}.editorial-total strong{letter-spacing:-.03em;font-size:24px}.editorial-total>span{writing-mode:vertical-rl;letter-spacing:.12em;font-size:6px}.editorial-message{border-top:1px solid #cfc5b5;border-bottom:1px solid #cfc5b5;grid-template-columns:85px 1fr;align-items:center;margin-top:20px;padding:11px 2px;display:grid}.editorial-message>b{color:#f47625;font-family:Georgia,serif;font-size:14px;font-style:italic}.editorial-message p{margin:0;font-size:8px;line-height:1.5}.editorial-bill>footer{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.editorial-bill>footer span{color:#6e776f;font-size:7px}.editorial-bill>footer b{letter-spacing:.15em;color:#082a4a;font-size:10px}@media (width<=1150px){.editorial-bill{transform:scale(.88)}}@media (width<=900px){.editorial-bill{transform-origin:50%;transform:scale(.78)}}@media print{.editorial-bill{width:210mm;min-height:297mm;box-shadow:none;transform:none}}.toolbar button:disabled{opacity:.42;cursor:not-allowed}.export-control{margin-left:auto;position:relative}.export-control .primary-btn{margin-left:0}.export-options{z-index:30;border:1px solid var(--line);background:#fff;border-radius:13px;width:310px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #062d5430}.export-options>button{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-radius:9px;grid-template-columns:25px 1fr;gap:10px;padding:11px;display:grid}.export-options>button:hover{background:#eef7f5}.export-options svg{color:var(--teal)}.export-options span{flex-direction:column;display:flex}.export-options b{color:var(--navy);font-size:11px}.export-options small{color:var(--muted);margin-top:3px;font-size:8px}.export-renderer{pointer-events:none;z-index:-1;width:560px;position:fixed;top:0;left:-10000px}.export-renderer .notice-bill,.export-renderer .editorial-bill{transform:none!important}.notice-bill{height:840px;min-height:840px;padding-top:21px;padding-bottom:18px}.notice-header{height:101px}.notice-intro{margin:7px 0 10px;padding-block:8px}.notice-section-title{align-items:center;height:32px;margin:7px 0 5px}.notice-section-title span{flex:0 0 32px;width:32px;height:32px;font-size:20px}.notice-section-title b{height:26px;margin-left:-5px;padding-left:17px}.notice-general,.notice-month-wrap,.notice-note{border-radius:13px}.notice-general{padding-top:13px;padding-bottom:11px}.notice-month-wrap{padding-top:17px}.notice-month-card{padding-top:15px}.notice-note{padding-block:11px}.notice-footer{margin-top:8px;padding-block:7px}.notice-general-item strong{font-size:17px}.notice-grand-total{height:49px}.notice-grand-total>strong{font-size:18px}.notice-note p,.notice-footer p{line-height:1.35}.export-renderer .notice-bill{height:840px;min-height:840px}.detailed-dot{background:linear-gradient(135deg,#064d35 0 67%,#e7a600 67%)}.detailed-bill{box-sizing:border-box;color:#10271f;background:radial-gradient(circle at 8% 5%,#e5a60014,#0000 18%),linear-gradient(#fffef9,#fff);width:560px;height:840px;padding:22px 26px 18px;font-family:Be Vietnam Pro,Arial,sans-serif;overflow:hidden}.detailed-header{grid-template-columns:138px 1fr;align-items:center;min-height:104px;display:grid}.detailed-brand{color:#064d35;text-align:center;letter-spacing:.7px;font-size:12px;font-weight:900}.detailed-brand img{object-fit:contain;width:76px;height:60px;margin:0 auto 3px;display:block}.detailed-title{text-align:center;color:#064d35}.detailed-title h2{letter-spacing:-.8px;margin:0;font-size:29px;font-weight:900;line-height:1.08}.detailed-title strong{color:#fff;letter-spacing:.4px;background:#dfa000;border-radius:999px;margin-top:9px;padding:5px 25px 6px;font-size:14px;display:inline-block}.detailed-greeting{grid-template-columns:52px 1fr;align-items:center;gap:12px;margin:5px 8px 12px;font-size:10.5px;line-height:1.55;display:grid}.detailed-greeting .visual{color:#fff;background:#064d35;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.detailed-greeting b{color:#064d35;margin-bottom:2px;font-size:13px;display:block}.detailed-section-title{color:#064d35;align-items:center;gap:9px;margin:7px 0 6px;display:flex}.detailed-section-title>span{clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);color:#fff;background:#064d35;place-items:center;width:47px;height:27px;padding-right:5px;font-size:15px;font-weight:900;display:grid}.detailed-section-title h3{flex:none;margin:0;font-size:15px;font-weight:900}.detailed-section-title:after{content:"";background:#dfa000;flex:1;height:1px}.rate-table,.detail-table{border:1px solid #17664d;border-radius:9px;margin-left:45px;font-size:9.5px;overflow:hidden}.rate-head,.detail-head,.detail-row{align-items:center;display:grid}.rate-head,.rate-table .detail-row{grid-template-columns:1.55fr 1fr}.rate-head,.detail-head{color:#fff;text-align:center;background:#064d35;font-weight:800}.rate-head>*,.detail-head>*,.detail-row>*{padding:6px 8px}.rate-table .detail-row,.detail-table .detail-row{border-top:1px solid #064d3540}.rate-table .detail-row>:last-child{text-align:center;border-left:1px solid #064d3540}.standard-note{color:#3b3525;text-align:center;background:#fffaf0;border:1px solid #dfa000a6;border-radius:8px;margin:6px 0 8px 45px;padding:6px 10px;font-size:8.5px;font-style:italic}.detail-table{border-color:#d1ab54}.detail-table .detail-row{background:#ffffffeb;min-height:29px}.detail-table .detail-row>*+*,.detail-head>*+*{text-align:center;border-left:1px solid #064d3538}.detail-row .item-name{font-weight:650}.detail-row .item-index{color:#fff;background:#064d35;border-radius:4px;place-items:center;width:16px;height:16px;margin-right:5px;font-size:8px;display:inline-grid}.detailed-total{color:#064d35;text-align:center;background:#fffdf5;border:2px solid #d89b00;border-radius:10px;grid-template-columns:58px 1fr;align-items:center;margin:7px 0 8px 35px;padding:8px 14px;display:grid}.detailed-total .visual{font-size:32px}.detailed-total small{font-size:10px;font-weight:800;display:block}.detailed-total strong{color:#dfa000;font-size:27px;font-weight:900;line-height:1.15;display:block}.detailed-note{color:#21372e;grid-template-columns:54px 1fr;align-items:center;margin-left:35px;font-size:8.7px;line-height:1.45;display:grid}.detailed-note .visual{text-align:center;font-size:30px}.detailed-footer{color:#193429;background:#f7fcf8;border:1px solid #17664d;border-radius:9px;margin:8px 0 0 35px;padding:7px 14px;font-size:8.7px;line-height:1.55}.detailed-footer b{color:#064d35}.extra-heading{justify-content:space-between;align-items:center;margin:18px 0 9px;display:flex}.extra-heading h4{color:#123e35;margin:0}.extra-heading button{color:#fff;cursor:pointer;background:#08745d;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.extra-list{gap:7px;display:grid}.extra-row{grid-template-columns:1.55fr .52fr .65fr .85fr 34px;gap:6px;display:grid}.extra-row input{width:100%;min-width:0}.remove-extra{color:#b42318;cursor:pointer;background:#fff0ed;border:0;border-radius:8px;place-items:center;display:grid}.extra-empty{color:#71817d;text-align:center;border:1px dashed #b9c9c4;border-radius:9px;padding:12px;font-size:12px}.theme-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1150px){.theme-switcher{grid-template-columns:1fr}}.detailed-bill{width:560px;height:768px;padding:18px 28px 15px}.detailed-header{grid-template-columns:132px 1fr;min-height:98px}.detailed-brand{text-align:left;grid-template-columns:55px 1fr;align-items:center;font-size:12px;display:grid}.detailed-brand img{filter:saturate(.65)hue-rotate(48deg);width:51px;height:51px;margin:0}.detailed-brand div{flex-direction:column;display:flex}.detailed-brand small{letter-spacing:.2px;margin-top:3px;font-size:6px}.detailed-title h1{color:#064d35;letter-spacing:-1px;margin:0;font-size:30px;font-weight:950;line-height:1.06}.detailed-title strong{min-width:245px;margin-top:7px;padding:5px 18px 6px;font-size:14px;position:relative}.detailed-title strong:before,.detailed-title strong:after{content:"";background:#dfa000;width:38px;height:1px;position:absolute;top:50%}.detailed-title strong:before{right:calc(100% + 10px)}.detailed-title strong:after{left:calc(100% + 10px)}.detailed-greeting{grid-template-columns:52px 1fr;margin:0 6px 9px;font-size:10px}.detailed-greeting p{margin:2px 0 0}.detailed-vector-icon{color:#fff;background:#064d35;border-radius:50%;flex:none;place-items:center;display:grid}.detailed-vector-icon svg{stroke-width:1.8px;width:56%;height:56%}.detailed-greeting .detailed-vector-icon{width:48px;height:48px}.detailed-section-title{margin:6px 0 5px}.detailed-section-title h3{font-size:15px}.rate-table,.detail-table{margin-left:43px}.rate-head,.rate-row{grid-template-columns:1.55fr 1fr;align-items:center;display:grid}.rate-row{border-top:1px solid #064d3540;min-height:29px}.rate-row>*{padding:6px 10px}.rate-row>:last-child{text-align:center;border-left:1px solid #064d3540}.standard-note{align-items:center;gap:7px;margin-bottom:6px;font-size:8.4px;display:flex}.standard-note span{color:#fff;background:#dfa000;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:12px;display:grid}.detail-head,.detail-table .detail-row{grid-template-columns:1.55fr .7fr .8fr 1fr}.detail-table .detail-row{min-height:28px}.detail-head>*,.detail-row>*{padding:5px 7px}.detailed-total{grid-template-columns:66px 1fr;min-height:73px;margin:6px 0 6px 34px;padding:5px 12px}.detailed-total .detailed-vector-icon{color:#064d35;background:0 0;border-right:1px solid #d9aa3b;border-radius:50% 0 0 50%;width:58px;height:58px}.detailed-total strong{font-size:34px}.detailed-note{grid-template-columns:52px 1fr;min-height:51px;font-size:9.7px}.detailed-note p{margin:0}.detailed-note .detailed-vector-icon,.detailed-footer .detailed-vector-icon{color:#064d35;background:#eaf6ed;width:45px;height:45px}.detailed-footer{grid-template-columns:52px 1fr;align-items:center;min-height:64px;margin-top:5px;font-size:9px;display:grid}.detailed-footer p{margin:0}.detailed-footer i{color:#087255;font-style:normal;font-weight:900}.notice-fee-table{background:#fff;border:1px solid #ef9c63;border-radius:9px;margin-top:3px;font-size:7.8px;overflow:hidden}.notice-fee-head,.notice-fee-row{grid-template-columns:1.55fr .68fr .88fr 1fr;align-items:center;display:grid}.notice-fee-head{color:#fff;text-align:center;background:linear-gradient(90deg,#0b4b92,#0a3d7d);min-height:24px;font-weight:900}.notice-fee-head>*,.notice-fee-row>*{min-width:0;padding:5px 6px}.notice-fee-row{color:#273241;border-top:1px solid #f0d7c4;min-height:25px}.notice-fee-row:nth-child(odd){background:#fff9f2}.notice-fee-row>*+*,.notice-fee-head>*+*{text-align:center;border-left:1px solid #ead8ca}.notice-fee-row>span:first-child{align-items:center;gap:5px;font-weight:700;display:flex}.notice-fee-row i{color:#fff;background:#0b4b92;border-radius:4px;flex:0 0 15px;place-items:center;width:15px;height:15px;font-size:7px;font-style:normal;font-weight:900;display:inline-grid}.notice-fee-row strong{color:#bd4c20;white-space:nowrap;font-size:8.2px;font-weight:900}.notice-month-card:has(.notice-fee-table){padding:17px 10px 9px}.notice-month-card:has(.notice-fee-table) .month-total{min-height:48px;margin-top:8px}.notice-bill,.export-renderer .notice-bill{height:auto;min-height:840px;padding-bottom:28px;overflow:hidden}.notice-footer{grid-template-columns:48px minmax(0,1fr);min-height:58px;margin:10px 18px 0;padding:10px 14px}.notice-footer p{overflow-wrap:anywhere}.bulk-fee-modal{background:#fff;border:1px solid #d9e3e8;border-radius:18px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 24px 70px #062b4a38}.bulk-fee-modal>header{color:#fff;background:linear-gradient(135deg,#073b69,#086f69);grid-template-columns:48px 1fr;align-items:center;gap:13px;padding:22px 24px 17px;display:grid}.bulk-fee-modal header span{color:#82e2cf;letter-spacing:.12em;font-size:9px;font-weight:900}.bulk-fee-modal h2{margin:3px 0 4px;font-size:21px}.bulk-fee-modal header p{color:#d7ecea;margin:0;font-size:11px}.bulk-icon{color:#073b69;background:#f4b000;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.bulk-fee-grid{grid-template-columns:1fr 1fr;gap:11px;padding:20px 24px 14px;display:grid}.bulk-fee-grid label{color:#526577;gap:6px;font-size:10px;font-weight:800;display:grid}.bulk-fee-grid .wide{grid-column:1/-1}.bulk-fee-grid input{border:1px solid #ccd9df;border-radius:9px;outline:none;min-width:0;padding:10px 11px}.bulk-fee-grid input:focus{border-color:#087f77;box-shadow:0 0 0 3px #087f7715}.bulk-summary{color:#0b3d5d;background:#fff8df;border-left:4px solid #f0aa00;border-radius:9px;grid-template-columns:1fr auto;align-items:center;margin:0 24px 18px;padding:13px 15px;display:grid}.bulk-summary span{font-size:11px;font-weight:800}.bulk-summary strong{color:#d96800;grid-row:span 2;font-size:20px}.bulk-summary small{color:#7e7050;margin-top:3px;font-size:9px}.bulk-fee-modal>footer{background:#f8fafb;border-top:1px solid #e5ecef;justify-content:flex-end;gap:9px;padding:14px 24px;display:flex}.bulk-fee-modal footer button{border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:800;display:inline-flex}.bulk-fee-modal{flex-direction:column;width:min(780px,100vw - 32px);max-height:min(88vh,780px);display:flex}.bulk-modal-body{padding:18px 24px 4px;overflow:auto}.bulk-section-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.bulk-section-head>div{color:#123e35;align-items:center;gap:8px;font-size:12px;display:flex}.bulk-section-head span{color:#08745d;background:#eaf7f3;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800}.bulk-section-head>button{color:#fff;background:#08745d;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.bulk-fees-list{gap:7px;display:grid}.bulk-fee-row{background:#fbfdfd;border:1px solid #dce6e5;border-radius:10px;grid-template-columns:25px 1.45fr .55fr .68fr .9fr 32px;align-items:end;gap:6px;padding:8px;display:grid}.bulk-row-number{color:#fff;background:#0a4c72;border-radius:6px;place-items:center;width:22px;height:22px;margin-bottom:7px;font-size:9px;font-weight:900;display:grid}.bulk-fee-row label{color:#61726e;gap:4px;min-width:0;font-size:8px;font-weight:800;display:grid}.bulk-fee-row input{border:1px solid #cddbd8;border-radius:7px;outline:none;width:100%;min-width:0;padding:8px;font-size:10px}.bulk-fee-row .remove-extra{height:32px}.bulk-fee-row .remove-extra:disabled{opacity:.3;cursor:not-allowed}.class-head{margin-top:17px}.bulk-class-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.bulk-class-picker label{cursor:pointer;position:relative}.bulk-class-picker input{opacity:0;pointer-events:none;position:absolute}.bulk-class-picker span{color:#244256;background:#fff;border:1px solid #d5e0e2;border-radius:9px;flex-direction:column;justify-content:center;min-height:48px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.bulk-class-picker small{color:#819198;margin-top:3px;font-size:8px;font-weight:500}.bulk-class-picker input:checked+span{color:#075b49;background:#eaf8f4;border-color:#08745d;box-shadow:inset 0 0 0 1px #08745d}.bulk-class-picker .all-classes{grid-column:span 2}.bulk-class-picker .all-classes span{grid-template-columns:20px 1fr;align-items:center;display:grid}.bulk-class-picker .all-classes small{grid-column:2}.bulk-modal-body .bulk-summary{margin:16px 0}@media (width<=700px){.bulk-fee-row{grid-template-columns:25px 1fr 1fr}.bulk-fee-row label:first-of-type{grid-column:span 2}.bulk-class-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.class-tabs button{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.class-tabs button small{color:#496277;background:#edf2f5;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:900;display:inline-grid}.class-tabs button.active small{color:#08355d;background:#fff}.export-class-modal{background:#fff;border:1px solid #d9e3e8;border-radius:18px;width:min(590px,100vw - 32px);overflow:hidden;box-shadow:0 24px 70px #062b4a38}.export-class-modal>header{color:#fff;background:linear-gradient(135deg,#063760,#075f79);justify-content:space-between;align-items:flex-start;padding:21px 24px 17px;display:flex}.export-class-modal header span{color:#78d8d0;letter-spacing:.13em;font-size:9px;font-weight:900}.export-class-modal h2{margin:4px 0;font-size:21px}.export-class-modal header p{color:#d4e7ee;margin:0;font-size:11px}.export-class-modal header>button{color:#fff;background:#ffffff12;border:1px solid #ffffff38;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.export-class-actions{align-items:center;gap:7px;padding:14px 20px 8px;display:flex}.export-class-actions button{color:#34586a;background:#fff;border:1px solid #cfdbdf;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.export-class-actions span{color:#08745d;margin-left:auto;font-size:9px;font-weight:900}.export-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:280px;padding:8px 20px 14px;display:grid;overflow:auto}.export-class-grid label{cursor:pointer;position:relative}.export-class-grid input{opacity:0;position:absolute}.export-class-grid label>span{color:#173b52;background:#fff;border:1px solid #d7e1e4;border-radius:10px;flex-direction:column;min-height:54px;padding:10px 12px;display:flex}.export-class-grid b{font-size:11px}.export-class-grid small{color:#7d9099;margin-top:4px;font-size:8px}.export-class-grid input:checked+span{color:#075c4a;background:#eaf8f4;border-color:#08745d;box-shadow:inset 0 0 0 1px #08745d}.export-class-grid input:checked+span:after{content:"✓";color:#08745d;font-size:11px;font-weight:900;position:absolute;top:8px;right:9px}.export-class-summary{color:#755407;background:#fff7d9;border-radius:9px;align-items:center;gap:10px;margin:0 20px 16px;padding:11px 13px;display:flex}.export-class-summary>span{flex-direction:column;display:flex}.export-class-summary b{font-size:10px}.export-class-summary small{color:#8a7542;margin-top:3px;font-size:8px}.export-class-modal>footer{background:#f8fafb;border-top:1px solid #e5ecef;justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.export-class-modal footer button{border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:800;display:inline-flex}@media (width<=600px){.export-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.content-grid.view-hidden{display:none}.overview-page{padding:24px 34px 42px}.overview-title{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.overview-title span,.overview-table-card header span{color:#087f77;letter-spacing:.14em;font-size:9px;font-weight:900}.overview-title h2{color:#092f56;margin:4px 0;font-size:24px}.overview-title p{color:#748694;margin:0;font-size:11px}.overview-title button,.overview-empty button{color:#0a456c;background:#fff;border:1px solid #ccd9df;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:800;display:inline-flex}.overview-kpis{grid-template-columns:1.25fr repeat(3,1fr);gap:12px;display:grid}.overview-kpis article{background:#fff;border:1px solid #dce5e9;border-radius:15px;min-height:137px;padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0b2e4d0a}.overview-kpis article>svg{color:#087f77;background:#e8f7f4;border-radius:7px;width:26px;height:26px;padding:5px}.overview-kpis article span{color:#657986;margin-top:13px;font-size:9px;font-weight:800;display:block}.overview-kpis article strong{color:#092f56;margin-top:5px;font-size:19px;display:block}.overview-kpis article small{color:#91a0a9;margin-top:5px;font-size:8px;display:block}.overview-kpis article.primary{color:#fff;background:linear-gradient(135deg,#06365e,#087e74);border:0}.overview-kpis article.primary>svg{color:#fff;background:#ffffff20}.overview-kpis article.primary span,.overview-kpis article.primary small{color:#c5e7e3}.overview-kpis article.primary strong{color:#fff;font-size:23px}.overview-secondary{background:#fff;border:1px solid #dce5e9;border-radius:12px;grid-template-columns:repeat(4,1fr);margin:14px 0;display:grid;overflow:hidden}.overview-secondary>div{flex-direction:column;padding:13px 16px;display:flex}.overview-secondary>div+div{border-left:1px solid #e4eaed}.overview-secondary span{color:#7d8e98;font-size:8px}.overview-secondary strong{color:#123e5b;margin-top:5px;font-size:13px}.overview-secondary strong.negative{color:#c04436}.overview-table-card{background:#fff;border:1px solid #dce5e9;border-radius:15px;overflow:hidden;box-shadow:0 8px 22px #0b2e4d0a}.overview-table-card>header{border-bottom:1px solid #e3e9ec;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.overview-table-card h3{color:#092f56;margin:3px 0 0;font-size:15px}.overview-table-card header>b{color:#08745d;background:#eaf8f4;border-radius:99px;padding:6px 9px;font-size:9px}.overview-table{overflow-x:auto}.overview-table-head,.overview-table-row{grid-template-columns:.7fr .65fr .65fr 1.1fr 1fr 1fr 1.2fr;align-items:center;min-width:820px;display:grid}.overview-table-head{color:#66808d;background:#f5f8f9;font-size:8px;font-weight:900}.overview-table-head>*,.overview-table-row>*{text-align:right;padding:10px 12px}.overview-table-head>:first-child,.overview-table-row>:first-child{text-align:left}.overview-table-row{color:#4e6471;border-top:1px solid #edf1f3;font-size:9px}.overview-table-row strong{color:#0a456c}.overview-table-row b{color:#08745d;text-align:right}.overview-empty{color:#7b8f99;text-align:center;background:#fff;border:1px dashed #cdd9de;border-radius:15px;align-content:center;place-items:center;min-height:420px;display:grid}.overview-empty h3{color:#173f59;margin:10px 0 3px}.overview-empty p{margin:0 0 14px;font-size:10px}@media (width<=1100px){.overview-kpis,.overview-secondary{grid-template-columns:repeat(2,1fr)}}.payment-filters{gap:6px;margin:-2px 0 9px;display:flex}.payment-filters button{color:#607480;background:#fff;border:1px solid #d7e1e5;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.payment-filters button small{background:#edf2f4;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;display:grid}.payment-filters button.active{color:#075b49;background:#eaf8f4;border-color:#08745d}.student-list small i{border-radius:99px;margin-left:5px;padding:2px 5px;font-size:7px;font-style:normal;font-weight:900;display:inline-block}.student-list small i.paid{color:#fff;background:#169b57;box-shadow:0 0 0 1px #0f7a43}.student-list small i.debt{color:#fff;background:#dc3f3f;box-shadow:0 0 0 1px #b72d2d}.overview-kpis article.paid-card{background:linear-gradient(145deg,#e9fff2,#fff);border-color:#86d7aa #86d7aa #86d7aa #169b57;border-left-style:solid;border-left-width:5px}.overview-kpis article.paid-card strong,.overview-table-row .paid-value{color:#087a42;font-weight:900}.overview-kpis article.debt-card{background:linear-gradient(145deg,#fff0f0,#fff);border-color:#f0aaaa #f0aaaa #f0aaaa #dc3f3f;border-left-style:solid;border-left-width:5px}.overview-kpis article.debt-card strong,.overview-table-row .debt-value{color:#c92f2f;font-weight:900}.payment-filters button:nth-child(2).active{color:#a52222;background:#fff0f0;border-color:#dc3f3f}.payment-filters button:nth-child(3).active{color:#087a42;background:#ebfff3;border-color:#169b57}