@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600&display=swap');
:root{font-family:'DM Sans','Noto Sans Bengali',sans-serif;color:#4c3029;font-size:13px;background:#e8dfd5}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e6ad55;outline-offset:2px}.desktop{width:100vw;height:100dvh;background:radial-gradient(ellipse at 80% 90%,#d9bfb0,transparent 70%),#eee5dc;overflow:hidden}.desktop-brand{position:absolute;left:28px;top:22px;font-weight:800;letter-spacing:3px;color:#895e4c;font-size:12px}.desktop-brand span{font-size:9px;letter-spacing:2px;margin-left:15px;opacity:.65}#window{container-type:inline-size;container-name:app;position:absolute;width:1200px;height:700px;max-width:100vw;max-height:100dvh;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background:#faf6f1;border:1px solid #c9ad98;border-radius:12px;box-shadow:0 24px 90px #264c3a2b;overflow:hidden;min-width:360px;min-height:300px}header{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:white;border-bottom:1px solid #e9ded3;touch-action:none;cursor:move}.titlebrand,.tools{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#8f252d;color:white;font-size:19px}.titlebrand strong{font-size:16px;letter-spacing:-.6px}.pill{font-size:8px;letter-spacing:1px;padding:4px 7px;border-radius:4px;background:#f4e9e2;color:#9d6553}#dimensions{font-size:10px;color:#8a9b94}.tools{gap:4px}.tools button,.tools select{background:white;border:1px solid #e8d9cd;padding:6px 9px;border-radius:5px;font-size:10px;color:#52665d}.tools #close{font-size:22px;line-height:16px;border:none}.tools #close:hover{background:#fff0ee;color:#bd4538}.workspace{display:flex;flex:1;min-height:0}aside{width:232px;flex-shrink:0;background:white;border-right:1px solid #e8d9cd;display:flex;flex-direction:column}.institute{padding:21px 18px;display:flex;align-items:center;gap:10px}.crest{width:34px;height:38px;background:#f3e7dc;color:#985044;display:grid;place-items:center;border-radius:8px;font-size:22px}.institute strong{font-size:12px}.institute small,.sidebottom small{display:block;font-size:9px;color:#8b9a93;margin-top:4px}.navcaption{font-size:9px;color:#9ba8a1;letter-spacing:1.7px;padding:2px 22px 12px}nav{flex:1;min-height:0;overflow-y:auto;padding:0 10px 14px}.navbutton{width:100%;display:flex;text-align:start;align-items:center;gap:9px;border:0;border-radius:6px;background:none;color:#846456;padding:10px;font-size:11px}.navbutton .icon{width:19px;font-size:16px;color:#81958a}.navbutton .chevron{margin-inline-start:auto;font-size:11px}.navbutton:hover{background:#f4f7f5}.navbutton.active{background:#f6e7e4;color:#8c2932;font-weight:700}.navbutton.active .icon{color:#94333b}.subnav{border-inline-start:1px solid #dbe8df;margin:4px 0 8px 19px;padding-inline-start:12px}.subnav button{display:block;border:0;background:none;color:#7c8d84;font-size:10px;padding:7px 5px;text-align:start;width:100%}.subnav button.selected{color:#24684f;font-weight:bold}.sidebottom{border-top:1px solid #e8eeea;display:flex;align-items:center;gap:9px;padding:14px 20px;font-size:10px}.sidebottom>span:last-child{margin-inline-start:auto}.avatar{border-radius:50%;background:#ecdcc6;color:#866c44;width:28px;height:28px;display:grid;place-items:center;font-size:10px}main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.topline{height:46px;flex-shrink:0;border-bottom:1px solid #e6ece8;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#8b9b92;font-size:10px}.session{font-size:9px;color:#6a8272}#content{overflow:auto;min-height:0;flex:1;padding:24px 27px 30px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}h1{font-size:24px;letter-spacing:-.8px;margin:0 0 6px;color:#542d29;font-weight:600}p{margin:0;color:#8b9b91;font-size:11px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b9e91;margin-bottom:8px}.primary,.secondary,.danger{border:0;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:#96323b;color:white;box-shadow:0 2px 3px #1e593719}.secondary{background:white;border:1px solid #e5d4c7;color:#856657}.danger{background:#fff1ec;color:#b14d35}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.metric{background:white;border:1px solid #e9dbcf;border-radius:9px;padding:16px}.metric .label{font-size:10px;color:#8b9b91;display:flex;justify-content:space-between}.metric .value{font-size:27px;letter-spacing:-1px;margin:12px 0 7px;color:#6d3730}.metric small{font-size:9px;color:#5a9474}.grid2{display:grid;grid-template-columns:1.65fr 1fr;gap:17px;margin-bottom:20px}.panel{background:white;border:1px solid #e7d9cd;border-radius:9px;overflow:hidden}.panelheading{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #edf0ed}.panelheading h2{font-size:12px;font-weight:600;margin:0}.panelheading span{font-size:9px;color:#95a398}.panelbody{padding:17px 18px}.bars{height:135px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e7eee8;padding:0 10px;gap:15px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#f0f3f0 33px)}.bar{width:28px;background:#c99476;border-radius:4px 4px 0 0;position:relative}.bar:nth-child(2n){background:#9b3941}.bar span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:9px;color:#899d8e}.chartnote{padding-top:34px;font-size:9px;color:#8b9c8e}.activity{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #eff2ef}.activity:last-child{border:0}.activity b{display:block;font-size:10px;font-weight:500}.activity small{font-size:9px;color:#9ba79e}.doticon{width:27px;height:27px;border-radius:6px;background:#f5e6dd;display:grid;place-items:center;color:#ad6a51}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.quick{background:white;border:1px solid #e9dacf;border-radius:7px;padding:14px;text-align:start;color:#865c4b;font-size:10px}.quick b{font-size:17px;display:block;margin-bottom:9px;color:#a25b48}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.toolbar input{flex:1;min-width:130px}input,select,textarea{border:1px solid #dce5de;border-radius:6px;padding:10px;background:#fff;color:#6d463b;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #d4a59a;border-color:transparent}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:start;padding:12px 16px;background:#fcf8f4;color:#96a49a;font-size:9px;letter-spacing:.6px;font-weight:500}td{padding:13px 16px;border-top:1px solid #edf1ed;color:#856657}td strong{color:#704039;font-weight:500}.tag{background:#f6e9dd;color:#a36d42;border-radius:4px;padding:4px 7px;font-size:9px}.rowactions{display:flex;gap:5px}.rowactions button{border:0;border-radius:4px;background:#eff4ef;color:#5c7c64;padding:5px 7px;font-size:10px}.empty{text-align:center;padding:40px;color:#94a398}footer{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5d4c7;background:#fff;padding:0 16px;color:#8d9e91;font-size:9px}footer i{display:inline-block;width:5px;height:5px;background:#ad5d40;border-radius:50%;margin-right:4px}.resize{position:absolute;z-index:5}.resize.n,.resize.s{height:5px;left:8px;right:8px;cursor:ns-resize}.resize.n{top:0}.resize.s{bottom:0}.resize.e,.resize.w{width:5px;top:8px;bottom:8px;cursor:ew-resize}.resize.e{right:0}.resize.w{left:0}.resize.ne,.resize.nw,.resize.se,.resize.sw{width:12px;height:12px}.resize.ne{top:0;right:0;cursor:nesw-resize}.resize.nw{top:0;left:0;cursor:nwse-resize}.resize.se{bottom:0;right:0;cursor:nwse-resize}.resize.sw{bottom:0;left:0;cursor:nesw-resize}.reopen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 30px;border:0;border-radius:10px;background:#96323b;color:white}#toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:#71363b;color:#fff;border-radius:8px;padding:12px 20px;display:none;z-index:50}dialog{border:1px solid #d9e4da;border-radius:12px;width:650px;max-width:94vw;max-height:90dvh;padding:0;color:#6d3b32;box-shadow:0 20px 70px #142f3233}dialog::backdrop{background:#18392c55;backdrop-filter:blur(3px)}.modalhead{padding:20px 24px;border-bottom:1px solid #e7ede7;display:flex;align-items:center;justify-content:space-between}.modalhead h2{font-size:18px;margin:0}.formbody{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px}.field.wide{grid-column:1/-1}.field textarea{height:72px;resize:vertical}.modalfoot{padding:15px 24px;border-top:1px solid #e7ede7;display:flex;justify-content:end;gap:8px}.inlineform{max-width:850px}.helper{font-size:10px;line-height:1.8;color:#899a8d}.sectiontitle{font-size:12px;margin:0 0 13px}.printtitle{display:none}@media(max-width:760px){#window{border-radius:0;min-width:320px}.desktop-brand{display:none}header{height:65px;padding:6px 9px;align-items:start;gap:4px;flex-direction:column}.titlebrand strong{font-size:13px}.logo{height:20px;width:20px;font-size:14px}.tools{width:100%;justify-content:end}.tools select,.tools button{padding:4px 6px;font-size:9px}aside{width:173px}.institute{padding:15px 10px}.institute small{font-size:8px}.navbutton{font-size:10px;padding:9px 5px}.navbutton .icon{width:15px}.navcaption{padding-left:14px}.sidebottom{padding:10px}#content{padding:18px 14px}.topline{padding:0 14px;font-size:9px}.session{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px}.metric .value{font-size:23px}.grid2{grid-template-columns:1fr}.quickgrid{grid-template-columns:repeat(2,1fr)}.pagehead{align-items:start;flex-direction:column}h1{font-size:21px}footer{font-size:8px;padding:0 8px}#summary{display:none}.formbody{grid-template-columns:1fr}.field.wide{grid-column:auto}}@media(max-width:450px){aside{width:133px}.institute .crest{display:none}.institute strong{font-size:10px}.navbutton{gap:4px;font-size:9px}.navbutton .icon{font-size:13px}.sidebottom{font-size:8px;gap:5px}.avatar{width:22px;height:22px}.metric .label{font-size:8px}.metric small{font-size:8px}.metric .value{font-size:20px}.pill{display:none}.topline{height:33px}.primary,.secondary{padding:9px;font-size:10px}.panelheading{padding:13px}.panelbody{padding:13px}.titlebrand{gap:7px}}
@media print{body{overflow:visible;background:white}.desktop{height:auto;background:white}.desktop-brand,header,aside,footer,.topline,.toolbar,.pagehead button,.rowactions,.resize{display:none!important}#window{position:static;transform:none;width:100%!important;height:auto!important;max-height:none;border:0;box-shadow:none}.workspace,main,#content{display:block;overflow:visible}.printtitle{display:block}.tablewrap{overflow:visible}.panel{border:0}#content{padding:0}}

@container app (max-width:760px){#window{border-radius:0;min-width:320px}.desktop-brand{display:none}header{height:65px;padding:6px 9px;align-items:start;gap:4px;flex-direction:column}.titlebrand strong{font-size:13px}.logo{height:20px;width:20px;font-size:14px}.tools{width:100%;justify-content:end}.tools select,.tools button{padding:4px 6px;font-size:9px}aside{width:173px}.institute{padding:15px 10px}.institute small{font-size:8px}.navbutton{font-size:10px;padding:9px 5px}.navbutton .icon{width:15px}.navcaption{padding-left:14px}.sidebottom{padding:10px}#content{padding:18px 14px}.topline{padding:0 14px;font-size:9px}.session{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px}.metric .value{font-size:23px}.grid2{grid-template-columns:1fr}.quickgrid{grid-template-columns:repeat(2,1fr)}.pagehead{align-items:start;flex-direction:column}h1{font-size:21px}footer{font-size:8px;padding:0 8px}#summary{display:none}.formbody{grid-template-columns:1fr}.field.wide{grid-column:auto}}@container app (max-width:450px){aside{width:133px}.institute .crest{display:none}.institute strong{font-size:10px}.navbutton{gap:4px;font-size:9px}.navbutton .icon{font-size:13px}.sidebottom{font-size:8px;gap:5px}.avatar{width:22px;height:22px}.metric .label{font-size:8px}.metric small{font-size:8px}.metric .value{font-size:20px}.pill{display:none}.topline{height:33px}.primary,.secondary{padding:9px;font-size:10px}.panelheading{padding:13px}.panelbody{padding:13px}.titlebrand{gap:7px}}

.language-buttons{display:flex;gap:3px}.language-buttons button[aria-pressed=true]{background:#f6e7e4;color:#8c2932;border-color:#d5a59a}.language-buttons button{font-size:9px;padding:6px}.tools{flex-wrap:wrap}@container app (max-width:760px){header{height:88px}.tools{justify-content:space-between;gap:3px}.language-buttons{width:100%;justify-content:space-between}.tools button{font-size:9px}.titlebrand{width:100%}.tools>button{padding:3px 9px}}
/* Burgundy and warm brown theme */
header{background:#fffaf6}.desktop{background:radial-gradient(ellipse at 80% 90%,#d9bfb0,transparent 70%),#eee5dc}#window{box-shadow:0 24px 90px #5933242b}aside,footer{background:#fffcf9}.institute strong{color:#754332}.navbutton .icon{color:#a47c62}.navbutton:hover{background:#faf0e7}.navbutton.active{background:#f6e7e4;color:#8f252d}.navbutton.active .icon,.subnav button.selected{color:#8f252d}.primary{background:#96323b;box-shadow:0 2px 3px #6e242619}.primary:hover{background:#7d202b}.secondary:hover,.quick:hover{background:#f7ebe1}.panelheading{border-bottom-color:#efe1d5}th{color:#a08069}td{border-top-color:#eee1d6}.topline{background:#faf5ee;color:#987c68}.session{color:#9e7053}.metric small{color:#a66b47}.metric .label,p,.helper{color:#9b8474}.language-buttons button[aria-pressed=true]{background:#f6e7e4;color:#8f252d;border-color:#d5a59a}.logo{background:#8f252d}.crest{background:#f4e9df;color:#985044}.quick{color:#865c4b}.bars{border-bottom-color:#ebd9c9;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#f3e9df 33px)}.rowactions button{background:#f6ebe1;color:#8b624a}.tag{background:#f6e9dd;color:#a36d42}footer{border-top-color:#e5d4c7;color:#997f6a}footer i{background:#ad5d40}.subnav{border-color:#e8d2c3}.sidebottom{border-color:#eadccf}.reopen{background:#96323b}.doticon{background:#f5e6dd;color:#ad6a51}.chartnote,.bar span{color:#a2846b}

/* Dark burgundy and brown */
:root{color-scheme:dark;color:#eadbd2;background:#171211}.desktop{background:radial-gradient(ellipse at 80% 90%,#39211f,transparent 70%),#171211}.desktop-brand{color:#b58c76}#window{background:#211a18;border-color:#553d33;box-shadow:0 24px 90px #0008}header{background:#2b1d1b;border-bottom-color:#50362f}.titlebrand strong{color:#f2dfd3}.pill{background:#49282a;color:#e7aaa4}#dimensions{color:#bb9680}.tools button,.tools select{background:#342622;border-color:#614137;color:#e7cbbb}.tools #close:hover{background:#7b2831;color:white}.language-buttons button[aria-pressed=true]{background:#792b35;border-color:#b45058;color:#fff0e8}aside{background:#281e1a;border-color:#49372d}.institute strong{color:#eed3be}.institute small,.sidebottom small{color:#b49a88}.crest{background:#493025;color:#e2b08a}.navcaption{color:#b18e77}.navbutton{color:#d1b9a8}.navbutton .icon{color:#b78d70}.navbutton:hover{background:#3b2b24}.navbutton.active{background:#642831;color:#ffe4df}.navbutton.active .icon,.subnav button.selected{color:#ffb7ad}.subnav{border-color:#674538}.subnav button{color:#c3a18b}.sidebottom{border-color:#4c362c;color:#dfc4af}.avatar{background:#65452d;color:#f3d3aa}.topline{background:#281e1a;border-color:#4b352c;color:#c29e86}.session{color:#cfaa86}h1{color:#f1ded1}p,.helper{color:#baa394}.eyebrow{color:#bd9077}.primary{background:#a53948;color:#fff4ed;box-shadow:none}.primary:hover{background:#bd4656}.secondary{background:#3a2922;border-color:#694a3b;color:#ead0bc}.secondary:hover,.quick:hover{background:#4b3026}.danger{background:#602630;color:#ffb8b6}.metrics .metric,.panel,.quick{background:#2d231e;border-color:#543d30}.metric .label{color:#ccb19a}.metric .value{color:#f3ded0}.metric small{color:#d6a574}.sectiontitle{color:#e5c8b2}.panelheading{border-color:#50382d}.panelheading h2{color:#ead3bf}.panelheading span{color:#b89a83}.panelbody p{color:#bfa594}.quick{color:#e1bfa1}.quick b{color:#e69b88}.bars{border-color:#654333;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#473126 33px)}.bar{background:#ac7953}.bar:nth-child(2n){background:#b94756}.bar span,.chartnote{color:#c4a78d}.activity{border-color:#50382d}.activity b{color:#e4cbb7}.activity small{color:#b2957f}.doticon{background:#56312b;color:#e6a583}input,select,textarea{background:#241a16;color:#f0dbca;border-color:#684737}input::placeholder{color:#af9380}input:focus,select:focus,textarea:focus{outline-color:#b25d57}th{background:#37251e;color:#d3ae8c}td{border-color:#51372a;color:#d8bda7}td strong{color:#f0d7c3}.rowactions button{background:#52362a;color:#f0c9a7}.tag{background:#5c3d25;color:#f5c58c}.empty{color:#c3a38b}footer{background:#2b1e19;border-color:#553b2c;color:#cbb095}footer i{background:#d7835c}#toast{background:#8f303e;color:#fff4ed}dialog{background:#2d211c;border-color:#80503d;color:#efd8c5}dialog::backdrop{background:#080504b8}.modalhead,.modalfoot{border-color:#624032}.modalhead h2{color:#f4dfcd}.field{color:#e0bfa4}.reopen{background:#a53948;color:#fff3e9}
@media print{:root{color-scheme:light}#window,body,.panel{background:white!important;color:#222!important}th,td,td strong,h1,p{color:#222!important;background:white!important}}

.setup-note{padding:14px 16px;border:1px solid #76513d;background:#3a2920;border-radius:8px;color:#e2bd9b;font-size:11px;line-height:1.9;margin-bottom:18px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.setup-card{display:flex;flex-direction:column;gap:12px;background:#2d231e;border:1px solid #654535;border-radius:9px;padding:20px;color:#f0d7c3;text-align:start}.setup-card:hover{background:#482d27;border-color:#a74c52}.setup-card>span{font-size:24px;color:#d67f79}.setup-card strong{font-size:12px}.setup-card small{font-size:10px;color:#caa586}.panelbody a{text-decoration:none;display:inline-block}@container app (max-width:760px){.setup-grid{grid-template-columns:repeat(2,1fr)}.setup-card{padding:14px}}@container app (max-width:450px){.setup-grid{grid-template-columns:1fr}}

.receipt-body{padding:28px}.receipt-body h2{margin:8px 0}.receipt-body h3{color:#e7b9a0;font-size:15px}.receipt-brand{font-weight:700;letter-spacing:3px;color:#d5787e}.receipt-signature{text-align:end;margin-top:35px;color:#c7a890;font-size:11px}.receipt-body th{width:45%;font-size:11px}.receipt-body table{white-space:normal}.setup-note a{color:#efba9b}.toolbar select{max-width:100%}#draftStudent{max-width:65%;margin-inline-end:8px}.receipt-body .helper{margin-top:18px}@media print{body.printing-receipt>.desktop{display:none!important}body.printing-receipt dialog.receipt-dialog{display:block!important;position:static;max-height:none;max-width:none;width:100%;border:0;background:#fff;color:#222;box-shadow:none}body.printing-receipt dialog .modalfoot{display:none}body.printing-receipt dialog::backdrop{display:none}.receipt-signature,.receipt-body h3{color:#222!important}.setup-note{color:#222;background:#fff;border:1px solid #ddd}.setup-note a{color:#222}}

.student-photo{width:54px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #8a6350;background:#49362a;flex-shrink:0}.student-photo.placeholder{display:grid;place-items:center;font-size:35px;color:#b58b70}.student-link-banner{margin:18px 24px 0;padding:14px;background:#442c26;border:1px solid #77503d;border-radius:8px;display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.8}.student-link-banner small{display:block;color:#d0ac91}.photo-editor{display:flex;gap:20px;padding:22px 24px 0;align-items:center}.photo-editor .student-photo{width:90px;height:120px}.photo-editor input{display:block;font-size:10px;padding:8px;margin:8px 0;max-width:280px}.photo-editor p{font-size:10px;margin-top:5px}.photo-editor small{display:block;margin-top:6px;font-size:9px}.student-table-name{display:flex;align-items:center;gap:8px}.student-table-name .student-photo{width:28px;height:36px;font-size:20px;border-radius:4px}.id-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:start;justify-items:center}.student-id-card{width:286px;min-height:440px;border-radius:13px;overflow:hidden;border:1px solid #bd9c85;background:#fcf7ee;color:#452823;box-shadow:0 9px 25px #0003;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-card-head{padding:16px 14px;background:#65242d;color:#fff1e7;display:flex;align-items:center;gap:9px;min-height:69px}.id-card-head>b{width:32px;height:35px;border:1px solid #d99d85;display:grid;place-items:center;border-radius:7px;font-size:24px}.id-card-head strong{display:block;font-size:13px;line-height:1.5}.id-card-head small{font-size:8px;color:#e0bda8;display:block;margin-top:4px}.id-card-band{background:#b98159;color:#fff8e9;font-size:9px;text-align:center;letter-spacing:1.2px;padding:7px}.id-card-content{text-align:center;padding:16px 18px}.student-photo.id-photo{width:90px;height:120px;margin:0 auto 9px;border:3px solid #d9b79a;border-radius:8px;background:#f1e3d2}.student-id-card h2{font-size:17px;color:#5c2e2b;margin:5px 0 8px;line-height:1.5;overflow-wrap:anywhere}.id-number{display:inline-block;background:#702d35;color:#fff2e8;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 12px;overflow-wrap:anywhere;max-width:100%}.student-id-card dl{display:grid;grid-template-columns:1fr 1.1fr;text-align:start;gap:9px 8px;margin:17px 0 0;font-size:9px}.student-id-card dt{color:#936b50}.student-id-card dd{margin:0;color:#59382a;font-weight:600;overflow-wrap:anywhere}.id-card-foot{padding:12px 14px;background:#edddca;border-top:1px solid #d4b596;display:flex;flex-direction:column;gap:12px}.id-card-foot small{font-size:8px;color:#896247}.id-card-foot span{font-size:8px;text-align:end;color:#6e4735;border-top:1px solid #bda087;align-self:end;padding-top:5px}.student-profile-header{display:grid;grid-template-columns:286px 1fr;gap:20px;margin-bottom:20px}.student-profile-header .panelbody h2{font-size:17px}.student-profile-header .panelbody p{font-size:12px;margin:8px 0}@container app (max-width:760px){.student-profile-header{grid-template-columns:1fr}.photo-editor{align-items:start;gap:12px}.photo-editor input{max-width:200px}.id-card-grid{grid-template-columns:1fr}}@media print{body.printing-student-cards .pagehead,body.printing-student-cards .toolbar{display:none!important}body.printing-student-cards .id-card-grid{display:flex;flex-wrap:wrap;gap:10mm;justify-content:start}.student-id-card{width:70mm;min-height:108mm;box-shadow:none}.student-id-card h2{color:#5c2e2b!important}.student-profile-header .panelbody p{color:#222!important}}

.student-id-card{max-width:100%}@container app (max-width:450px){.photo-editor{flex-direction:column;align-items:start}.photo-editor input{max-width:100%;width:100%}}

/* Fixed ID-card design: 265 × 379 CSS pixels. */
.student-id-card{width:265px;min-width:265px;max-width:265px;height:379px;min-height:379px;border-radius:11px;display:flex;flex-direction:column;box-sizing:border-box}.id-card-head{height:69px;min-height:69px;padding:12px;gap:9px}.id-card-head>b{width:30px;height:35px;flex-shrink:0}.id-card-head strong{font-size:11px;line-height:1.4;max-height:32px;overflow:hidden}.id-card-head small{font-size:7px;margin-top:3px}.id-card-band{height:26px;min-height:26px;padding:7px 3px;font-size:8px;letter-spacing:.7px}.id-card-content{display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:30px 42px auto;column-gap:12px;row-gap:3px;padding:6px 7px 8px;flex:1;min-height:0;align-content:start;overflow:hidden}.student-photo.id-photo{grid-column:1;grid-row:1/3;width:68px;height:78px;margin:0;border:2px solid #d9b79a;border-radius:5px;align-self:start}.student-id-card h2{grid-column:2;grid-row:1;margin:6px 0 0;font-size:14px;line-height:1.25;text-align:center;max-height:35px;overflow:hidden;align-self:start}.id-number{grid-column:2;grid-row:2;justify-self:center;align-self:start;margin-top:6px;font-size:10px;letter-spacing:.4px;padding:7px 10px;max-width:100%;max-height:38px;overflow:hidden}.student-id-card dl{grid-column:1/-1;grid-row:3;grid-template-columns:104px minmax(0,1fr);gap:9px 8px;font-size:8px;line-height:1.5;margin:10px 0 0}.student-id-card dt,.student-id-card dd{max-height:26px;overflow:hidden}.id-card-foot{height:61px;min-height:61px;padding:11px 8px 8px;gap:10px}.id-card-foot small{font-size:7px}.id-card-foot span{font-size:7px;padding-top:6px}.student-profile-header{grid-template-columns:265px minmax(0,1fr)}.id-card-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}@container app (max-width:760px){.student-profile-header{grid-template-columns:1fr}.id-card-grid{grid-template-columns:1fr}}@media print{.student-id-card{width:265px!important;min-width:265px!important;max-width:265px!important;height:379px!important;min-height:379px!important;break-inside:avoid;box-shadow:none}body.printing-student-cards .id-card-grid{gap:8mm}}

.demo-data-note{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #815b3d;background:#3d2b1d;border-radius:7px;color:#e6bf91;font-size:10px;line-height:1.8;margin-bottom:18px}.demo-data-note .secondary{font-size:10px;flex-shrink:0}.demo-row-label{display:block;color:#de9a68;font-size:8px;letter-spacing:1px;margin-top:4px}#recordTable .student-photo{width:42px;height:54px;border-radius:5px;font-size:25px}@container app (max-width:760px){.demo-data-note{flex-direction:column;align-items:start}}@media print{.demo-data-note{display:none!important}}

/* Fit the desktop student roster without wasting space in short fields. */
.student-roster{table-layout:fixed;width:100%;white-space:normal;font-size:10px}.student-roster th,.student-roster td{padding:10px 5px;overflow-wrap:anywhere;line-height:1.5}.student-roster th{font-size:8px;letter-spacing:0;vertical-align:middle}.student-roster td{vertical-align:middle}.student-roster th:nth-child(1){width:9%}.student-roster th:nth-child(2){width:6%}.student-roster th:nth-child(3){width:16%}.student-roster th:nth-child(4){width:9%}.student-roster th:nth-child(5){width:5%}.student-roster th:nth-child(6){width:12%}.student-roster th:nth-child(7){width:6%}.student-roster th:nth-child(8){width:8%}.student-roster th:nth-child(9){width:7%}.student-roster th:nth-child(10){width:22%}.student-roster td:nth-child(1),.student-roster td:nth-child(5),.student-roster td:nth-child(7),.student-roster td:nth-child(8){white-space:nowrap}.student-roster td:nth-child(5),.student-roster td:nth-child(7),.student-roster td:nth-child(8),.student-roster th:nth-child(5),.student-roster th:nth-child(7),.student-roster th:nth-child(8){text-align:center}.student-roster .rowactions{flex-wrap:wrap;gap:3px}.student-roster .rowactions button{font-size:9px;padding:5px;line-height:1.3}.student-roster td:first-child,.student-roster th:first-child{padding-inline-start:10px}.student-roster td:last-child,.student-roster th:last-child{padding-inline-end:8px}#recordTable .student-roster .student-photo{width:34px;height:45px;max-width:100%;object-fit:cover}.student-roster .demo-row-label{font-size:7px}@container app (max-width:760px){.student-roster{min-width:720px}.student-roster th,.student-roster td{padding:8px 5px}}@media print{.student-roster{min-width:0!important}.student-roster th:last-child,.student-roster td:last-child{display:none}}

#content.student-list-page{display:flex;flex-direction:column;overflow:hidden;min-height:0}.student-list-page>.demo-data-note,.student-list-page>.pagehead,.student-list-page>.toolbar{flex-shrink:0}.student-list-page>.panel#recordTable{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.student-list-page #recordTable>.student-roster-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.student-list-page .student-roster thead th{position:sticky;top:0;z-index:2;background:#37251e;box-shadow:0 1px 0 #684735}.student-list-page .student-roster-wrap:focus-visible{outline:2px solid #b96a64;outline-offset:-2px}@container app (max-width:760px){.student-list-page>.demo-data-note{padding:7px 10px;gap:5px;margin-bottom:10px;font-size:9px}.student-list-page>.pagehead{margin-bottom:12px;gap:8px}.student-list-page .eyebrow{display:none}.student-list-page h1{font-size:18px}.student-list-page>.toolbar{margin-bottom:10px}}@media print{#content.student-list-page{display:block!important;overflow:visible!important}.student-list-page>.panel#recordTable{display:block;overflow:visible}.student-list-page #recordTable>.student-roster-wrap{display:block;overflow:visible;max-height:none}.student-list-page .student-roster thead th{position:static}}