@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#22243a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6fb;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f6fb;min-width:320px;margin:0}.app-shell{max-width:1040px;margin:0 auto;padding:28px 22px 34px}.hero{color:#fff;background:radial-gradient(circle at 92% 0,#7968d8 0,#0000 36%),linear-gradient(130deg,#292354,#423a88 58%,#5b4bb2);border-radius:26px;padding:28px 32px 30px;box-shadow:0 18px 45px #31266d20}.hero-top{justify-content:space-between;align-items:center;display:flex}.brand-icon{background:#ffffff18;border:1px solid #ffffff42;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.demo-tag{letter-spacing:.14em;background:#ffffff1c;border:1px solid #ffffff45;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.eyebrow{letter-spacing:.16em;opacity:.75;margin:25px 0 8px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(30px,5vw,43px);line-height:1.1}.hero-copy{color:#efedff;max-width:550px;margin:12px 0 20px;font-size:15px;line-height:1.6}.hero-meta{color:#e3dfff;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.hero-meta span:first-child{align-items:center;gap:6px;display:flex}.notice{color:#775b24;background:#fff8e8;border:1px solid #f0dfb6;border-radius:15px;gap:12px;margin:18px 0;padding:15px 17px;font-size:13px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice p{color:#806b46;margin:4px 0 0}.toast{color:#24613d;background:#eef8f1;border:1px solid #cde9d5;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:11px 14px;font-size:13px;display:flex}.toast button,.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 26px;display:grid}.stat-card{background:#fff;border:1px solid #e8e9f2;border-radius:17px;grid-template-columns:40px 1fr;align-items:center;column-gap:11px;padding:16px;display:grid;box-shadow:0 5px 18px #1f285208}.stat-icon{color:#6253bd;background:#f0efff;border-radius:13px;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.stat-card span{color:#74758a;font-size:12px}.stat-card strong{letter-spacing:-.04em;margin-top:1px;font:800 23px Manrope,sans-serif}.workspace{background:#fff;border:1px solid #e6e8f2;border-radius:23px;padding:24px;box-shadow:0 8px 30px #22243a08}.section-heading h2{letter-spacing:-.035em;margin:0;font:800 24px Manrope,sans-serif}.eyebrow.dark{color:#7774a0;opacity:1;margin:0 0 7px}.toolbar{justify-content:space-between;align-items:end;gap:16px;margin:22px 0 18px;display:flex}.group-select{flex:1;gap:7px;max-width:380px;display:grid}.group-select>span,label{color:#565871;font-size:12px;font-weight:700}select,input{font:inherit;color:#27283e;background:#fff;border:1px solid #dfe1ec;border-radius:11px;outline:none;min-width:0;padding:12px 13px}.toolbar-actions{flex-wrap:wrap;gap:9px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font:700 12px DM Sans,sans-serif;transition:transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#fff;background:#5749b3;box-shadow:0 5px 12px #5749b322}.button.full{width:100%;margin-top:18px}.form-card{background:#fbfaff;border:1px solid #e2dff8;border-radius:16px;margin:16px 0;padding:18px}.form-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.form-title h3{margin:0;font:800 16px Manrope,sans-serif}.form-card>label,.form-grid label{gap:7px;display:grid}.form-card>label input{width:100%}.form-grid{grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:13px;display:grid}.helper-row{color:#696982;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.helper-row svg{color:#6758bd}.helper-row strong{color:#292747}.empty-state{text-align:center;background:linear-gradient(#fcfbff,#fff);border:1px dashed #d8d7eb;border-radius:17px;flex-direction:column;align-items:center;padding:38px 18px 32px;display:flex}.empty-icon{color:#6455bd;background:#f0eeff;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.empty-state h3{margin:15px 0 7px;font:800 18px Manrope,sans-serif}.empty-state p{color:#77778d;max-width:450px;margin:0 0 18px;font-size:13px;line-height:1.6}.student-area{margin-top:18px}.list-heading{border-top:1px solid #f0f0f6;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 13px;display:flex}.list-heading h3{margin:0;font:800 17px Manrope,sans-serif}.list-heading p{color:#77778c;margin:5px 0 0;font-size:12px}.count-pill{color:#594ca6;white-space:nowrap;background:#f1efff;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.search-box{color:#8b8ba0;border:1px solid #e1e2ed;border-radius:11px;align-items:center;gap:9px;margin:7px 0 12px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;flex:1;padding:11px 0;box-shadow:none!important}.student-list{display:grid}.student-row{border-bottom:1px solid #f0f0f5;align-items:center;gap:12px;padding:13px 3px;display:flex}.avatar{color:#5b4db0;background:#f0efff;border-radius:13px;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:12px;font-weight:800;display:grid}.student-info{flex:1;gap:4px;min-width:0;display:grid}.student-info strong{overflow-wrap:anywhere;font-size:13px}.student-info span,.student-balance span{color:#85859a;font-size:11px}.student-balance{text-align:right;gap:2px;min-width:52px;display:grid}.student-balance strong{font:800 15px Manrope,sans-serif}.row-index{color:#b0b0c0;text-align:right;width:20px;font-size:10px}.empty-list{color:#85859a;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:30px 12px;display:flex}.empty-list strong{color:#4e4f68;font-size:13px}.empty-list span{font-size:12px}.empty-list .button{margin-top:8px}footer{color:#9292a5;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 4px 0;font-size:11px;display:flex}@media (width<=650px){.app-shell{padding:14px 12px 24px}.hero{border-radius:21px;padding:22px 21px 24px}.hero-copy{font-size:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{grid-template-columns:1fr;gap:4px;padding:12px}.stat-icon{grid-row:auto;width:34px;height:34px;margin-bottom:5px}.stat-card span{font-size:10px}.stat-card strong{font-size:21px}.workspace{border-radius:19px;padding:17px 14px}.section-heading h2{font-size:21px}.toolbar{flex-direction:column;align-items:stretch}.group-select{max-width:none}.toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.button{white-space:normal;padding:11px 9px}.form-grid{grid-template-columns:1fr 1fr}.student-row{gap:9px}.student-info strong{font-size:12px}.student-info span{font-size:10px}.row-index{display:none}footer{flex-direction:column}}.login-card{max-width:440px;margin:24px auto}.login-card .form-title h2{margin:0;font:800 20px Manrope,sans-serif}.login-card .form-title svg{color:#6253bd}.small-note{color:#77778d;margin:13px 0 0;font-size:11px;line-height:1.55}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.logout-button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff5;border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font:700 11px DM Sans,sans-serif;display:inline-flex}.logout-button:disabled{opacity:.5}@media (width<=480px){.section-heading{flex-direction:column;align-items:flex-start}.section-heading>.button{align-self:flex-end}.login-card{margin:18px 0}}.student-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.student-actions .button{padding:8px 9px;font-size:11px}.device-workspace{margin-bottom:18px}.modal-backdrop{z-index:50;background:#17152f88;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.history-modal{background:#fff;width:min(620px,100%);max-height:85vh;margin:0;overflow:auto}.history-modal .form-title h2{margin:0;font:800 20px Manrope,sans-serif}.history-modal .form-title p{color:#77778d;margin:5px 0 0;font-size:12px}.history-list{display:grid}.history-item{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.history-item>div{gap:5px;min-width:0;display:grid}.history-item span{color:#85859a;font-size:11px}.history-item strong{font-size:13px}.history-item .positive{color:#21845a}.history-item .negative{color:#b54c56}@media (width<=650px){.student-actions{width:100%;padding-left:48px}.student-actions .button{flex:1}.history-modal{padding:15px}}.history-item-end{flex-shrink:0;align-items:center;gap:8px;display:flex}.history-item-end .button{padding:7px 9px;font-size:11px}@media (width<=650px){.student-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.student-row>.avatar{grid-area:1/1}.student-row>.student-info{grid-area:1/2;min-width:0}.student-row>.student-info strong{overflow-wrap:break-word;word-break:normal;font-size:13px;line-height:1.35}.student-row>.student-info span{font-size:11px;line-height:1.35}.student-row>.student-balance{grid-area:1/3;min-width:44px}.student-row>.student-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;padding-left:0;display:grid}.student-actions .button{white-space:normal;min-width:0;padding:10px 7px;line-height:1.25}}.toast{z-index:100;width:min(560px,100vw - 28px);margin:0;animation:.18s ease-out toast-in;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #17152f26}.toast button{flex-shrink:0;padding:4px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=480px){.toast{padding:12px 13px;font-size:12px;bottom:14px}}.quick-nav{flex-wrap:wrap;gap:10px;margin:18px 0 22px;display:flex}.quick-nav a{color:#51458f;background:#fff;border:1px solid #dcd9f2;border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.quick-nav a:focus-visible{outline-offset:2px;outline:3px solid #9b8de4}.family-scan-notice{margin-bottom:18px}@media (width<=480px){.quick-nav{grid-template-columns:1fr;display:grid}.quick-nav a{width:100%}}.family-return-tip{color:#fff;background:#ffffff14;border:1px solid #ffffff45;border-radius:14px;margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.5}.family-return-tip strong{margin-bottom:5px;display:block}.quick-nav button{color:#51458f;cursor:pointer;background:#fff;border:1px solid #dcd9f2;border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.quick-nav button.active{color:#fff;background:#5145b5;border-color:#5145b5}.quick-nav button:focus-visible{outline-offset:2px;outline:3px solid #9b8de4}@media (width<=480px){.quick-nav button{width:100%}}.reward-modal{overscroll-behavior:contain;background:#fff;width:min(720px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow:hidden auto}.reward-modal .form-title{align-items:flex-start;gap:12px}.reward-modal .form-title>div{overflow-wrap:anywhere;min-width:0}.reward-modal .stats{margin:10px 0 16px}.reward-category-grid .button{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;line-height:1.3}.reward-modal>.toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px;display:grid}.reward-modal .reward-list-panel{width:100%;min-width:0;overflow:hidden}.reward-modal .reward-list-panel .student-list{width:100%;min-width:0}.reward-modal .reward-list-panel .student-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;display:grid}.reward-modal .reward-list-panel .student-row>.avatar{grid-area:1/1}.reward-modal .reward-list-panel .student-row>.student-balance{grid-area:1/3;min-width:54px}.reward-modal .reward-list-panel .student-row>.button.primary{white-space:normal;overflow-wrap:anywhere;grid-area:2/1/auto/-1;width:100%;min-height:44px}@media (width<=480px){.modal-backdrop{align-items:center;padding:10px}.reward-modal{border-radius:18px;max-height:calc(100dvh - 20px);padding:15px}.reward-modal .form-title h2{font-size:18px;line-height:1.25}.reward-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reward-category-grid .button{padding:11px 7px;font-size:12px}.reward-modal>.toolbar-actions{grid-template-columns:1fr 1fr}.reward-modal .reward-list-panel .student-row{grid-template-columns:38px minmax(0,1fr) auto;column-gap:8px}.reward-modal .reward-list-panel .student-info strong{font-size:13px;line-height:1.3}.reward-modal .reward-list-panel .student-info span{font-size:11px;line-height:1.35}.reward-modal .reward-list-panel .student-balance strong{font-size:14px}.reward-modal .reward-list-panel .student-row>.button.primary{grid-column:1/-1;justify-self:stretch;width:100%;min-height:44px}}.reward-category-accordion{gap:12px;display:grid}.reward-category-section{border:1px solid var(--line,#e4e3f3);background:#fff;border-radius:16px;overflow:hidden}.reward-category-toggle{text-align:left;width:100%;color:var(--ink,#22243a);cursor:pointer;background:#f7f5ff;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px;display:grid}.reward-category-toggle>span:first-child{gap:5px;min-width:0;display:grid}.reward-category-toggle small{color:#77778e;font-size:12px;font-weight:400;line-height:1.4}.reward-category-toggle .count-pill{white-space:nowrap}.reward-category-list{padding:0 16px}.reward-category-list .empty-list{padding:18px 8px}.reward-category-list .student-row{padding:16px 0}.reward-category-list .student-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=480px){.reward-category-toggle{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px}.reward-category-toggle .count-pill{grid-column:1;justify-self:start}.reward-category-toggle>span:last-child{grid-area:1/2/3}.reward-category-list{padding:0 12px}}.device-workspace .form-card form{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0;margin-top:18px;display:grid}.device-workspace .form-card form label{grid-template-columns:minmax(0,1fr);gap:7px;width:100%;min-width:0;line-height:1.4;display:grid}.device-workspace .form-card form input,.device-workspace .form-card form select{width:100%;min-width:0;max-width:100%;font-size:16px;display:block}.device-workspace .form-card form .button.full{white-space:normal;min-height:46px;margin-top:2px;line-height:1.35}.device-workspace .form-card>.section-heading{align-items:center}@media (width<=650px){.device-workspace .form-card{padding:16px 13px}.device-workspace .form-card>.section-heading{flex-direction:column;align-items:stretch}.device-workspace .form-card>.section-heading>.button{align-self:flex-start;max-width:100%}.device-workspace .form-card form{gap:16px}.device-workspace .form-card form label{font-size:13px}.device-workspace .form-card form input,.device-workspace .form-card form select{padding:13px 12px}}.device-role-badge{color:#4f429e;background:#e9e6ff;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.25;display:inline-flex}.admin-device-pill{color:#4f429e;white-space:normal;text-align:center;background:#e9e6ff;max-width:120px}.app-shell{width:min(100% - 28px,1100px);min-width:0;margin-inline:auto}.hero,.workspace,.notice,.stats,.quick-nav{min-width:0}.hero h1,.hero-copy,.section-heading h2,.student-info,.student-row{overflow-wrap:anywhere;min-width:0}@media (width<=600px){.app-shell{width:calc(100% - 24px);margin:12px auto 28px;padding:0}.hero{border-radius:22px;padding:22px 18px}.hero h1{font-size:clamp(25px,7vw,34px);line-height:1.12}.hero-copy{font-size:14px;line-height:1.5}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-meta .logout-button{margin-left:auto}.notice{align-items:flex-start;padding:14px}.workspace{border-radius:18px;padding:16px 13px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.section-heading h2{font-size:22px;line-height:1.2}.toolbar{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.toolbar .group-select,.toolbar .group-select select{width:100%;min-width:0}.toolbar-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.student-row{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px 0;display:grid}.student-row>.avatar{grid-area:1/1}.student-row>.student-info{grid-area:1/2;min-width:0}.student-row>.student-balance{grid-area:2/2;justify-self:start}.student-row>.student-actions{grid-area:3/1/auto/-1;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid}.student-row>.student-actions .button{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;min-height:44px;line-height:1.3}.student-row>.row-index{display:none}.list-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}.search-box,.search-box input{width:100%;min-width:0}.quick-nav{grid-template-columns:minmax(0,1fr)}.quick-nav button{white-space:normal;width:100%}.device-workspace .student-row{grid-template-columns:40px minmax(0,1fr)}.device-workspace .student-row>select,.device-workspace .student-row>.button{white-space:normal;grid-column:1/-1;width:100%;min-width:0}.device-workspace .form-card{min-width:0}.quick-nav{gap:8px;margin:14px 0 18px}.quick-nav button{height:auto;min-height:44px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.2!important}.workspace .section-heading>.button,.workspace .toolbar>.button,.workspace .toolbar-actions .button{height:auto;min-height:44px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.25!important}.student-row>.student-actions{gap:8px!important}.student-row>.student-actions .button,.student-row>.button,.student-row>button.button{height:auto;min-height:44px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.25!important}.reward-category-toggle{min-height:0;padding:14px 13px!important}.reward-category-list .student-row{padding:14px 0!important}.reward-category-list .student-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.reward-category-list .student-actions .button{height:auto;grid-column:auto!important;min-height:44px!important;padding:10px 8px!important;font-size:13px!important;line-height:1.2!important}.device-workspace .form-card>.section-heading>.button{align-self:flex-start;min-height:44px!important;padding:10px 12px!important;font-size:14px!important}.device-workspace .student-row>select,.device-workspace .student-row>.button{height:auto;min-height:44px!important;padding:10px 12px!important;font-size:14px!important}.button.full,.device-workspace .form-card form .button.full{min-height:44px!important;padding:10px 12px!important;font-size:14px!important}.reward-category-accordion{gap:8px!important}.reward-category-toggle{grid-template-columns:minmax(0,1fr) auto!important;gap:5px 8px!important;padding:10px 12px!important}.reward-category-toggle>span:first-child{gap:3px!important}.reward-category-toggle strong{font-size:14px!important;line-height:1.2!important}.reward-category-toggle small{font-size:11px!important;line-height:1.25!important}.reward-category-toggle .count-pill{grid-column:1!important;justify-self:start!important;padding:5px 9px!important;font-size:11px!important}.reward-category-toggle>span:last-child{grid-area:1/2/3!important;align-self:center!important;font-size:16px!important}.reward-category-list{padding:0 10px!important}.reward-category-list .student-row>.student-info{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px;display:grid}.reward-category-list .student-row>.student-info strong,.reward-category-list .student-row>.student-info .student-name{overflow-wrap:anywhere;grid-area:1/1;min-width:0}.reward-category-list .student-row>.student-info .student-description,.reward-category-list .student-row>.student-info p{grid-area:2/1}.reward-category-list .student-row>.student-info .reward-price,.reward-category-list .student-row>.student-info .student-balance,.reward-category-list .student-row>.student-info .amount{white-space:nowrap;grid-area:1/2;place-self:start end;margin:0!important;font-size:17px!important;line-height:1.25!important}.reward-category-list .student-row>.student-balance{grid-area:1/2;place-self:start end;margin:0!important;font-size:17px!important;line-height:1.25!important}.reward-category-list .student-row{grid-template-rows:auto auto!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;display:grid!important}.reward-category-list .student-row>.avatar{grid-area:1/1!important}.reward-category-list .student-row>.student-info{flex-direction:column!important;grid-area:1/2!important;gap:3px!important;min-width:0!important;display:flex!important}.reward-category-list .student-row>.student-info strong{overflow-wrap:anywhere;font-size:14px!important;line-height:1.25!important}.reward-category-list .student-row>.student-info span{font-size:12px!important;line-height:1.25!important}.reward-category-list .student-row>.student-balance{white-space:nowrap!important;flex-direction:column!important;grid-area:1/3!important;justify-self:end!important;align-items:flex-end!important;gap:1px!important;margin:0!important;display:flex!important}.reward-category-list .student-row>.student-balance strong{font-size:15px!important;line-height:1.25!important}.reward-category-list .student-row>.student-balance span{font-size:10px!important;line-height:1.2!important}.reward-category-list .student-row>.student-actions{grid-area:2/2/auto/4!important}}.group-home-bar{grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:10px;margin:18px 0;display:grid}.group-home-bar .group-select{min-width:0}.group-home-bar .group-select select{width:100%;min-width:0}.settings-button{border:1px solid var(--line,#dedcf2);color:#5146ad;cursor:pointer;background:#f6f4ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.settings-button:focus-visible{outline-offset:2px;outline:3px solid #aaa0f4}.group-welcome{background:#fff;border:1px solid #e4e1f4;border-radius:18px;margin:14px 0 24px;padding:18px 16px}.group-welcome p{color:#29283e;margin:0 0 5px;font-weight:700}.group-welcome span{color:#85849a;font-size:14px;line-height:1.45}@media (width<=600px){.group-home-bar{grid-template-columns:minmax(0,1fr) 46px;gap:8px;margin:16px 0}.group-home-bar .group-select span{font-size:13px}.group-home-bar .group-select select{min-height:48px;padding:10px 12px;font-size:15px}.settings-button{width:46px;height:48px}.group-welcome{margin:12px 0 18px;padding:14px}}.student-row-collapsible{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.student-row-collapsible>.avatar{grid-area:1/1}.student-name-toggle{text-align:left;width:100%;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;grid-area:1/2;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:9px;padding:0;display:grid}.student-name-toggle .student-info{gap:4px;min-width:0;display:grid}.student-name-toggle .student-info strong{overflow-wrap:anywhere;font-size:13px;line-height:1.3}.student-name-toggle .student-info span{color:#85859a;font-size:11px;line-height:1.3}.student-name-toggle .student-balance{text-align:right;gap:2px;min-width:44px;display:grid}.student-name-toggle .student-balance strong{white-space:nowrap;font:800 15px Manrope,sans-serif}.student-name-toggle .student-balance span{color:#85859a;font-size:10px}.student-expand-mark{color:#594ca6;background:#f1efff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:14px;font-weight:800;display:grid}.student-actions-expanded{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;padding:2px 0 4px 50px;display:grid}.student-actions-expanded .button{white-space:normal;min-width:0;min-height:36px;padding:8px 7px;font-size:11px;line-height:1.2}@media (width<=600px){.student-row-collapsible{grid-template-columns:36px minmax(0,1fr);column-gap:8px;padding:11px 0}.student-name-toggle{grid-template-columns:minmax(0,1fr) auto 16px;gap:6px}.student-name-toggle .student-info strong{font-size:13px}.student-name-toggle .student-balance strong{font-size:14px}.student-actions-expanded{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:44px}.student-actions-expanded .button{height:auto;min-height:36px!important;padding:8px 6px!important;font-size:11px!important}}#students .toolbar{margin:14px 0 12px}#students .toolbar-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}#students .toolbar-actions .button{border-radius:10px;width:auto;min-height:38px;padding:8px 12px;font-size:12px}#students .toolbar-actions .button svg{width:15px;height:15px}#students .student-actions-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-left:44px;display:grid}#students .student-actions-expanded .button{border-radius:9px;width:100%;min-height:34px;padding:7px 8px;font-size:11px;line-height:1.2}.ranking-panel{background:#fbfaff;border:1px solid #e6e8f2;border-radius:17px;margin-top:18px;padding:17px 16px}.ranking-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ranking-heading h3{color:#292747;margin:0;font:800 18px Manrope,sans-serif}.ranking-heading p:not(.eyebrow){color:#77778d;margin:5px 0 0;font-size:12px;line-height:1.45}.ranking-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.ranking-item{border-bottom:1px solid #ecebf5;align-items:center;gap:10px;min-width:0;padding:9px 2px;display:flex}.ranking-item:last-child{border-bottom:0}.ranking-position{color:#65647b;background:#eeedf6;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.ranking-position.top-three{color:#5749b3;background:#e9e4ff}.ranking-student-name{overflow-wrap:anywhere;color:#34344d;flex:1;min-width:0;font-size:13px;font-weight:700}.ranking-balance{white-space:nowrap;color:#292747;font:800 14px Manrope,sans-serif}.ranking-balance small{color:#85859a;font:500 10px DM Sans,sans-serif}.ranking-empty{color:#77778d;margin:8px 0 2px;font-size:12px}@media (width<=600px){#students .toolbar-actions{gap:7px;display:flex}#students .toolbar-actions .button{min-height:36px;padding:7px 10px;font-size:11px}#students .student-actions-expanded{gap:6px;padding-left:44px}#students .student-actions-expanded .button{min-height:32px;padding:6px 5px;font-size:10px}.ranking-panel{padding:14px 12px}.ranking-heading h3{font-size:16px}.ranking-balance{font-size:13px}}.back-home-button{color:#5146ad;cursor:pointer;background:#fff;border:1px solid #e2defb;border-radius:11px;justify-content:flex-start;align-items:center;gap:8px;margin:0 0 12px;padding:9px 12px;font:700 13px DM Sans,sans-serif;display:inline-flex}.back-home-button:focus-visible{outline-offset:2px;outline:3px solid #aaa0f4}.quick-nav{margin-top:0}.growth-ranking-panel{margin-top:18px}.growth-method-note{color:#6e6f86;background:#f7f6ff;border:1px solid #e8e5fb;border-radius:12px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.6}.growth-ranking-item .ranking-student-name{gap:4px;display:grid}.growth-ranking-item .ranking-student-name small{color:#82839a;font-size:10px;font-weight:500}.growth-ranking-item .ranking-balance small{text-align:right;color:#77788d;font-size:10px;font-weight:600;display:block}.substitute-group-readonly .group-select{border:1px solid var(--line,#dedcf2);background:#fff;border-radius:14px;gap:7px;padding:13px 15px;display:grid}.substitute-group-readonly .group-select>span{color:#77778e;font-size:12px;font-weight:700}.substitute-group-readonly .group-select>strong{color:var(--ink,#29283e);font-size:16px;line-height:1.35}.substitute-group-readonly .group-select>small{color:#85849a;font-size:12px}.family-student-heading{align-items:center;gap:15px;margin-bottom:18px;display:flex}.family-student-heading h2{overflow-wrap:anywhere;margin:0}.family-child-avatar{background:linear-gradient(145deg,#f0edff,#fff0f6);border:1px solid #e5defc;border-radius:22px;flex:0 0 66px;place-items:center;width:66px;height:66px;font-size:38px;display:grid}.family-balance-row{background:#faf9ff;border:1px solid #e4e1f4;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;display:flex}.family-balance-row>span{color:#77778e;font-size:14px}.family-balance-row>strong{color:#5145b5;white-space:nowrap;font:800 22px Manrope,sans-serif}.family-category-count{background:#fbfaff;border:1px solid #e7e4f5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.family-category-count span{color:#55546d;font-size:13px;line-height:1.3}.family-category-count strong{color:#5145b5;font:800 20px Manrope,sans-serif}.family-statement-button{align-items:center;gap:8px;min-height:40px;display:inline-flex}.reward-modal .reward-list-panel>.form-title{margin-bottom:12px}.reward-modal .reward-list-panel .student-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid}.reward-modal .reward-list-panel .student-row{background:#fff;border:1px solid #e8e5f6;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:30px minmax(0,1fr);align-content:start;gap:5px;min-width:0;padding:8px;display:grid}.reward-modal .reward-list-panel .student-row>.avatar{border-radius:9px;grid-area:1/1;width:30px;height:30px;font-size:11px}.reward-modal .reward-list-panel .student-row>.student-info{grid-area:1/2;gap:3px;min-width:0;display:grid}.reward-modal .reward-list-panel .student-row>.student-info span{color:#85849a;font-size:10px;line-height:1.25}.reward-modal .reward-list-panel .student-row>.student-balance{grid-area:2/1/auto/-1;justify-self:start;align-items:baseline;gap:4px;min-width:0;display:flex}.reward-modal .reward-list-panel .student-row>.student-balance strong{font-size:14px}.reward-modal .reward-list-panel .student-row>.button.primary{white-space:normal;overflow-wrap:anywhere;grid-area:3/1/auto/-1;min-height:34px;padding:6px 7px;font-size:12px;line-height:1.15}@media (width<=480px){.family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.family-category-count{padding:10px}.family-category-count span{font-size:12px}.family-balance-row>strong{font-size:19px}.reward-modal .reward-list-panel .student-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.reward-modal .reward-list-panel .student-row{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:5px;padding:7px}.reward-modal .reward-list-panel .student-row>.avatar{grid-area:1/1;width:28px;height:28px}.reward-modal .reward-list-panel .student-row>.student-info{grid-area:2/1}.reward-modal .reward-list-panel .student-row>.student-balance{grid-area:3/1}.reward-modal .reward-list-panel .student-row>.button.primary{grid-area:4/1;width:100%;min-height:32px;padding:5px 6px;font-size:11px}}.reward-group-picker{border:1px solid #dedaf8;border-radius:14px;margin:10px 0;padding:12px}.reward-group-picker legend{padding:0 5px;font-weight:700}.reward-group-options{grid-template-columns:1fr;gap:8px;display:grid}.reward-group-options label{align-items:center;gap:8px;display:flex}.family-student-heading{align-items:center;gap:14px;display:flex}.family-child-avatar{background:#f0edff;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;font-size:34px;display:grid}.family-balance-row{border:1px solid #e5e2f2;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:14px;display:flex}.family-balance-row strong{text-align:right;font-size:1.5rem}.family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.family-category-count{background:#f5f3ff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.family-category-count strong{font-size:1.2rem}.family-statement-button{justify-content:center;width:100%}.family-statement-list{margin-top:14px}.family-student-heading{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.family-student-name{min-width:0}.family-student-name h2{overflow-wrap:anywhere;margin-bottom:0}.family-balance-row{background:#faf9ff;border:1px solid #e5e2f2;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;min-width:132px;margin:0;padding:12px 16px;display:flex}.family-balance-row span{color:#77758b;font-size:.82rem}.family-balance-row strong{text-align:right;white-space:nowrap;font-size:1.45rem}.family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.family-category-count{min-width:0}.family-category-count span{overflow-wrap:anywhere}@media (width<=560px){.family-student-heading{grid-template-columns:52px minmax(0,1fr);gap:10px}.family-child-avatar{width:52px;height:52px;font-size:29px}.family-balance-row{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;min-width:0;margin-top:4px}.family-student-name h2{font-size:1.45rem;line-height:1.2}.family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.family-category-count{padding:9px;font-size:.86rem}}.list-heading-toggle{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.list-heading-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.collapse-mark{color:#594ca6;white-space:nowrap;font-size:11px;font-weight:800}.reward-student-header{align-items:center;gap:15px;min-width:0;margin-bottom:15px;display:flex}.reward-student-avatar{background:#f0efff;border:2px solid #e4e0fb;border-radius:50%;flex:0 0 70px;place-items:center;width:70px;height:70px;font-size:34px;display:grid}.reward-student-identity h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font:800 clamp(23px,5vw,32px)/1.1 Manrope,sans-serif}.reward-detected-label{color:#85859a;margin:5px 0 0;font-size:10px}.reward-balance-strip{background:#fbfaff;border:1px solid #e3e0f5;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:14px 17px;display:flex}.reward-balance-strip strong{color:#5749b3;letter-spacing:-.04em;white-space:nowrap;font:800 clamp(22px,5vw,30px) Manrope,sans-serif}.reward-balance-strip span{color:#77778d;text-align:right;font-size:12px}.reward-modal .reward-list-panel .student-row{gap:5px;padding:7px 8px}.reward-modal .reward-list-panel .student-info strong{font-size:12px;line-height:1.2}.reward-modal .reward-list-panel .student-info span{font-size:10px;line-height:1.25}.reward-modal .reward-list-panel .student-row>.button.primary{min-height:32px;font-size:11px}@media (width<=650px){.list-heading-toggle{align-items:flex-start}.list-heading-right{justify-items:end;gap:7px;display:grid}.reward-student-header{gap:10px}.reward-student-avatar{flex-basis:54px;width:54px;height:54px;font-size:27px}.reward-student-identity h2{font-size:23px}.reward-balance-strip{padding:11px 13px}.reward-balance-strip strong{font-size:22px}.reward-balance-strip span{font-size:11px}}.reward-modal .reward-list-panel .student-row>.avatar{display:none!important}.reward-modal .reward-list-panel .student-row{grid-template-rows:auto auto!important;grid-template-columns:minmax(62px,auto) minmax(0,1fr)!important;align-items:start!important;gap:5px 9px!important;padding:8px!important;display:grid!important}.reward-modal .reward-list-panel .student-row>.student-balance{white-space:nowrap!important;flex-direction:column!important;grid-area:1/1!important;justify-self:start!important;align-items:flex-start!important;gap:0!important;min-width:0!important;display:flex!important}.reward-modal .reward-list-panel .student-row>.student-balance strong{overflow-wrap:normal!important;font-size:14px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-row>.student-balance span{font-size:10px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-row>.student-info{grid-area:1/2!important;align-self:start!important;gap:3px!important;min-width:0!important;display:grid!important}.reward-modal .reward-list-panel .student-row>.student-info strong{overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.22!important}.reward-modal .reward-list-panel .student-row>.student-info span{font-size:10px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-row>.button.primary{grid-area:2/1/auto/-1!important;width:100%!important;height:auto!important;min-height:30px!important;padding:5px 7px!important;font-size:11px!important;line-height:1.15!important}@media (width<=650px){.reward-modal .reward-list-panel .student-row{grid-template-rows:auto auto!important;grid-template-columns:minmax(58px,auto) minmax(0,1fr)!important;gap:5px!important;padding:7px!important}.reward-modal .reward-list-panel .student-row>.student-balance strong{font-size:13px!important}.reward-modal .reward-list-panel .student-row>.student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-row>.button.primary{min-height:29px!important;font-size:10px!important}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.quick-nav button{width:100%!important;min-height:46px!important;padding:9px 7px!important;font-size:12px!important;line-height:1.2!important}}.reward-modal .reward-list-panel .student-row>.student-info{grid-area:1/1!important;min-width:0!important}.reward-modal .reward-list-panel .student-row>.student-balance{text-align:right!important;grid-area:1/2!important;justify-self:end!important;align-items:flex-end!important;min-width:52px!important}.reward-modal .reward-list-panel .student-row>.button.primary{grid-area:2/1/auto/-1!important}.reward-modal .reward-list-panel .student-row{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) auto!important}@media (width<=650px){.reward-modal .reward-list-panel .student-row{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) auto!important}.reward-modal .reward-list-panel .student-row>.student-info{grid-area:1/1!important}.reward-modal .reward-list-panel .student-row>.student-balance{grid-area:1/2!important}.reward-modal .reward-list-panel .student-row>.button.primary{grid-area:2/1/auto/-1!important}}.reward-category-accordion{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reward-category-section{align-self:start;min-width:0}.reward-category-toggle{grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;height:100%;min-height:112px;gap:8px!important;padding:13px!important;display:grid!important}.reward-category-toggle>span:first-child{flex-direction:column;grid-column:1/-1;gap:5px;min-width:0;display:flex}.reward-category-toggle strong{font-size:14px;line-height:1.25}.reward-category-toggle small{font-size:11px;line-height:1.3}.reward-category-toggle .count-pill{padding:5px 8px;font-size:10px}.reward-category-list{grid-column:1/-1}@media (width<=480px){.reward-category-accordion{gap:8px}.reward-category-toggle{min-height:104px;padding:10px!important}.reward-category-toggle strong{font-size:12px}.reward-category-toggle small{font-size:10px}}.login-card .pin-recovery-fields{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0;margin-bottom:14px;display:grid}.login-card .pin-recovery-fields label,.login-card section[aria-label="Recuperar PIN Master"] label{grid-template-columns:minmax(0,1fr);gap:7px;width:100%;min-width:0;line-height:1.4;display:grid}.login-card .pin-recovery-fields input,.login-card section[aria-label="Recuperar PIN Master"] input{width:100%;min-width:0;max-width:100%;font-size:16px;display:block}.login-card section[aria-label="Recuperar PIN Master"]>div:first-of-type{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;display:grid}.login-card section[aria-label="Recuperar PIN Master"] .button{white-space:normal;max-width:100%}.student-section-heading{align-items:center;gap:12px;display:flex}.student-section-heading>div{flex:1;min-width:0}.student-section-heading .refresh-students-button{white-space:nowrap;flex:none;order:-1}.student-name-toggle .student-info strong{font-size:16px;line-height:1.3}.reward-category-list .student-info strong{overflow-wrap:anywhere;word-break:normal;font-size:15px;line-height:1.35}.reward-category-list .student-info span{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.reward-category-list .student-actions{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.reward-category-list .student-actions .button{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;flex:1 1 0;min-width:0;padding:10px 8px;line-height:1.2}@media (width<=650px){.reward-category-accordion{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.reward-category-toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.reward-category-toggle>span:first-child{min-width:0}.reward-category-toggle .count-pill{grid-column:1;justify-self:start}.reward-category-toggle>span:last-child{grid-area:1/2/3}.reward-category-list{padding:0 12px}.reward-category-list .student-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.reward-category-list .student-row>.avatar{grid-area:1/1}.reward-category-list .student-row>.student-info{grid-area:1/2;min-width:0}.reward-category-list .student-row>.student-balance{grid-area:1/3;min-width:54px}.reward-category-list .student-row>.student-actions{grid-area:2/2/auto/4;width:100%;padding-left:0}.student-section-heading{align-items:center;gap:9px}.student-section-heading h2{font-size:21px}.student-section-heading .refresh-students-button{padding:9px 8px;font-size:12px}.student-name-toggle .student-info strong{font-size:16px}}.reward-group-picker{gap:10px;display:grid}.reward-group-mode{background:#fff;border:1px solid #e3e0f4;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.reward-group-mode input{flex:none;margin-top:4px}.reward-group-mode strong{font-size:14px}.reward-groups-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.reward-group-options{background:#fff;border:1px solid #e3e0f4;border-radius:12px;max-height:220px;padding:10px;overflow:auto}.reward-group-options label{padding:7px 2px}:root{--bank-navy:#0b1f44;--bank-gold:#f6c445;--bank-yellow:#ffd21f;--bank-pink:#ff4fa3;--bank-purple:#9b5bff;--bank-blue:#2cb6ff;--bank-green:#3ddc97;color:var(--bank-navy);background:#f2f7ff;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:var(--bank-navy);background:linear-gradient(#edf5ff 0,#f8fbff 280px,#f6f8fc 100%)}.app-shell{max-width:1180px}.hero{background:radial-gradient(circle at 92% 10%,#1765a8 0,#0000 27%),linear-gradient(125deg,#071936 0%,#0b1f44 58%,#123c70 100%);border:1px solid #254a7c;border-radius:24px;padding:25px 28px 26px;position:relative;overflow:hidden;box-shadow:0 14px 34px #0b1f4424}.hero:after{content:"";pointer-events:none;border:20px solid #f6c44530;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-135px;right:-65px}.hero-top,.hero .eyebrow,.hero h1,.hero-copy,.hero-meta{z-index:1;position:relative}.brand-icon{width:58px;height:58px;color:var(--bank-navy);background:linear-gradient(145deg,#fff7d5,#f6c445);border:1px solid #f6c4458a;border-radius:18px;position:relative;box-shadow:0 5px #9b620d}.brand-icon svg{display:none}.brand-icon:before{content:"🏦";font-size:34px;line-height:1}.brand-icon:after{content:"★";color:#ff9f00;text-shadow:0 1px #fff;font-size:16px;position:absolute;top:2px;right:4px}.demo-tag{color:#fff;letter-spacing:.08em;background:#ffffff14;border:1px solid #ffffff45}.hero .eyebrow{color:#f6d66e;opacity:1;letter-spacing:.12em}.hero h1{letter-spacing:-.025em;color:#fff;text-shadow:0 3px #06152e;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(31px,5vw,46px)}.hero-copy{color:#e4f1ff}.hero-meta{color:#dcecff}.logout-button{background:#ffffff14;border-color:#ffffff52}.notice{border-radius:16px}.stats{gap:13px}.stat-card{border-color:#dfeaf8;border-radius:19px;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px #0b1f440b}.stat-card:nth-child(3n+1) .stat-icon{color:#1475c8;background:#e1f3ff}.stat-card:nth-child(3n+2) .stat-icon{color:#a86b00;background:#fff3c9}.stat-card:nth-child(3n) .stat-icon{color:#8151d5;background:#f0e7ff}.stat-card strong,.section-heading h2,.list-heading h3,.form-title h3,.empty-state h3{color:var(--bank-navy);letter-spacing:-.015em;font-family:"Baloo 2",Nunito,sans-serif}.workspace,.form-card{border-color:#e0eaf7;border-radius:21px;box-shadow:0 7px 24px #0b1f440a}.eyebrow.dark{color:#2875b8}select,input{color:var(--bank-navy);border-color:#d8e5f4;border-radius:12px}select:focus,input:focus{border-color:#2cb6ff;box-shadow:0 0 0 3px #2cb6ff24}.button{border-radius:12px;font-family:Nunito,sans-serif;font-weight:800}.button.primary{background:linear-gradient(135deg,#176fe5,#168fe8);box-shadow:0 5px 12px #176fe52a}.button.secondary{color:#0b1f44;background:#eef6ff;border-color:#d5e8ff}.button.secondary:hover:not(:disabled){background:#e0f0ff}.count-pill{color:#0b5798;background:#e6f4ff}.avatar{color:#0b5798;background:#e5f4ff;border:1px solid #d2eaff;border-radius:14px}.student-row{border-bottom-color:#eaf0f8}.student-row:hover{background:#f8fbff}.student-info strong,.student-balance strong{color:#0b1f44}.search-box{border-color:#dce8f6}.empty-state{background:linear-gradient(#f5faff,#fff);border-color:#d7e8fa}.empty-icon{color:#946000;background:#fff0bf}.form-card{background:#fff}.form-card .form-card{background:#f6faff}.toast{border-radius:14px}footer{color:#74849d}@media (width<=650px){.app-shell{padding:12px 10px 22px}.hero{border-radius:21px;padding:20px 18px 22px}.brand-icon{border-radius:16px;width:51px;height:51px}.brand-icon:before{font-size:30px}.hero h1{font-size:clamp(29px,8vw,37px)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat-card{border-radius:15px;padding:10px 8px}.stat-card strong{font-size:19px}.workspace{border-radius:18px;padding:15px 12px}.student-row{border-radius:12px;padding:12px 6px}}.quick-nav{background:#fff;border:1px solid #dce9f8;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 18px;padding:8px;display:grid;box-shadow:0 5px 18px #0b1f4409}.quick-nav button{color:#29476f;cursor:pointer;background:#f2f7ff;border:1px solid #0000;border-radius:12px;min-height:43px;padding:10px 9px;font:800 12px Nunito,sans-serif}.quick-nav button.active{background:var(--bank-navy);color:#fff;border-color:var(--bank-navy);box-shadow:0 4px 10px #0b1f4425}.back-home-button{color:var(--bank-navy);cursor:pointer;background:#fff;border:1px solid #d9e7f6;border-radius:11px;align-items:center;gap:7px;margin:12px 0 0;padding:9px 12px;font:800 12px Nunito,sans-serif;display:inline-flex}.reward-group-picker{background:#f8fbff;border:1px solid #dce9f8;border-radius:14px;padding:14px}.reward-group-picker legend{color:var(--bank-navy);padding:0 6px;font-size:13px;font-weight:900}.reward-group-mode{background:#fff;border:1px solid #dce9f8;border-radius:12px;align-items:flex-start;gap:9px;margin:8px 0;padding:11px;display:flex!important}.reward-group-mode input{accent-color:#176fe5;margin:3px 0 0}.reward-group-mode span{gap:3px;display:grid}.reward-group-mode small{color:#6d7e96;font-size:11px;line-height:1.4}.reward-group-options{background:#fff;border:1px solid #dce9f8;border-radius:12px;gap:7px;max-height:220px;padding:10px;display:grid;overflow:auto}.reward-group-options label{align-items:center;gap:8px;padding:7px 5px;font-size:12px;display:flex}.reward-group-options input{accent-color:#176fe5}@media (width<=650px){.quick-nav{grid-template-columns:1fr;gap:6px;margin:10px 0 14px;padding:7px}.quick-nav button{text-align:left;min-height:42px;padding:11px 13px}.back-home-button{justify-content:center;width:100%}.section-heading{gap:10px}.section-heading>.button{align-self:stretch;width:100%}.toolbar-actions,.form-grid{grid-template-columns:1fr}.form-card{padding:15px 12px}.form-title{gap:8px}.reward-group-picker{padding:10px}.student-balance{min-width:58px}}.reward-category-grid .button{text-align:left;white-space:normal;background:#fff;border:1px solid #dbe8f7;justify-content:flex-start;align-items:center;gap:8px;min-height:66px;padding:13px 15px;line-height:1.25;display:flex;box-shadow:0 4px 12px #0b1f4408}.reward-category-grid .button:nth-child(4n+1){border-left:4px solid #2cb6ff}.reward-category-grid .button:nth-child(4n+2){border-left:4px solid #f6c445}.reward-category-grid .button:nth-child(4n+3){border-left:4px solid #9b5bff}.reward-category-grid .button:nth-child(4n){border-left:4px solid #3ddc97}.reward-list-panel{background:#f8fbff;border:1px solid #e0eaf7;border-radius:18px;margin-top:16px;padding:15px}.reward-list-panel .form-title{margin-bottom:12px}.reward-list-panel .student-row{background:#fff;border:1px solid #e4edf8;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:8px 0;padding:12px 8px;display:grid}.reward-list-panel .student-info strong{line-height:1.25;display:block}.reward-list-panel .student-info span{color:#72829a;margin-top:3px;font-size:12px;line-height:1.35;display:block}.reward-list-panel .student-balance{text-align:right;white-space:nowrap}.reward-list-panel .student-row .button{white-space:nowrap;min-height:39px;padding:9px 12px}.toolbar-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toolbar-actions .button{flex:150px;min-height:42px}.student-row .icon-button{flex:none}.list-heading,.section-heading{align-items:center}.search-box:focus-within{border-color:#2cb6ff;box-shadow:0 0 0 3px #2cb6ff1f}@media (width<=650px){.reward-category-grid{grid-template-columns:1fr;gap:8px}.reward-category-grid .button{min-height:55px}.reward-list-panel{margin-top:12px;padding:10px}.reward-list-panel .student-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px 7px}.reward-list-panel .student-row>.button{grid-column:2/4;width:100%;min-height:40px}.reward-list-panel .student-balance{text-align:right;grid-area:1/3}.reward-list-panel .avatar{width:34px;height:34px}.toolbar-actions{grid-template-columns:1fr;display:grid}.toolbar-actions .button{width:100%}}.hero{background:radial-gradient(circle at 88% 8%,#2cb6ff35 0,#0000 28%),radial-gradient(circle at 100% 100%,#f6c44526 0,#0000 30%),linear-gradient(132deg,#0b1f44 0%,#123d70 57%,#176fe5 100%);border:1px solid #ffffff1c;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff20;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-86px;right:-48px;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}.hero-top,.hero h1,.hero-copy,.hero-meta,.hero>.eyebrow{z-index:1;position:relative}.brand-icon{color:#0b1f44;background:linear-gradient(145deg,#fff4c8,#f6c445);border:1px solid #ffe69a;border-radius:17px;width:54px;height:54px;position:relative;box-shadow:0 7px 18px #020d2433}.brand-icon svg{stroke-width:2.2px}.brand-icon.bank-logo{background:linear-gradient(145deg,#fff4c8,#f6c445)}.demo-tag{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff38}.hero>.eyebrow{color:#ffdc72;opacity:1;letter-spacing:.17em;align-items:center;gap:8px;margin-top:24px;font-size:10px;display:inline-flex}.hero>.eyebrow:before{content:"";background:#f6c445;border-radius:9px;width:20px;height:2px}.hero h1{letter-spacing:-.025em;font-family:"Baloo 2",Nunito,sans-serif}.hero h1:after{content:"Cada esfuerzo cuenta";color:#8de4ff;letter-spacing:.035em;margin-top:5px;font:800 13px Nunito,sans-serif;display:block}.hero-copy{max-width:580px}@media (width<=650px){.brand-icon{width:49px;height:49px}.hero>.eyebrow{margin-top:20px;font-size:9px}.hero h1:after{margin-top:7px;font-size:12px}}.family-student-card{background:linear-gradient(145deg,#fff 0%,#f5fbff 100%);border:1px solid #cfe7f8}.family-student-heading{gap:13px}.family-child-avatar{background:linear-gradient(145deg,#e0f6ff,#fff0c5);border:1px solid #cbeaf8;box-shadow:0 5px 14px #0b1f440d}.family-student-name .eyebrow.dark{color:#1475c8}.family-student-name h2{color:var(--bank-navy);font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;line-height:1.15}.family-balance-row{background:linear-gradient(135deg,#eef9ff,#fff9e7);border-color:#d5e8f8}.family-balance-row>span{color:#526a83;font-size:12px;font-weight:800}.family-balance-row>strong{color:#0b5798;letter-spacing:-.02em;font-family:"Baloo 2",Nunito,sans-serif}.family-activity-card{background:#fff;border-color:#dce9f8}.family-activity-card h2{color:var(--bank-navy);font:800 21px/1.2 "Baloo 2",Nunito,sans-serif}.family-category-count{background:#f7fbff;border-color:#deebf8;border-radius:13px}.family-category-count:nth-child(4n+1){border-left:3px solid #2cb6ff}.family-category-count:nth-child(4n+2){border-left:3px solid #f6c445}.family-category-count:nth-child(4n+3){border-left:3px solid #9b5bff}.family-category-count:nth-child(4n){border-left:3px solid #3ddc97}.family-category-count strong{color:#0b5798;font-family:"Baloo 2",Nunito,sans-serif}.family-statement-button{border-radius:12px}@media (width<=650px){.family-student-heading{grid-template-columns:48px minmax(0,1fr);gap:10px}.family-child-avatar{border-radius:15px;width:48px;height:48px;font-size:27px}.family-student-name h2{font-size:1.3rem;line-height:1.15}.family-balance-row{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:12px}.family-balance-row>strong{white-space:normal;font-size:1.2rem}.family-category-counts{grid-template-columns:1fr;gap:7px}.family-category-count{padding:11px}.family-activity-card h2{font-size:19px}.hero{color:var(--bank-navy);background:linear-gradient(135deg,#fff 0%,#f5fbff 72%,#fff8df 100%);border:1px solid #dce9f8;border-radius:18px;padding:14px 15px 16px;box-shadow:0 5px 18px #0b1f4410}.hero:after{border-color:#2cb6ff30;width:100px;height:100px;bottom:-48px;right:-38px;box-shadow:0 0 0 14px #2cb6ff08}.hero-top{gap:8px}.brand-icon{color:#0b1f44;width:39px;height:39px;box-shadow:none;background:linear-gradient(145deg,#fff4c8,#f6c445);border-color:#f0d477;border-radius:12px}.brand-icon svg{width:21px;height:21px}.demo-tag{letter-spacing:.08em;color:#0b5798;-webkit-backdrop-filter:none;backdrop-filter:none;background:#eaf6ff;border:1px solid #cfe8fb;padding:6px 8px;font-size:9px}.hero>.eyebrow{color:#946000;letter-spacing:.1em;margin-top:13px;font-size:9px}.hero>.eyebrow:before{background:#f6c445;width:14px}.hero h1{color:#0b1f44;font-size:clamp(26px,7vw,33px);line-height:1.02}.hero h1:after{color:#1475c8;margin-top:4px;font-size:12px}.hero-copy{color:#536981;max-width:100%;margin:8px 0 10px;font-size:13px;line-height:1.45}.hero-meta{color:#526a83;gap:8px;font-size:11px}.logout-button{color:#0b5798;background:#eef7ff;border-color:#d5e8f8}.app-shell{padding:10px 9px 20px}.stats{margin:12px 0 17px}.workspace{border-radius:17px;padding:13px 10px}.form-card,.workspace{box-shadow:0 5px 16px #0b1f4408}}@media (width>=651px){.hero h1:after{content:"Cada esfuerzo cuenta"}}.student-row-collapsible{background:#fff;border:1px solid #e5edf7;border-radius:14px;margin:7px 0;padding:12px 13px;box-shadow:0 3px 10px #0b1f4407}.student-name-toggle{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}.student-name-toggle:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #2cb6ff70}.student-name-toggle .student-balance{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.student-name-toggle .student-balance span{display:none}.student-actions-expanded{padding-left:46px}@media (width<=650px){.student-row-collapsible{border-radius:13px;grid-template-columns:34px minmax(0,1fr);gap:9px;margin:6px 0;padding:11px 10px}.student-row-collapsible>.avatar{border-radius:11px;width:34px;height:34px}.student-name-toggle{grid-template-columns:minmax(0,1fr) auto;gap:7px}.student-name-toggle .student-info strong{font-size:13px;line-height:1.25}.student-name-toggle .student-balance{gap:5px}.student-name-toggle .student-balance strong{font-size:16px}.student-actions-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px 0 2px 43px}.student-actions-expanded .button{min-height:40px;padding:8px 6px;font-size:12px}}.brand-logo-image{object-fit:contain;object-position:left center;flex:0 auto;width:min(100%,440px);height:auto;max-height:108px;display:block}.hero-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-top .demo-tag{flex:none}@media (width<=650px){.hero-top{align-items:center;gap:8px}.brand-logo-image{object-position:left center;width:min(78%,300px);max-height:78px}.hero h1{height:0;margin:0;font-size:0;line-height:0;overflow:hidden}.hero h1:after{content:none}.hero{color:#0b1f44;background:linear-gradient(135deg,#fff 0%,#f5fbff 76%,#fff8df 100%);border:1px solid #dce9f8;padding:14px 14px 15px;overflow:hidden;box-shadow:0 5px 18px #0b1f4410}.hero:before,.hero:after{opacity:.35}.hero .eyebrow{color:#946000}.hero .hero-copy{color:#536981;margin-top:8px}.hero .hero-meta{color:#526a83}.hero .logout-button{color:#0b5798;background:#eef7ff;border-color:#d5e8f8}.hero .demo-tag{color:#0b5798;background:#eaf6ff;border-color:#cfe8fb}.hero-top{z-index:1;position:relative}.hero>.eyebrow,.hero>h1{display:none}.hero>.hero-copy{margin:8px 0 0;font-size:13px;line-height:1.45}.hero>.hero-meta{flex-wrap:wrap;gap:7px;margin-top:10px}.hero-top .demo-tag{white-space:nowrap;padding:5px 7px;font-size:9px}.brand-logo-image{width:min(74%,275px);max-height:68px}}.hero{color:var(--bank-navy,#0b1f44);background:linear-gradient(135deg,#fff 0%,#f5fbff 76%,#fff8df 100%);border:1px solid #dce9f8;box-shadow:0 5px 18px #0b1f4410}.hero .hero-copy{color:#536981}.hero .hero-meta{color:#526a83}.hero .logout-button{color:#0b5798;background:#eef7ff;border-color:#d5e8f8}.hero .demo-tag{color:#0b5798;background:#eaf6ff;border-color:#cfe8fb}.hero .eyebrow{color:#946000}.hero-top{flex-wrap:wrap;row-gap:10px;min-width:0}.brand-logo-image{object-fit:contain;object-position:left center;flex:0 440px;width:clamp(210px,52vw,440px);min-width:0;max-width:100%;height:auto;max-height:none;display:block}.hero-top .demo-tag{flex:none;margin-left:auto}@media (width<=650px){.hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-logo-image{flex:210px;width:min(100%,275px);max-width:calc(100% - 1px);max-height:none}.hero-top .demo-tag{white-space:nowrap;padding:5px 7px;font-size:9px}}@media (orientation:landscape) and (height<=600px){.app-shell{padding-top:10px}.hero{padding:14px 18px}.brand-logo-image{width:clamp(180px,38vw,340px);max-height:90px}}.hero{overflow:hidden}.hero-top{width:100%;min-width:0}.brand-logo-image{object-fit:contain;object-position:left center;flex:0 320px;width:min(100%,320px);max-width:100%;height:auto;max-height:88px}@media (width<=650px){.brand-logo-image{flex:0 250px;width:min(100%,250px);max-width:100%;max-height:72px}}@media (orientation:landscape) and (height<=600px){.brand-logo-image{flex-basis:300px;width:min(42vw,300px);max-height:76px}}.hero-top .brand-logo-image{object-fit:contain!important;flex:0 320px!important;width:min(100%,320px)!important;max-width:100%!important;height:auto!important;max-height:88px!important}@media (width<=1100px){.hero-top .brand-logo-image{flex-basis:290px!important;width:min(100%,290px)!important;max-height:78px!important}}@media (width<=650px){.hero-top .brand-logo-image{flex-basis:250px!important;width:min(100%,250px)!important;max-height:72px!important}}.hero-top .login-brand-logo{display:block;object-fit:contain!important;object-position:left center!important;flex:0 280px!important;width:min(100%,280px)!important;max-width:100%!important;height:auto!important;max-height:120px!important}@media (width<=650px){.hero-top .login-brand-logo{flex-basis:250px!important;width:min(100%,250px)!important;max-height:110px!important}}.login-page .login-hero{color:#fff!important;background:radial-gradient(circle at 92% 0,#2cb6ff42 0,#0000 34%),radial-gradient(circle at 100% 100%,#f6c44524 0,#0000 30%),linear-gradient(132deg,#0b1f44 0%,#123d70 57%,#176fe5 100%)!important;border:1px solid #ffffff20!important;box-shadow:0 12px 30px #0b1f4428!important}.login-page .login-hero:after{border-color:#ffffff20!important;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06!important}.login-page .login-hero .hero-copy{color:#e4f1ff!important}.login-page .login-hero .eyebrow{color:#ffdc72!important}.login-page .login-hero .eyebrow:before{background:#f6c445!important}.login-page .login-hero .login-brand-logo{object-fit:contain!important;object-position:left center!important;flex:0 280px!important;width:min(100%,280px)!important;max-width:100%!important;height:auto!important;max-height:120px!important}@media (width<=650px){.login-page .login-hero{padding:18px 18px 20px!important}.login-page .login-hero .login-brand-logo{flex-basis:250px!important;width:min(100%,250px)!important;max-height:110px!important}.login-page .login-hero .hero-copy{color:#e4f1ff!important;margin-top:12px!important}}.login-page .login-hero .hero-top.login-brand{background:linear-gradient(145deg,#fff 0%,#f4faff 100%)!important;border-radius:18px!important;justify-content:flex-start!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:8px 12px!important;display:flex!important;overflow:visible!important;box-shadow:0 5px 16px #020d2438!important}@media (width<=650px){.login-page .login-hero .hero-top.login-brand{border-radius:15px!important;padding:6px 9px!important}.login-page .login-hero .login-brand-logo{flex-basis:270px!important;width:min(76vw,270px)!important}}.login-page .login-hero .hero-top.login-brand{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;justify-content:flex-start!important;align-items:center!important;margin:0 0 12px!important;padding:0!important;display:flex!important;overflow:visible!important}.login-page .login-hero .login-brand-logo{object-fit:contain!important;object-position:left center!important;flex:0 430px!important;width:min(100%,430px)!important;max-width:100%!important;height:auto!important;max-height:none!important;display:block!important}@media (width<=650px){.login-page .login-hero .hero-top.login-brand{margin-bottom:12px!important}.login-page .login-hero .login-brand-logo{flex-basis:350px!important;width:min(100%,350px)!important}}.login-page .login-hero .hero-top.login-brand{width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.login-page .login-hero .login-brand-logo{filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 2px #fff)drop-shadow(0 0 3px #ffffffb8)!important}@media (width<=650px){.login-page .login-hero .login-brand-logo{flex-basis:300px!important;width:min(100%,300px)!important}.login-page .login-hero .hero-top.login-brand{text-align:center!important;justify-content:center!important}.login-page .login-hero>p,.login-page .login-hero .hero-description{font-size:1.08rem!important;line-height:1.55!important}.login-page .login-hero .login-brand-logo{flex-basis:340px!important;width:min(100%,340px)!important;margin-left:auto!important;margin-right:auto!important}}.login-page .login-hero{isolation:isolate!important;background:radial-gradient(circle at 8% 8%,#1685ed55 0 7%,#0000 7.5%),radial-gradient(circle at 100% 100%,#18a6ff55 0 17%,#0000 17.5%),radial-gradient(circle at 88% 0,#0b8efb55 0 16%,#0000 16.5%),linear-gradient(125deg,#09234d 0%,#064b9c 58%,#087ed7 100%)!important;border:1px solid #5ea8f0!important;border-radius:28px!important;margin-bottom:16px!important;padding:24px 22px 22px!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px #0c43841c,inset 0 1px #ffffff25!important}.login-page .login-hero:before{content:"✦  ★                 ✦";z-index:-1;color:#55cfff;letter-spacing:17px;opacity:.72;pointer-events:none;font-size:25px;position:absolute;top:13px;right:13px}.login-page .login-hero:after{content:"✦                         ★";z-index:-1;color:#35c9ff;letter-spacing:20px;opacity:.65;pointer-events:none;font-size:22px;position:absolute;bottom:20px;left:13px}.login-page .login-hero .hero-top.login-brand{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0 auto 18px!important;padding:0!important;display:flex!important;overflow:visible!important}.login-page .login-hero .login-brand-logo{object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #ffffffb8)!important;flex:0 380px!important;width:min(100%,380px)!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;display:block!important}.login-page .login-hero .eyebrow,.login-page .login-hero h1{display:none!important}.login-page .login-hero .hero-copy{text-wrap:pretty;z-index:1!important;color:#f2f8ff!important;text-align:center!important;max-width:38rem!important;margin:0 auto!important;font-size:1.1rem!important;line-height:1.55!important;position:relative!important}@media (width<=650px){.login-page .login-hero{border-radius:25px!important;margin-bottom:14px!important;padding:22px 18px 21px!important}.login-page .login-hero .hero-top.login-brand{margin-bottom:15px!important}.login-page .login-hero .login-brand-logo{flex-basis:360px!important;width:min(100%,360px)!important}.login-page .login-hero .hero-copy{font-size:1.08rem!important;line-height:1.52!important}}.login-page .login-hero{padding-top:19px!important;padding-bottom:17px!important}.login-page .login-hero .hero-top.login-brand{margin-bottom:23px!important}.login-page .login-hero .hero-copy{margin-top:0!important;line-height:1.48!important}@media (width<=650px){.login-page .login-hero{margin-bottom:13px!important;padding:18px 18px 16px!important}.login-page .login-hero .hero-top.login-brand{margin-bottom:22px!important}.login-page .login-hero .hero-copy{font-size:1.06rem!important;line-height:1.48!important}}.dashboard-hero{isolation:isolate!important;background:radial-gradient(circle at 0 0,#178cf3a8 0 15%,#0000 15.5%),radial-gradient(circle at 100% 0,#2c9dff88 0 19%,#0000 19.5%),radial-gradient(circle at 100% 100%,#168ffb75 0 24%,#0000 24.5%),linear-gradient(128deg,#08244f 0%,#064b9e 56%,#087bd0 100%)!important;border:1px solid #3d91ec!important;border-radius:27px!important;padding:24px 25px 23px!important;position:relative!important;overflow:hidden!important;box-shadow:0 17px 38px #0c438420,inset 0 1px #ffffff30!important}.dashboard-hero:before{content:"✦       ★                 ✦";z-index:-1;color:#72d9ff;letter-spacing:13px;opacity:.62;pointer-events:none;font-size:23px;position:absolute;top:10px;right:8px}.dashboard-hero:after{content:"★                           ✦";z-index:-1;color:#55caff;letter-spacing:16px;opacity:.65;pointer-events:none;font-size:22px;position:absolute;bottom:16px;left:13px}.dashboard-brand-row{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.dashboard-brand-logo{object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 3px #ffffff90)!important;flex:0 470px!important;width:min(76%,470px)!important;max-width:470px!important;height:auto!important;max-height:none!important;display:block!important}.dashboard-hero .demo-tag{letter-spacing:.08em;color:#07549b;background:#f5fbff;border:1px solid #bfe3ff;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:inline-flex}.dashboard-hero .demo-tag svg{color:#147bd1}.dashboard-hero-bottom{z-index:1;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:18px;display:flex;position:relative}.dashboard-welcome-copy{min-width:0;max-width:620px}.dashboard-hero .dashboard-welcome-copy h1{color:#fff;letter-spacing:-.035em;margin:0;font-size:clamp(25px,4vw,34px);line-height:1.12}.dashboard-hero .hero-copy{color:#eff8ff;max-width:580px;margin:8px 0 0;font-size:15px;line-height:1.55}.dashboard-logout{flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 16px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #001c4820;color:#07549b!important;background:#f7fbff!important;border:1px solid #ffffffa8!important;border-radius:14px!important}.dashboard-hero .logout-button:disabled{opacity:.7}.app-shell:has(.dashboard-hero) .notice{background:linear-gradient(110deg,#fff7df,#fffaf0);border-color:#f3d78e;border-radius:17px;align-items:flex-start;margin:15px 0 19px;padding:13px 15px;font-size:13px;line-height:1.48;box-shadow:0 4px 14px #9b76200b}.app-shell:has(.dashboard-hero) .notice strong{color:#765018;font-size:14px;display:block}.app-shell:has(.dashboard-hero) .notice p{color:#846a3d;margin:4px 0 0}.app-shell:has(.dashboard-hero) .notice svg{color:#9c6b13;width:21px;height:21px}.app-shell:has(.dashboard-hero) .group-home-bar{background:linear-gradient(125deg,#f7fcff,#eaf5ff);border:1px solid #d6eaff;border-radius:21px;margin:17px 0 13px;padding:16px;box-shadow:0 7px 20px #2a6db10c}.app-shell:has(.dashboard-hero) .group-home-bar .group-select>span{color:#102b65;margin:0 0 9px;font-size:17px;font-weight:800;display:block}.app-shell:has(.dashboard-hero) .group-home-bar .group-select select{color:#132b60;background:#fff;border:1px solid #c8e0fb;border-radius:15px;min-height:52px;font-weight:700;box-shadow:0 3px 10px #174b850a}.app-shell:has(.dashboard-hero) .settings-button{color:#6446ce;background:linear-gradient(145deg,#fbf9ff,#f0eaff);border-color:#d8ccff;border-radius:16px;width:52px;height:52px;box-shadow:0 3px 10px #4d2fa20c}.app-shell:has(.dashboard-hero) .group-welcome{background:linear-gradient(125deg,#fff 0%,#f6fbff 100%);border:1px solid #d9eaff;border-radius:24px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:22px;min-height:180px;margin:13px 0 24px;padding:22px;display:grid;box-shadow:0 8px 25px #235b9c0b}.group-welcome-art{background:radial-gradient(circle at 40% 40%,#dfe9ff 0%,#edf2ff 68%,#f8fbff 100%);border-radius:40% 45% 38% 43%;place-items:center;min-height:132px;display:grid}.group-welcome-icon{color:#6676ed;place-items:center;width:86px;height:92px;display:grid;position:relative}.group-welcome-icon>svg:first-child{stroke-width:1.8px;width:68px;height:68px}.group-welcome-icon>svg:last-child{color:#fff;fill:#ffcf4e;stroke:#fff;filter:drop-shadow(0 2px 2px #ba850c35);background:#ffcf4e;border-radius:50%;width:32px;height:32px;padding:5px;position:absolute;bottom:1px;right:-4px}.group-welcome-copy{min-width:0}.app-shell:has(.dashboard-hero) .group-welcome p{color:#102b65;margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.32}.app-shell:has(.dashboard-hero) .group-welcome span{color:#66779d;font-size:15px;line-height:1.55}.app-shell:has(.dashboard-hero) footer{color:#7283a3;padding:20px 5px 0;font-size:12px}@media (width<=650px){.dashboard-hero{border-radius:25px!important;padding:19px 17px 20px!important}.dashboard-brand-row{align-items:center;gap:9px}.dashboard-brand-logo{flex-basis:360px!important;width:min(70%,360px)!important;max-width:360px!important}.dashboard-hero .demo-tag{gap:5px;padding:7px 9px;font-size:10px}.dashboard-hero .demo-tag svg{width:12px;height:12px}.dashboard-hero-bottom{align-items:flex-start;gap:10px;margin-top:18px}.dashboard-hero .dashboard-welcome-copy h1{font-size:25px}.dashboard-hero .hero-copy{margin-top:7px;font-size:14px;line-height:1.5}.dashboard-logout{min-height:42px;padding:9px 12px;font-size:13px}.app-shell:has(.dashboard-hero) .notice{gap:10px;margin:13px 0 16px;padding:12px 13px}.app-shell:has(.dashboard-hero) .notice strong{font-size:13px}.app-shell:has(.dashboard-hero) .notice p{font-size:12px;line-height:1.48}.app-shell:has(.dashboard-hero) .group-home-bar{grid-template-columns:minmax(0,1fr) 46px;gap:9px;margin:15px 0 11px;padding:13px}.app-shell:has(.dashboard-hero) .group-home-bar .group-select>span{margin-bottom:8px;font-size:15px}.app-shell:has(.dashboard-hero) .group-home-bar .group-select select{min-height:49px;padding:10px 12px;font-size:14px}.app-shell:has(.dashboard-hero) .settings-button{width:46px;height:49px}.app-shell:has(.dashboard-hero) .group-welcome{grid-template-columns:1fr;gap:12px;min-height:0;margin:11px 0 19px;padding:16px}.group-welcome-art{min-height:96px;max-height:96px}.group-welcome-icon{transform:scale(.78)}.group-welcome-copy{text-align:left}.app-shell:has(.dashboard-hero) .group-welcome p{margin-bottom:6px;font-size:18px}.app-shell:has(.dashboard-hero) .group-welcome span{font-size:14px}}.dashboard-brand-row .demo-tag{display:none!important}.dashboard-brand-row{justify-content:center!important}.dashboard-hero:before{content:"✦  ★  ✧  ✦";text-shadow:-235px 115px #ff70bc,-190px 26px #ffd45b,-28px 174px #ff79c7,-310px 54px #57e2ff;color:#72d9ff!important;letter-spacing:13px!important;opacity:.9!important;font-size:23px!important;top:12px!important;right:10px!important}.dashboard-hero:after{content:"★  ✦  ✧";text-shadow:310px -128px #ffd34f,425px -40px #ff7ac9,190px -170px #70e1ff;color:#ff72c6!important;letter-spacing:16px!important;opacity:.95!important;font-size:24px!important;bottom:15px!important;left:14px!important}.group-welcome-art{position:relative;overflow:hidden}.group-welcome-art:before{content:"✦";color:#ff72bd;text-shadow:0 0 #ff72bd;font-size:25px;font-weight:900;position:absolute;top:14px;left:20%}.group-welcome-art:after{content:"✦";color:#ffc83d;font-size:22px;font-weight:900;position:absolute;top:19px;right:19%}.group-welcome-icon:before{content:"✦";color:#27c9e8;font-size:17px;font-weight:900;position:absolute;top:10px;left:-24px}.group-welcome-icon:after{content:"✦";color:#ff79bd;font-size:18px;font-weight:900;position:absolute;top:4px;right:-24px}.dashboard-hero:before,.dashboard-hero:after{z-index:0!important;pointer-events:none!important}.dashboard-hero .dashboard-brand-row,.dashboard-hero .dashboard-hero-bottom{z-index:1;position:relative}.dashboard-hero{text-align:center!important;background:radial-gradient(circle at 0 0,#078bf4 0 14%,#0000 14.2%),radial-gradient(circle at 100% 100%,#0797ff 0 16%,#0000 16.2%),radial-gradient(circle at 100% 0,#087de0 0 13%,#0000 13.2%),linear-gradient(128deg,#06428e 0%,#0757b6 52%,#087fe0 100%)!important;min-height:0!important;padding:88px 28px 27px!important}.dashboard-hero .dashboard-logout{z-index:3!important;color:#07549b!important;background:#f8fcff!important;border:1px solid #c8e8ff!important;border-radius:15px!important;min-height:44px!important;padding:10px 17px!important;position:absolute!important;top:18px!important;right:18px!important}.dashboard-brand-row{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.dashboard-brand-logo{object-fit:contain!important;object-position:center!important;flex:0 490px!important;width:min(78%,490px)!important;max-width:490px!important;height:auto!important}.dashboard-motto{z-index:1;text-wrap:balance;max-width:690px;position:relative;color:#fff!important;text-align:center!important;margin:22px auto 0!important;font-size:clamp(17px,2.4vw,24px)!important;font-weight:700!important;line-height:1.35!important}.dashboard-motto strong{font-weight:900}.dashboard-motto .motto-yellow{color:#ffdc45}.dashboard-motto .motto-pink{color:#ff72ce}.dashboard-motto .motto-cyan{color:#35e2f5}.dashboard-hero:before{content:"★   ✦          ✧     ★";text-shadow:-460px 22px #ff75ce,-370px -26px #ffdc45,-210px 130px #42ddf4,-65px -52px #ffdc45,120px 155px #ff75ce;z-index:0!important;color:#ff75ce!important;letter-spacing:12px!important;opacity:.95!important;font-size:24px!important;top:70px!important;left:auto!important;right:12px!important}.dashboard-hero:after{content:"✦     ★          ✦";text-shadow:175px -205px #ff75ce,330px -215px #ffdc45,505px -165px #35dff4,630px -15px #ff75ce;z-index:0!important;color:#35dff4!important;letter-spacing:15px!important;opacity:.95!important;font-size:23px!important;bottom:16px!important;left:10px!important;right:auto!important}@media (width<=650px){.dashboard-hero{border-radius:25px!important;padding:75px 17px 22px!important}.dashboard-hero .dashboard-logout{min-height:37px!important;padding:7px 11px!important;font-size:12px!important;top:12px!important;right:12px!important}.dashboard-brand-logo{flex-basis:390px!important;width:min(91%,390px)!important;max-width:390px!important}.dashboard-motto{margin-top:17px!important;font-size:clamp(15px,4.1vw,19px)!important;line-height:1.38!important}.dashboard-hero:before{text-shadow:-285px 35px #ff75ce,-225px -14px #ffdc45,-135px 110px #42ddf4,-15px -40px #ffdc45,90px 130px #ff75ce;letter-spacing:8px!important;font-size:19px!important;top:55px!important}.dashboard-hero:after{text-shadow:90px -145px #ff75ce,190px -155px #ffdc45,290px -115px #35dff4,345px -5px #ff75ce;letter-spacing:9px!important;font-size:18px!important;bottom:12px!important}.desktop-break{display:none}}.dashboard-hero:before{content:"★";text-shadow:-250px 36px #ff75ce,-195px 10px #ffdc45,-120px 75px #35dff4,90px 64px #ff75ce,225px 28px #35dff4;letter-spacing:0!important;color:#ffdc45!important;opacity:.92!important;font-size:18px!important;top:34px!important;left:auto!important;right:29%!important}.dashboard-hero:after{content:"✦";text-shadow:64px -22px #ffdc45,175px 17px #ff75ce,292px -32px #35dff4,390px 8px #ffdc45;letter-spacing:0!important;color:#35dff4!important;opacity:.9!important;font-size:12px!important;bottom:112px!important;left:10%!important;right:auto!important}@media (width<=650px){.dashboard-hero:before{text-shadow:-275px 42px #ffdc45,-220px 13px #ff75ce,-125px 73px #35dff4,85px 66px #ff75ce,190px 24px #35dff4;font-size:15px!important;top:36px!important;right:27%!important}.dashboard-hero:after{text-shadow:55px -19px #ffdc45,140px 17px #ff75ce,225px -31px #35dff4,300px 9px #ffdc45;font-size:10px!important;bottom:123px!important;left:7%!important}}.app-shell:has(.dashboard-hero) .stat-card{background:linear-gradient(145deg,#fff 0%,#f3faff 100%)!important;border:1px solid #d8eaff!important;border-radius:23px!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:3px 12px!important;min-width:0!important;padding:17px 16px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 7px 20px #3067b112!important}.app-shell:has(.dashboard-hero) .stat-icon{color:#147ac6!important;background:#dff2ff!important;border-radius:50%!important;grid-row:1/span 2!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stat-card:nth-child(2) .stat-icon{color:#a96a00!important;background:#ffefb9!important}.app-shell:has(.dashboard-hero) .stat-card>span{color:#687798!important;align-self:end!important;font-size:14px!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .stat-card>strong{color:#11285c!important;align-self:start!important;font-size:clamp(24px,5.8vw,32px)!important;font-weight:900!important;line-height:1.05!important}.app-shell:has(.dashboard-hero) .workspace{background:linear-gradient(#fff 0%,#fbfdff 100%)!important;border:1px solid #dfebfb!important;border-radius:27px!important;padding:18px!important;box-shadow:0 10px 28px #2753910e!important}.app-shell:has(.dashboard-hero) .student-section-heading{text-align:center!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;padding-bottom:16px!important;display:flex!important}.app-shell:has(.dashboard-hero) .refresh-students-button{color:#153e82!important;background:#e9f1ff!important;border:1px solid #cfe0ff!important;border-radius:17px!important;justify-content:center!important;width:100%!important;min-height:52px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .student-section-heading .eyebrow{color:#3980b9!important;letter-spacing:.17em!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .student-section-heading h2{color:#10275c!important;margin:5px 0 0!important;font-size:clamp(23px,5vw,29px)!important}.app-shell:has(.dashboard-hero) .list-heading{border-top:1px solid #e7edf6!important;padding-top:17px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle{text-align:left!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.app-shell:has(.dashboard-hero) .list-heading-toggle h3{color:#10275c!important;font-size:20px!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .list-heading-toggle p{color:#7c849e!important;font-size:14px!important;line-height:1.4!important}.app-shell:has(.dashboard-hero) .collapse-mark{white-space:nowrap!important;color:#6432bb!important;background:#f1eaff!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;padding:10px 13px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) .search-box{min-height:54px!important;box-shadow:none!important;background:#fff!important;border:1.5px solid #cfe1fb!important;border-radius:17px!important;margin:17px 0!important}.app-shell:has(.dashboard-hero) .search-box input{color:#14285b!important;font-size:16px!important}.app-shell:has(.dashboard-hero) .student-list{flex-direction:column!important;gap:10px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{background:linear-gradient(115deg,#fff 0%,#fcfdff 100%)!important;border:1px solid #dce8f8!important;border-radius:22px!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:0 12px!important;padding:12px!important;display:grid!important;box-shadow:0 3px 10px #2a539009!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .avatar{color:#1769a9!important;background:#e1f3ff!important;border:3px solid #f0f8ff!important;border-radius:50%!important;place-items:center!important;width:54px!important;height:54px!important;font-size:16px!important;font-weight:900!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:nth-child(4n+2) .avatar{color:#b33176!important;background:#ffe5f1!important;border-color:#fff3f8!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:nth-child(4n+3) .avatar{color:#27874d!important;background:#e2f9e6!important;border-color:#f3fff5!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:nth-child(4n+4) .avatar{color:#7041b9!important;background:#eee3ff!important;border-color:#f8f2ff!important}.app-shell:has(.dashboard-hero) .student-name-toggle{text-align:left!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:3px 8px!important;min-width:0!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-info strong{overflow-wrap:anywhere!important;color:#132956!important;font-size:15px!important;font-weight:850!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero) .student-balance{background:#e6f4ff!important;border-radius:22px!important;flex-direction:column!important;grid-area:1/2/span 2!important;justify-content:center!important;align-items:flex-end!important;min-width:62px!important;padding:8px 10px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-balance strong{color:#124e91!important;font-size:18px!important;font-weight:900!important;line-height:1.1!important}.app-shell:has(.dashboard-hero) .student-balance span{color:#6e86a8!important;font-size:9px!important}.app-shell:has(.dashboard-hero) .student-expand-mark{color:#6843b4!important;background:#f0eaff!important;border-radius:50%!important;grid-area:2/1!important;justify-self:start!important;place-items:center!important;width:25px!important;height:25px!important;margin-top:3px!important;font-size:20px!important;line-height:1!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-actions-expanded{border-top:1px solid #edf1f8!important;flex-wrap:wrap!important;grid-column:1/-1!important;gap:8px!important;margin-top:11px!important;padding-top:12px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button{border-radius:12px!important;min-height:36px!important;padding:8px 11px!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .row-index{display:none!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .stats{gap:10px!important;margin:14px 0!important}.app-shell:has(.dashboard-hero) .stat-card{border-radius:20px!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:9px!important;padding:13px 11px!important}.app-shell:has(.dashboard-hero) .stat-icon{width:44px!important;height:44px!important}.app-shell:has(.dashboard-hero) .stat-card>span{font-size:12px!important}.app-shell:has(.dashboard-hero) .stat-card>strong{font-size:25px!important}.app-shell:has(.dashboard-hero) .workspace{border-radius:24px!important;padding:13px!important}.app-shell:has(.dashboard-hero) .student-section-heading h2{font-size:23px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle h3{font-size:18px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle p{font-size:12px!important}.app-shell:has(.dashboard-hero) .collapse-mark{padding:9px 10px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{border-radius:19px!important;grid-template-columns:46px minmax(0,1fr) auto!important;column-gap:9px!important;padding:10px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .avatar{width:46px!important;height:46px!important;font-size:14px!important}.app-shell:has(.dashboard-hero) .student-info strong{font-size:14px!important}.app-shell:has(.dashboard-hero) .student-balance{min-width:52px!important;padding:7px 8px!important}.app-shell:has(.dashboard-hero) .student-balance strong{font-size:16px!important}}.app-shell:has(.dashboard-hero) .student-section-heading{gap:14px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 18px!important}.app-shell:has(.dashboard-hero) .student-section-heading>div{margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero) .student-section-heading .eyebrow{margin:0 0 5px!important}.app-shell:has(.dashboard-hero) .student-section-heading h2{margin:0!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .workspace{gap:0!important}.app-shell:has(.dashboard-hero) .student-actions-expanded{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:10px!important;padding-top:11px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button{color:#14548f!important;white-space:nowrap!important;background:#edf6ff!important;border:1px solid #d9e8fa!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:8px 11px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .action-reward{color:#a86d00!important;background:#fff8df!important;border-color:#ffe5a0!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .action-edit{color:#087ac5!important;background:#e8f5ff!important;border-color:#c8e7ff!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .action-disable{color:#c52b62!important;background:#fff0f5!important;border-color:#ffd3e2!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .action-link{color:#6a35c3!important;background:#f2eaff!important;border-color:#e1d1ff!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .student-section-heading{padding-bottom:14px!important}.app-shell:has(.dashboard-hero) .student-actions-expanded{justify-content:space-between!important;gap:6px!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button{flex:auto!important;min-width:0!important;padding:8px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button svg{width:15px!important;height:15px!important}}.app-shell:has(.dashboard-hero) .student-section-heading{padding-bottom:8px!important}.app-shell:has(.dashboard-hero) .student-area{margin-top:0!important}.app-shell:has(.dashboard-hero) .student-row-collapsible.expanded{border-color:#bcd8ff!important;box-shadow:0 8px 20px #2a5b9e17!important}.app-shell:has(.dashboard-hero) .stat-card:after{content:"✦";color:#ffca37;opacity:.9;pointer-events:none;font-size:17px;line-height:1;position:absolute;top:13px;right:15px}.app-shell:has(.dashboard-hero) .stat-card:nth-child(2):after{content:"✦";color:#ff72c6;font-size:15px;top:17px;right:17px}.app-shell:has(.dashboard-hero) .stat-card:first-child:before{content:"✦";color:#2bc7ef;pointer-events:none;font-size:13px;position:absolute;bottom:18px;right:27px}.app-shell:has(.dashboard-hero) .stat-card:nth-child(2):before{content:"●";color:#ffc83d;pointer-events:none;font-size:12px;position:absolute;bottom:18px;right:19px}.app-shell:has(.dashboard-hero) .search-box:focus-within{border-color:#8ebcff!important;box-shadow:0 0 0 3px #6ba0ff1f!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:focus-within{outline-offset:1px;outline:2px solid #bcd8ff}.app-shell:has(.dashboard-hero) .stat-card{isolation:isolate!important;position:relative!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .stat-card:before{z-index:-1!important}.app-shell:has(.dashboard-hero) .stat-card:after{z-index:-1!important}.app-shell:has(.dashboard-hero) .stat-card>*{z-index:1;position:relative}.app-shell:has(.dashboard-hero) .stat-card:after{top:12px!important;right:13px!important}.app-shell:has(.dashboard-hero) .stat-card:before{bottom:14px!important;right:25px!important}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:16px 0 20px!important}.app-shell:has(.dashboard-hero) .stat-card{background:linear-gradient(135deg,#fff 0%,#f4faff 100%)!important;border:1px solid #e4edf8!important;border-radius:22px!important;grid-template-rows:auto auto!important;grid-template-columns:52px minmax(0,1fr)!important;align-content:center!important;gap:4px 13px!important;min-height:112px!important;padding:19px 18px!important;box-shadow:0 7px 20px #2c5b970e!important}.app-shell:has(.dashboard-hero) .stat-card:nth-child(2){background:linear-gradient(135deg,#fff 0%,#fff8e8 100%)!important;border-color:#f3e8ca!important}.app-shell:has(.dashboard-hero) .stat-card .stat-icon{color:#1677b8!important;background:#dff3ff!important;border-radius:17px!important;grid-area:1/1/span 2!important;width:52px!important;height:52px!important;box-shadow:inset 0 0 0 1px #c9eaff!important}.app-shell:has(.dashboard-hero) .stat-card:nth-child(2) .stat-icon{color:#a66b00!important;background:#fff0c4!important;box-shadow:inset 0 0 0 1px #ffe5a0!important}.app-shell:has(.dashboard-hero) .stat-card>span{color:#637895!important;letter-spacing:.01em!important;grid-area:1/2!important;align-self:end!important;font-family:Nunito,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .stat-card>strong{color:#15365f!important;letter-spacing:-.025em!important;grid-area:2/2!important;align-self:start!important;margin:0!important;font-family:"Baloo 2",sans-serif!important;font-size:31px!important;line-height:1.05!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .stats{gap:9px!important;margin:12px 0 15px!important}.app-shell:has(.dashboard-hero) .stat-card{border-radius:18px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:5px 8px!important;min-height:100px!important;padding:13px 10px!important}.app-shell:has(.dashboard-hero) .stat-card .stat-icon{border-radius:13px!important;width:38px!important;height:38px!important}.app-shell:has(.dashboard-hero) .stat-card .stat-icon svg{width:17px!important;height:17px!important}.app-shell:has(.dashboard-hero) .stat-card>span{font-size:11px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stat-card>strong{overflow-wrap:anywhere!important;font-size:25px!important}}@media (width<=360px){.app-shell:has(.dashboard-hero) .stat-card{grid-template-rows:auto auto auto!important;grid-template-columns:1fr!important;align-content:start!important}.app-shell:has(.dashboard-hero) .stat-card .stat-icon{grid-area:1/1!important;margin-bottom:2px!important}.app-shell:has(.dashboard-hero) .stat-card>span{grid-area:2/1!important}.app-shell:has(.dashboard-hero) .stat-card>strong{grid-area:3/1!important}}.app-shell:has(.dashboard-hero) .search-box{background:linear-gradient(#fff 0%,#f8fbff 100%)!important;border:1px solid #dce8f6!important;border-radius:16px!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:0 15px!important;display:flex!important;box-shadow:0 4px 12px #2c5b9709!important}.app-shell:has(.dashboard-hero) .search-box input{width:100%!important;min-width:0!important;min-height:44px!important;box-shadow:none!important;color:#18385f!important;background:0 0!important;border:0!important;outline:0!important;font-family:Nunito,sans-serif!important;font-size:14px!important}.app-shell:has(.dashboard-hero) .search-box input::placeholder{color:#8a9bb1!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{transition:border-color .18s,box-shadow .18s,transform .18s!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:not(.expanded):hover{border-color:#d2e4fa!important;box-shadow:0 5px 15px #2a5b9e0e!important}.app-shell:has(.dashboard-hero) .student-info{min-width:0!important}.app-shell:has(.dashboard-hero) .student-info strong{overflow-wrap:anywhere!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero) .student-balance{color:#16734c!important;background:linear-gradient(135deg,#f0fff7 0%,#e2f8ed 100%)!important;border:1px solid #dcefe5!important;border-radius:13px!important;flex-shrink:0!important}.app-shell:has(.dashboard-hero) .student-balance strong{color:#16734c!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .search-box{border-radius:14px!important;min-height:45px!important;padding:0 12px!important}.app-shell:has(.dashboard-hero) .search-box input{min-height:41px!important;font-size:13px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{column-gap:8px!important}.app-shell:has(.dashboard-hero) .student-info strong{font-size:13px!important}}.app-shell:has(.dashboard-hero) .student-section-heading{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-section-heading>div{flex:180px!important;min-width:0!important}.app-shell:has(.dashboard-hero) .refresh-students-button{color:#245a91!important;background:#f2f8ff!important;border:1px solid #d7e7fa!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:40px!important;padding:9px 13px!important;font-family:Nunito,sans-serif!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 3px 9px #255b970b!important}.app-shell:has(.dashboard-hero) .refresh-students-button:disabled{opacity:.6!important}.app-shell:has(.dashboard-hero) .list-heading{background:linear-gradient(135deg,#fff 0%,#f6faff 100%)!important;border:1px solid #e1ebf7!important;border-radius:19px!important;overflow:hidden!important;box-shadow:0 4px 13px #2a5b9e09!important}.app-shell:has(.dashboard-hero) .list-heading-toggle{text-align:left!important;background:0 0!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:67px!important;padding:14px 15px!important;display:flex!important}.app-shell:has(.dashboard-hero) .list-heading-toggle>span:first-child{min-width:0!important}.app-shell:has(.dashboard-hero) .list-heading-toggle h3{color:#183b65!important;overflow-wrap:anywhere!important;font-size:16px!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .list-heading-toggle p{color:#778aa3!important;margin-top:4px!important;font-size:11px!important;line-height:1.4!important}.app-shell:has(.dashboard-hero) .collapse-mark{color:#245b92!important;white-space:nowrap!important;background:#edf6ff!important;border:1px solid #d8e8fa!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;font-size:10px!important;font-weight:900!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) .empty-list{color:#71849d!important;background:linear-gradient(#fbfdff 0%,#f5f9ff 100%)!important;border:1px dashed #cbdcf0!important;border-radius:18px!important;padding:26px 18px!important}.app-shell:has(.dashboard-hero) .empty-list strong{color:#294b72!important;font-size:14px!important}.app-shell:has(.dashboard-hero) .empty-list span{font-size:12px!important;line-height:1.5!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .student-section-heading{gap:9px!important}.app-shell:has(.dashboard-hero) .refresh-students-button{min-height:36px!important;padding:8px 10px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle{gap:8px!important;min-height:62px!important;padding:12px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle h3{font-size:14px!important}.app-shell:has(.dashboard-hero) .list-heading-toggle p{font-size:10px!important}.app-shell:has(.dashboard-hero) .collapse-mark{padding:8px!important;font-size:9px!important}.app-shell:has(.dashboard-hero) .empty-list{padding:22px 13px!important}}.app-shell:has(.dashboard-hero) .workspace{justify-content:initial!important;align-content:initial!important;height:auto!important;min-height:0!important;display:block!important}.app-shell:has(.dashboard-hero) .workspace>.toolbar:has(.toolbar-actions:empty){display:none!important}.app-shell:has(.dashboard-hero) .student-section-heading{gap:10px!important;margin:0!important;padding:0 0 12px!important}.app-shell:has(.dashboard-hero) .student-area{margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero) .list-heading{margin-top:0!important}.app-shell:has(.dashboard-hero) .search-box{margin-top:8px!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .workspace{padding:13px!important}.app-shell:has(.dashboard-hero) .student-section-heading{padding-bottom:10px!important}.app-shell:has(.dashboard-hero) .student-actions-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;align-items:stretch!important;gap:7px!important;margin-top:9px!important;padding-top:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button{white-space:normal!important;border-radius:13px!important;flex:none!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:43px!important;padding:8px 6px!important;font-size:11px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .student-actions-expanded .button svg{flex-shrink:0!important;width:15px!important;height:15px!important}.app-shell:has(.dashboard-hero){padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))!important}.app-shell:has(.dashboard-hero) .student-list{padding-bottom:8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:last-child{margin-bottom:8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:0 10px!important;padding:12px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.avatar{grid-area:1/1!important;align-self:start!important;width:44px!important;height:44px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle{grid-area:1/2!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-info strong{font-size:14px!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-balance{min-width:56px!important;padding:7px 9px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-expand-mark{grid-column:1/-1!important;justify-self:start!important;margin-top:6px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{grid-column:1/-1!important;width:100%!important}.app-shell:has(.dashboard-hero) .student-row-collapsible.expanded>.avatar{grid-row:1!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-expand-mark{display:none!important}.app-shell:has(.dashboard-hero) .workspace{height:auto!important;min-height:0!important;display:block!important}.app-shell:has(.dashboard-hero) .student-section-heading{flex-direction:column!important;gap:8px!important;margin:0!important;padding:0 0 10px!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-section-heading .refresh-students-button{height:42px!important;min-height:42px!important}.app-shell:has(.dashboard-hero) .student-section-heading .eyebrow{margin:0 0 4px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .student-section-heading h2{margin:0!important;font-size:23px!important;line-height:1.15!important}.app-shell:has(.dashboard-hero) .student-area{margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero) .list-heading{border-top:0!important;margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero) .list-heading-toggle{min-height:60px!important;padding:11px 12px!important}}.app-shell:has(.dashboard-hero) .workspace>.toolbar:not(:has(.toolbar-actions>*)){border:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important}.app-shell:has(.dashboard-hero) .workspace>.student-section-heading{flex:none!important;height:auto!important;min-height:0!important}.app-shell:has(.dashboard-hero) .workspace>.student-area{flex:none!important;height:auto!important;min-height:0!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .workspace>.student-section-heading{margin-bottom:0!important}.app-shell:has(.dashboard-hero) .workspace>.student-area{margin-top:0!important}.app-shell:has(.dashboard-hero) .workspace>.student-area>.list-heading{margin-top:0!important}}.app-shell:has(.dashboard-hero) #students.workspace{flex:none!important;place-content:start!important;align-self:stretch!important;row-gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace>*{flex:none!important;min-height:0!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-area{margin:0!important;padding:0!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{margin:0!important;padding:0 0 10px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-area>.list-heading{border-top:0!important;margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero){height:auto!important;min-height:0!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace{float:none!important;height:fit-content!important;min-height:unset!important;max-height:none!important;flex:none!important;grid-row:auto!important;align-self:start!important;block-size:fit-content!important;margin-block:0!important;display:block!important;position:relative!important;inset:auto!important}:is(.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading,.app-shell:has(.dashboard-hero) #students.workspace>.student-area,.app-shell:has(.dashboard-hero) #students.workspace>.toolbar,.app-shell:has(.dashboard-hero) #students.workspace>.form-card){flex:none!important;height:auto!important;min-height:0!important;margin-block:0!important;position:relative!important;inset:auto!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{padding-bottom:10px!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-area{padding-top:0!important}@media (width<=650px){.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{flex-flow:column!important;flex:none!important;place-content:flex-start!important;align-items:stretch!important;row-gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 0 10px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading>div{flex:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading .eyebrow{margin:0 0 5px!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading h2{margin:0!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-area{clear:both!important;flex:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{border-radius:20px!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:0 9px!important;padding:10px 11px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.avatar{grid-area:1/1!important;align-self:center!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle{width:100%!important;min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-area:1/2!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-info{min-width:0!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-info strong{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-balance{white-space:nowrap!important;border-radius:12px!important;min-width:0!important;padding:5px 8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-balance strong{font-size:13px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-balance span{display:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-expand-mark{grid-column:auto!important;justify-self:center!important;margin:0!important;font-size:16px!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .row-index{display:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{border-top:1px solid #e7edf6!important;flex-flow:row!important;grid-column:1/-1!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;width:100%!important;margin:9px 0 0!important;padding:9px 0 0!important;display:flex!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;box-shadow:none!important;border-radius:13px!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button svg{flex:0 0 18px!important;width:18px!important;height:18px!important;display:block!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button span{display:none!important}}@media (width>=651px){.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button span{display:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}}@media (width<=650px){.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle{grid-template-rows:minmax(36px,auto)!important;grid-template-columns:minmax(0,1fr) auto 20px!important;align-items:center!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle>.student-info{grid-area:1/1!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle>.student-balance{flex-direction:row!important;grid-area:1/2!important;place-self:center end!important;align-items:center!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.student-name-toggle>.student-expand-mark{grid-area:1/3!important;justify-content:center!important;place-self:center end!important;align-items:center!important;width:20px!important;height:28px!important;margin:0!important;padding:0!important;display:inline-flex!important;position:static!important;inset:auto!important;transform:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .action-history{display:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{justify-content:space-between!important;gap:8px!important;padding:9px 0 0!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{flex:0 0 40px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible{row-gap:0!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{justify-content:center!important;gap:10px!important;width:100%!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.avatar.student-avatar-illustration{border:2px solid #ffffffe6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;font-size:24px!important;line-height:1!important;display:flex!important;overflow:hidden!important;box-shadow:0 0 0 2px #7597d224!important}.app-shell:has(.dashboard-hero) .student-row-collapsible>.avatar.student-avatar-illustration span{font-size:24px!important;line-height:1!important;display:block!important}.app-shell:has(.dashboard-hero) img.avatar.student-avatar-illustration{object-fit:cover!important;object-position:center!important;background:#fff!important;border-radius:50%!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;margin:0!important;padding:0!important;display:block!important}}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{border-radius:17px!important;grid-template-rows:auto auto auto!important;grid-template-columns:36px minmax(0,1fr)!important;align-content:center!important;align-items:center!important;gap:2px 8px!important;min-height:100px!important;padding:12px 10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .stat-icon{border-radius:12px!important;grid-area:1/1/span 3!important;width:34px!important;height:34px!important;margin:0!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card .stat-icon{color:#a66b00!important;background:#ffefb8!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card .stat-icon{color:#1977b8!important;background:#d9efff!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{color:#677792!important;grid-area:3/2!important;margin-top:1px!important;font:800 10px/1.1 Nunito,sans-serif!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact{color:#697895!important;background:#f5f8fc!important;border:1px solid #e6edf6!important;border-radius:10px!important;grid-column:1/-1!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:27px!important;margin-top:-2px!important;padding:4px 10px!important;font:700 10px Nunito,sans-serif!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{color:#5681b5!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact strong{color:#304e78!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{border-radius:16px!important;grid-column:1/-1!important;grid-template-rows:auto auto!important;grid-template-columns:38px minmax(0,1fr)!important;min-height:76px!important;padding:12px 13px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .stat-icon{border-radius:12px!important;grid-area:1/1/span 2!important;width:36px!important;height:36px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>span{grid-area:1/2!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>strong{grid-area:2/2!important;font-size:22px!important}.app-shell:has(.dashboard-hero) .stats .gender-unassigned-card{grid-column:1/-1!important;min-height:62px!important}@media (width<=360px){.app-shell:has(.dashboard-hero) .stats .gender-stat-card{grid-template-columns:30px minmax(0,1fr)!important;padding:10px 8px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .stat-icon{width:29px!important;height:29px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-size:23px!important}}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{text-align:center!important;border-bottom:1px solid #edf2fa!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0 0 12px!important;padding:0 0 12px!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .refresh-students-button{background:linear-gradient(#f4f8ff,#eaf2ff)!important;border:1px solid #d9e7fb!important;border-radius:14px!important;order:0!important;width:100%!important;min-height:42px!important;padding:9px 12px!important;font-size:12px!important;box-shadow:0 3px 8px #305b970a!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading .eyebrow{letter-spacing:.18em!important;color:#6682aa!important;margin:0 0 4px!important;font-size:10px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading h2{letter-spacing:-.035em!important;color:#14295d!important;font-size:clamp(21px,5vw,25px)!important;line-height:1.15!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-area{margin-top:0!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading{border:0!important;margin:0 0 10px!important;padding:0!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{text-align:left!important;background:linear-gradient(135deg,#f8fbff,#f1f6ff)!important;border:1px solid #e0eafa!important;border-radius:17px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;padding:12px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle h3{color:#173767!important;margin:0!important;font-size:15px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle p{color:#788aa5!important;margin:4px 0 0!important;font-size:11px!important;line-height:1.35!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{color:#315e94!important;white-space:nowrap!important;background:#fff!important;border:1px solid #d4e4fa!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;min-height:34px!important;padding:7px 10px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) #students.workspace .search-box{background:#fff!important;border:1px solid #dce8f7!important;border-radius:14px!important;gap:9px!important;min-height:44px!important;margin:0 0 10px!important;padding:0 12px!important;box-shadow:0 3px 10px #214c8509!important}.app-shell:has(.dashboard-hero) #students.workspace .search-box>svg{color:#7690b2!important;width:17px!important;height:17px!important}.app-shell:has(.dashboard-hero) #students.workspace .search-box input{min-height:42px!important;font-size:13px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{background:#fff!important;border:1px solid #e7eef8!important;border-radius:16px!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:7px 9px!important;padding:8px!important;transition:border-color .15s,box-shadow .15s,background .15s!important;display:grid!important;box-shadow:0 2px 7px #193d7006!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible:not(.expanded):hover{background:#fbfdff!important;border-color:#cbdff8!important;box-shadow:0 4px 12px #193d700e!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.avatar{object-fit:cover!important;border:2px solid #f0f5fc!important;border-radius:13px!important;grid-area:1/1!important;width:40px!important;height:40px!important;margin:0!important;box-shadow:0 2px 5px #14376314!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle{text-align:left!important;background:0 0!important;border:0!important;grid-area:1/2!important;grid-template-columns:minmax(0,1fr) auto 16px!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:2px 0!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible .student-info strong{color:#20365f!important;overflow-wrap:anywhere!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{text-align:center!important;background:#effbf4!important;border:1px solid #d9f0e3!important;border-radius:10px!important;min-width:44px!important;padding:6px 7px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance strong{color:#16734c!important;font-size:14px!important;line-height:1!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-expand-mark{color:#7651bd!important;background:#f5efff!important;border:1px solid #e4dafa!important;border-radius:50%!important;place-items:center!important;width:25px!important;height:25px!important;font-size:17px!important;font-weight:800!important;line-height:1!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded{border-top:1px solid #edf2f9!important;grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:7px 0 1px!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .button{border-radius:11px!important;min-width:0!important;min-height:37px!important;padding:7px!important}@media (width<=390px){.app-shell:has(.dashboard-hero) #students.workspace{padding:12px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{gap:7px!important;padding:10px!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{padding:6px 7px!important;font-size:10px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{grid-template-columns:36px minmax(0,1fr)!important;column-gap:8px!important;padding:7px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.avatar{border-radius:12px!important;width:36px!important;height:36px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle{grid-template-columns:minmax(0,1fr) auto 15px!important;gap:5px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{min-width:39px!important;padding:5px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance strong{font-size:13px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}}.app-shell:has(.dashboard-hero) .stats .girls-stat-card .stat-icon{color:#d93685!important;background:#ffe0ed!important;border:1px solid #ffc7df!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card>small{color:#b44d80!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card .stat-icon{color:#2586c5!important;background:#d8efff!important;border:1px solid #c0e3fc!important}.app-shell:has(.dashboard-hero) .stats .gender-avatar-icon{border-radius:13px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .stats .gender-avatar-icon img{object-fit:cover!important;border-radius:11px!important;width:100%!important;height:100%!important;display:block!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{background:linear-gradient(115deg,#fffdf6 0%,#f5f9ff 70%,#eef7ff 100%)!important;border-color:#e3eafa!important;grid-template-rows:auto auto!important;grid-template-columns:78px minmax(0,1fr)!important;column-gap:12px!important;min-height:96px!important;padding:12px 16px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{background:0 0!important;border:0!important;border-radius:0!important;grid-area:1/1/span 2!important;justify-content:center!important;align-items:center!important;width:76px!important;height:76px!important;display:flex!important;overflow:visible!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon img{object-fit:contain!important;filter:drop-shadow(0 3px 2px #182f571f)!important;width:100%!important;height:100%!important;display:block!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>span{color:#657995!important;grid-area:1/2!important;align-self:end!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>strong{color:#173767!important;grid-area:2/2!important;align-self:start!important;font-size:24px!important;line-height:1.1!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-template-columns:66px minmax(0,1fr)!important;column-gap:9px!important;min-height:86px!important;padding:10px 12px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:64px!important;height:64px!important}}.app-shell:has(.dashboard-hero) .stats .group-total-compact{align-content:center!important;align-items:center!important;justify-content:initial!important;text-align:left!important;background:linear-gradient(145deg,#f5fbff 0%,#eaf5ff 100%)!important;border:1px solid #d5e8fa!important;border-radius:17px!important;grid-column:auto!important;grid-template-rows:auto auto!important;grid-template-columns:42px minmax(0,1fr)!important;gap:3px 9px!important;min-height:96px!important;margin:0!important;padding:12px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{box-sizing:border-box!important;color:#2382c5!important;background:#d9efff!important;border-radius:13px!important;grid-area:1/1/span 2!important;width:39px!important;height:39px!important;padding:8px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact span{color:#647b9b!important;grid-area:1/2!important;font-size:11px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact strong{color:#173767!important;grid-area:2/2!important;font-size:23px!important;font-weight:900!important;line-height:1.05!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{background:linear-gradient(145deg,#fffdf4 0%,#fff5d7 100%)!important;border-color:#f4e2a5!important;border-radius:17px!important;grid-column:auto!important;grid-template-rows:auto auto!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:7px!important;min-width:0!important;min-height:96px!important;padding:10px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{grid-area:1/1/span 2!important;width:52px!important;height:65px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>span{color:#8c713c!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>strong{overflow-wrap:anywhere!important;color:#173767!important;font-size:clamp(17px,4.5vw,22px)!important;line-height:1.05!important}@media (width<=390px){:is(.app-shell:has(.dashboard-hero) .stats .group-total-compact,.app-shell:has(.dashboard-hero) .stats .group-balance-card){grid-template-columns:38px minmax(0,1fr)!important;column-gap:6px!important;min-height:86px!important;padding:9px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{width:35px!important;height:35px!important;padding:7px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact strong{font-size:21px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:38px!important;height:54px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>strong{font-size:17px!important}}.app-shell:has(.dashboard-hero) .stats .group-total-compact{text-align:center!important;background:#f5f8fc!important;border:1px solid #e2eaf6!important;border-radius:11px!important;flex-direction:row!important;grid-column:1/-1!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:30px!important;margin:-2px 0 0!important;padding:5px 10px!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{color:#6689b4!important;background:0 0!important;border-radius:0!important;flex:none!important;width:15px!important;height:15px!important;padding:0!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact span{color:#697895!important;font-size:10px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact strong{color:#304e78!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-column:1/-1!important;grid-template-rows:auto auto!important;grid-template-columns:70px minmax(0,1fr)!important;column-gap:10px!important;min-height:88px!important;padding:10px 14px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:66px!important;height:66px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;grid-area:1/1/span 2!important;margin:0!important;padding:0!important;overflow:visible!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon img{width:100%!important;height:100%!important;box-shadow:none!important;object-fit:contain!important;filter:drop-shadow(0 2px 2px #182f571a)!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;margin:0!important;padding:0!important;display:block!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>span{grid-area:1/2!important;font-size:11px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card>strong{grid-area:2/2!important;font-size:22px!important;line-height:1.1!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats .group-total-compact{min-height:28px!important;padding:4px 8px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-template-columns:58px minmax(0,1fr)!important;column-gap:8px!important;min-height:78px!important;padding:9px 11px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:56px!important;height:56px!important}}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{background:linear-gradient(115deg,#fffdf5 0%,#fff3c9 100%)!important;border:1px solid #f0df9f!important;border-radius:22px!important;grid-column:1!important;grid-template-rows:auto!important;grid-template-columns:76px minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;min-height:104px!important;padding:14px 16px!important;display:grid!important;box-shadow:0 5px 14px #caa43a14!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:76px!important;height:76px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;grid-area:1/1!important;margin:0!important;padding:0!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon img{object-fit:contain!important;width:100%!important;height:100%!important;box-shadow:none!important;filter:drop-shadow(0 2px 2px #182f571a)!important;background:0 0!important;border:0!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy{flex-direction:column!important;grid-area:1/2!important;gap:5px!important;min-width:0!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy span{color:#8c713c!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy strong{color:#173767!important;overflow-wrap:anywhere!important;font-size:clamp(19px,5vw,26px)!important;font-weight:900!important;line-height:1.08!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{border-left:1px solid #b0913d3d!important;flex-direction:column!important;grid-area:1/3!important;justify-content:center!important;align-items:center!important;gap:0!important;min-width:66px!important;padding-left:10px!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{color:#4e5d71!important;font-size:11px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{border-radius:20px!important;grid-column:1!important;grid-template-rows:auto auto!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:2px 12px!important;min-height:86px!important;padding:12px 16px!important;display:grid!important;box-shadow:0 4px 12px #1f416e0b!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{border:2px solid #ffffffe6!important;border-radius:50%!important;grid-area:1/1/span 2!important;width:54px!important;height:54px!important;box-shadow:0 1px 5px #142d501f!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{grid-area:1/2!important;align-self:end!important;font-size:12px!important;font-weight:800!important;line-height:1.15!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{grid-area:2/2!important;align-self:start!important;font-size:25px!important;font-weight:900!important;line-height:1.05!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{text-align:right!important;white-space:nowrap!important;grid-area:1/3/span 2!important;align-self:center!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats{gap:9px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-template-columns:58px minmax(0,1fr) auto!important;column-gap:8px!important;min-height:88px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:58px!important;height:62px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{min-width:50px!important;padding-left:7px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline strong{font-size:27px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{font-size:10px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{grid-template-columns:46px minmax(0,1fr) auto!important;column-gap:9px!important;min-height:76px!important;padding:10px 12px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{width:46px!important;height:46px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-size:23px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{font-size:10px!important}}.app-shell:has(.dashboard-hero) .stats{background:#fff!important;border:1px solid #e0e7f0!important;border-radius:24px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;padding:12px!important;display:grid!important;box-shadow:0 5px 20px #233a5b0e!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{border-radius:18px!important;grid-column:1/-1!important;grid-template-columns:68px minmax(0,1fr) auto!important;min-height:94px!important;padding:12px 13px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:66px!important;height:70px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy strong{font-size:clamp(18px,4.7vw,25px)!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{min-width:62px!important;padding-left:9px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline strong{font-size:clamp(28px,7vw,35px)!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{border-radius:18px!important;grid-column:auto!important;grid-template-rows:auto auto!important;grid-template-columns:42px minmax(0,1fr)!important;gap:2px 8px!important;min-height:90px!important;padding:12px 10px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{grid-area:1/1/span 2!important;width:42px!important;height:42px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{white-space:normal!important;grid-area:2/2!important;align-self:start!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{grid-area:1/2!important;align-self:end!important;font-size:25px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{text-align:center!important;white-space:nowrap!important;grid-area:3/1/auto/-1!important;margin-top:3px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{grid-template-rows:auto auto auto!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats{border-radius:20px!important;gap:8px!important;padding:9px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-template-columns:54px minmax(0,1fr) auto!important;column-gap:7px!important;min-height:82px!important;padding:10px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{width:53px!important;height:60px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy span{font-size:10px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy strong{font-size:clamp(16px,4.5vw,20px)!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{min-width:44px!important;padding-left:6px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline strong{font-size:25px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{font-size:9px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{grid-template-columns:35px minmax(0,1fr)!important;column-gap:6px!important;min-height:83px!important;padding:10px 7px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{width:35px!important;height:35px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-size:23px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{font-size:11px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{font-size:10px!important}}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{text-align:center!important;grid-template-rows:auto auto auto auto!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;justify-items:center!important;row-gap:3px!important;min-height:132px!important;padding:12px 10px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{border-radius:50%!important;grid-area:1/1!important;width:43px!important;height:43px!important;margin:0 0 3px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{grid-area:2/1!important;align-self:auto!important;font-size:27px!important;line-height:1!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{grid-area:3/1!important;align-self:auto!important;font-size:12px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{text-align:center!important;grid-area:4/1!important;align-self:auto!important;margin-top:1px!important;font-size:11px!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats .gender-stat-card{row-gap:2px!important;min-height:124px!important;padding:10px 7px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{width:39px!important;height:39px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-size:25px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{font-size:11px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{font-size:10px!important}}.app-shell:has(.dashboard-hero) .stats .group-total-inline{min-width:82px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{text-align:center!important;white-space:normal!important;max-width:80px!important;font-size:10px!important;line-height:1.15!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .stats .group-total-inline{min-width:70px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{max-width:68px!important;font-size:9px!important}}.student-actions button svg,.student-actions [role=button] svg,.student-actions .lucide{filter:drop-shadow(0 1px #ffffffd9);stroke-width:2.7px!important}.student-actions button:first-child svg{color:#d49a00!important;stroke:#d49a00!important}.student-actions button:nth-child(2) svg{color:#168bc8!important;stroke:#168bc8!important}.student-actions button:nth-child(3) svg{color:#e04b72!important;stroke:#e04b72!important}.student-actions button:nth-child(4) svg{color:#8a4de0!important;stroke:#8a4de0!important}.student-actions.student-actions-expanded{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important;width:100%!important;padding:8px 6px 10px!important;display:grid!important}.student-actions.student-actions-expanded button{white-space:nowrap!important;border-radius:11px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:6px 2px!important;font-size:10px!important;line-height:1.05!important;display:flex!important;box-shadow:0 2px 5px #1428460f!important}.student-actions.student-actions-expanded button svg{stroke-width:2.8px!important;filter:drop-shadow(0 1px #ffffffe6)!important;flex:none!important;width:19px!important;height:19px!important}.student-actions.student-actions-expanded button span{text-overflow:ellipsis!important;max-width:100%!important;font-size:9px!important;font-weight:750!important;display:block!important;overflow:hidden!important}.student-actions.student-actions-expanded .action-reward{color:#805900!important;background:#fff1c2!important;border-color:#f3d66e!important}.student-actions.student-actions-expanded .action-reward svg{color:#e3a600!important;stroke:#e3a600!important}.student-actions.student-actions-expanded .action-history{color:#287744!important;background:#e8f6e9!important;border-color:#b9e4c0!important}.student-actions.student-actions-expanded .action-history svg{color:#32a852!important;stroke:#32a852!important}.student-actions.student-actions-expanded .action-edit{color:#205f91!important;background:#e4f4ff!important;border-color:#b6e0f8!important}.student-actions.student-actions-expanded .action-edit svg{color:#168bc8!important;stroke:#168bc8!important}.student-actions.student-actions-expanded .action-disable{color:#98364e!important;background:#ffe8ed!important;border-color:#f6c1ce!important}.student-actions.student-actions-expanded .action-disable svg{color:#e04b72!important;stroke:#e04b72!important}.student-actions.student-actions-expanded .action-link{color:#624195!important;background:#f0e7ff!important;border-color:#d9c4ff!important}.student-actions.student-actions-expanded .action-link svg{color:#8a4de0!important;stroke:#8a4de0!important}@media (width<=390px){.student-actions.student-actions-expanded{gap:3px!important;padding-left:3px!important;padding-right:3px!important}.student-actions.student-actions-expanded button{min-height:50px!important;padding:5px 1px!important}.student-actions.student-actions-expanded button svg{width:17px!important;height:17px!important}.student-actions.student-actions-expanded button span{font-size:8px!important}}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:stretch!important;gap:5px!important;width:100%!important;padding:9px 6px 10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{flex:initial!important;white-space:normal!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:52px!important;padding:5px 1px!important;font-size:10px!important;line-height:1.1!important;display:flex!important;overflow:visible!important;box-shadow:0 2px 5px #1428460f!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button span{visibility:visible!important;opacity:1!important;clip:auto!important;white-space:normal!important;text-overflow:clip!important;width:auto!important;max-width:100%!important;height:auto!important;font-size:9px!important;line-height:1.1!important;display:block!important;overflow:visible!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button svg{flex:0 0 18px!important;width:18px!important;height:18px!important;display:block!important}@media (width<=650px){.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .action-history{display:flex!important}}@media (width<=390px){.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded{gap:3px!important;padding-left:2px!important;padding-right:2px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button{gap:3px!important;min-height:49px!important;padding:4px 0!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button span{letter-spacing:-.15px!important;font-size:8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded .button svg{flex-basis:16px!important;width:16px!important;height:16px!important}}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:start!important;max-width:260px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.admin-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;gap:8px!important;width:100%!important;max-width:none!important;padding:9px 6px 10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button{flex:initial!important;flex-direction:row!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:58px!important;padding:7px 8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button span{white-space:normal!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button svg{flex-basis:21px!important;width:21px!important;height:21px!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions{gap:6px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button{gap:5px!important;min-height:54px!important;padding:6px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button span{font-size:11px!important}}.app-shell:has(.dashboard-hero) .student-row-collapsible:has(.student-actions-expanded.home-actions) .student-expand-mark{display:none!important}.app-shell:has(.dashboard-hero) .student-row-collapsible:has(.student-actions-expanded.home-actions)>.student-name-toggle{grid-template-columns:minmax(0,1fr) auto!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:none!important;padding:8px 6px 10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button{flex-direction:row!important;justify-content:center!important;gap:7px!important;height:auto!important;min-height:48px!important;padding:7px 8px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button span{white-space:nowrap!important;font-size:12px!important;line-height:1.15!important}@media (width<=390px){.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions{gap:6px!important;padding-left:2px!important;padding-right:2px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button{gap:5px!important;min-height:46px!important;padding:6px 4px!important}.app-shell:has(.dashboard-hero) .student-row-collapsible .student-actions-expanded.home-actions .button span{font-size:11px!important}}.reward-modal{border:1px solid #e3e7f2!important;border-radius:24px!important;width:min(620px,100%)!important;padding:20px!important;box-shadow:0 22px 70px #121f4138!important}.reward-student-header{align-items:center!important;gap:13px!important;margin-bottom:17px!important}.reward-student-avatar{background:#f8e8f2!important;border:2px solid #f1d7e7!important;border-radius:50%!important;flex:0 0 68px!important;width:68px!important;height:68px!important;padding:0!important;overflow:hidden!important}.reward-student-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.reward-student-identity h2{overflow-wrap:anywhere;color:#10234b!important;margin:0!important;font:800 clamp(20px,4vw,27px)/1.15 Manrope,sans-serif!important}.reward-student-identity .eyebrow{letter-spacing:.16em!important;margin:0 0 5px!important;font-size:10px!important}.reward-balance-strip{background:linear-gradient(110deg,#f1e8ff 0%,#e1efff 100%)!important;border:1px solid #d8def4!important;border-radius:17px!important;margin-bottom:16px!important;padding:14px 17px!important}.reward-balance-strip strong{color:#172e5b!important}.reward-category-grid .button{align-items:center!important;justify-content:initial!important;color:#182747!important;text-align:left!important;white-space:normal!important;background:#fff!important;border:1px solid #e2e5ee!important;border-radius:15px!important;grid-template-columns:43px minmax(0,1fr) auto auto!important;gap:10px!important;width:100%!important;min-height:68px!important;padding:10px 13px!important;font-size:14px!important;font-weight:750!important;line-height:1.25!important;display:grid!important;box-shadow:0 4px 12px #1c2b4d0f!important}.reward-category-grid .reward-category-icon{border-radius:12px;place-items:center;width:39px;height:39px;font-size:23px;display:grid}.reward-category-grid .reward-category-work{border-left:5px solid #58a9d7!important}.reward-category-grid .reward-category-work .reward-category-icon{background:#e3f4ff}.reward-category-grid .reward-category-special{border-left:5px solid #e5b93c!important}.reward-category-grid .reward-category-special .reward-category-icon{background:#fff3cb}.reward-category-grid .reward-category-store{border-left:5px solid #a16bdf!important}.reward-category-grid .reward-category-store .reward-category-icon{background:#f1e6ff}.reward-category-grid .reward-category-habit{border-left:5px solid #63bd96!important}.reward-category-grid .reward-category-habit .reward-category-icon{background:#e2f7ec}.reward-category-grid .reward-category-grid-chevron{color:#858da0}.reward-category-grid .button>svg:last-child{color:#8b91a1}.reward-category-heart{font-size:16px}.reward-modal>.toolbar-actions.reward-manual-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:8px 0 10px!important;display:grid!important}.reward-modal .reward-manual-actions .button{white-space:normal!important;border-radius:14px!important;min-width:0!important;height:auto!important;min-height:60px!important;padding:10px 9px!important;font-size:12px!important;line-height:1.25!important}.reward-modal .reward-manual-actions .button:first-child{color:#244e83!important;background:#e2efff!important;border-color:#c6ddfa!important}.reward-modal .reward-manual-actions .reward-undo-action{color:#9a4b42!important;background:#ffe8e2!important;border-color:#f4c9c0!important}.reward-modal .reward-history-wide{color:#244b7c!important;background:#eaf1ff!important;border-color:#d5e1f7!important;border-radius:14px!important;width:100%!important;min-height:52px!important;margin:0!important;font-size:14px!important;display:flex!important}@media (width<=480px){.reward-modal{border-radius:21px!important;max-height:calc(100dvh - 22px)!important;padding:16px!important}.reward-student-header{gap:10px!important;margin-bottom:14px!important}.reward-student-avatar{flex-basis:56px!important;width:56px!important;height:56px!important}.reward-balance-strip{padding:12px 13px!important}.reward-category-grid .button{grid-template-columns:38px minmax(0,1fr) auto auto!important;gap:8px!important;min-height:62px!important;padding:9px 10px!important;font-size:13px!important}.reward-category-grid .reward-category-icon{width:35px;height:35px;font-size:21px}.reward-modal>.toolbar-actions.reward-manual-actions{gap:7px!important}.reward-modal .reward-manual-actions .button{min-height:62px!important;padding:8px 6px!important;font-size:11px!important}}.reward-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:12px 0 16px!important;display:grid!important}.reward-category-grid .button{text-align:center!important;white-space:normal!important;border:1.5px solid!important;border-radius:22px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:180px!important;padding:14px 8px!important;font-size:clamp(13px,3.5vw,16px)!important;font-weight:750!important;line-height:1.25!important;display:flex!important;box-shadow:0 5px 14px #192b4d14!important}.reward-category-grid .reward-category-art{object-fit:contain!important;flex:none!important;width:clamp(88px,25vw,132px)!important;height:clamp(88px,25vw,132px)!important;display:block!important}.reward-category-grid .button>svg:last-child{display:none!important}.reward-category-grid .reward-category-work{color:#172747!important;background:#e8f4ff!important;border-color:#91c4df!important}.reward-category-grid .reward-category-special{color:#172747!important;background:#fff8dc!important;border-color:#e7cf76!important}.reward-category-grid .reward-category-store{color:#172747!important;background:#f4e8ff!important;border-color:#c59add!important}.reward-category-grid .reward-category-habit{color:#172747!important;background:#e8f8ee!important;border-color:#9bcdb0!important}@media (width<=390px){.reward-category-grid{gap:9px!important}.reward-category-grid .button{border-radius:18px!important;min-height:158px!important;padding:10px 6px!important}.reward-category-grid .reward-category-art{width:clamp(76px,23vw,105px)!important;height:clamp(76px,23vw,105px)!important}.reward-modal{padding:14px!important}}.reward-student-header{gap:10px}.reward-student-identity{flex:1;min-width:0}.reward-student-identity h2{overflow-wrap:anywhere}.reward-header-brand{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;max-width:94px;display:flex}.reward-header-brand img{object-fit:contain;width:76px;height:88px;display:block}.reward-header-brand .icon-button{align-self:flex-end}@media (width<=480px){.reward-student-header{gap:8px}.reward-header-brand{gap:2px;max-width:62px}.reward-header-brand img{width:58px;height:68px}.reward-student-identity h2{font-size:clamp(19px,5vw,27px)}}.reward-student-header{align-items:flex-start;min-height:104px;padding-right:76px;position:relative}.reward-header-brand{flex:0 0 0;width:0;max-width:none;display:block;position:static;overflow:visible}.reward-header-brand img{object-fit:contain;width:86px;height:88px;position:absolute;top:18px;right:4px}.reward-header-brand .icon-button{z-index:2;align-self:auto;position:absolute;top:0;right:0}.reward-student-identity{padding-top:10px}@media (width<=480px){.reward-student-header{gap:8px;min-height:96px;padding-right:66px}.reward-header-brand img{width:70px;height:72px;top:22px;right:0}.reward-header-brand .icon-button{top:0;right:0}.reward-student-identity{padding-top:10px}.reward-student-identity h2{font-size:clamp(18px,4.8vw,25px)}}.reward-student-header{padding-left:0;padding-right:0}.reward-header-brand img{width:100px;height:96px;top:14px;right:38px}.reward-header-brand .icon-button{top:18px;right:0}@media (width<=480px){.reward-student-header{min-height:104px;padding-right:0}.reward-header-brand img{width:82px;height:82px;top:20px;right:34px}.reward-header-brand .icon-button{top:18px;right:0}.reward-student-identity{padding-top:10px;padding-right:2px}.reward-student-identity h2{font-size:clamp(18px,4.6vw,25px)}}.reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.reward-category-grid .button{border-radius:16px!important;gap:7px!important;min-height:118px!important;padding:9px 5px!important;font-size:12px!important}.reward-category-grid .reward-category-art{width:clamp(54px,10vw,84px)!important;height:clamp(54px,10vw,84px)!important}.reward-category-grid .button.is-selected{transform:translateY(-1px);box-shadow:0 0 0 3px #2369dc38,0 7px 16px #192b4d1f!important}.reward-category-grid .button.is-selected span{font-weight:850!important}@media (width<=480px){.reward-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.reward-category-grid .button{min-height:126px!important;padding:9px 6px!important;font-size:12px!important}.reward-category-grid .reward-category-art{width:clamp(66px,20vw,92px)!important;height:clamp(66px,20vw,92px)!important}}.reward-modal .reward-category-grid .button{border-radius:15px!important;gap:5px!important;height:auto!important;min-height:104px!important;padding:7px 5px!important;font-size:11px!important;line-height:1.18!important}@media (width<=480px){.reward-modal .reward-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:7px 0 10px!important}.reward-modal .reward-category-grid .button{border-radius:14px!important;gap:4px!important;min-height:94px!important;padding:6px 4px!important;font-size:11px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(48px,14vw,62px)!important;height:clamp(48px,14vw,62px)!important}}.reward-modal .reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:8px 0 12px!important}.reward-modal .reward-category-grid .button{overflow-wrap:anywhere!important;border-radius:12px!important;gap:4px!important;min-height:88px!important;padding:6px 3px!important;font-size:clamp(9px,2.6vw,11px)!important;line-height:1.12!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(34px,10vw,54px)!important;height:clamp(34px,10vw,54px)!important}@media (width<=480px){.reward-modal .reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:7px 0 10px!important}.reward-modal .reward-category-grid .button{border-radius:11px!important;gap:3px!important;min-height:80px!important;padding:5px 2px!important;font-size:9px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(30px,8.5vw,46px)!important;height:clamp(30px,8.5vw,46px)!important}}.reward-modal .reward-list-panel .student-list{flex-direction:column!important;gap:8px!important;display:flex!important}.reward-modal .reward-list-panel .student-row{background:#fff!important;border:1px solid #e2e8f3!important;border-radius:16px!important;grid-template-columns:46px minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:10px 12px!important;display:grid!important;box-shadow:0 3px 10px #192b4d0b!important}.reward-modal .reward-list-panel .student-row>.avatar{background:#edf2ff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;font-size:26px!important;display:flex!important}.reward-modal .reward-list-panel .student-row .student-info{flex-direction:column!important;gap:3px!important;min-width:0!important;display:flex!important}.reward-modal .reward-list-panel .student-row .student-info strong{overflow-wrap:anywhere!important;font-size:clamp(12px,3vw,15px)!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-row .student-info span{color:#66748c!important;font-size:12px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-row .student-balance{white-space:nowrap!important;color:#176642!important;background:#e5f8ec!important;border-radius:12px!important;align-items:center!important;gap:3px!important;padding:8px 10px!important;display:flex!important}.reward-modal .reward-list-panel .student-row .student-balance strong{font-size:clamp(11px,2.8vw,14px)!important}.reward-modal .reward-list-panel .student-row .student-balance span{font-size:10px!important}.reward-modal .reward-list-panel .student-row>.button{white-space:nowrap!important;border-radius:12px!important;min-width:94px!important;min-height:42px!important;padding:8px 12px!important;font-size:12px!important}@media (width<=480px){.reward-modal .reward-list-panel .student-row{border-radius:13px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:7px!important;padding:8px!important}.reward-modal .reward-list-panel .student-row>.avatar{width:32px!important;min-width:32px!important;height:32px!important;font-size:21px!important}.reward-modal .reward-list-panel .student-row .student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-row .student-info span{font-size:10px!important}.reward-modal .reward-list-panel .student-row .student-balance{grid-column:2;justify-self:start;gap:3px!important;padding:4px 7px!important}.reward-modal .reward-list-panel .student-row .student-balance strong{font-size:11px!important}.reward-modal .reward-list-panel .student-row .student-balance span{font-size:9px!important}.reward-modal .reward-list-panel .student-row>.button{grid-area:1/3/span 2;white-space:normal!important;min-width:70px!important;min-height:38px!important;padding:6px 8px!important;font-size:10px!important}}.reward-modal .reward-list-panel .reward-catalog-item{grid-template-columns:42px minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px 10px!important}.reward-modal .reward-list-panel .reward-catalog-item>.avatar{grid-area:1/1}.reward-modal .reward-list-panel .reward-catalog-item>.student-info{grid-area:1/2;min-width:0!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info strong{overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;font-size:14px!important;line-height:1.25!important}.reward-modal .reward-list-panel .reward-catalog-item>.button{grid-area:1/4}@media (width<=480px){.reward-modal .reward-list-panel .reward-catalog-item{grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}.reward-modal .reward-list-panel .reward-catalog-item>.avatar{grid-area:1/1}.reward-modal .reward-list-panel .reward-catalog-item>.student-info{grid-area:1/2}.reward-modal .reward-list-panel .reward-catalog-item>.student-info strong{overflow-wrap:break-word!important;font-size:13px!important;line-height:1.25!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info span{font-size:11px!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-balance{grid-area:1/3;align-self:start;padding:7px 8px!important}.reward-modal .reward-list-panel .reward-catalog-item>.button{grid-area:2/2/auto/4;width:100%!important;min-width:0!important;min-height:42px!important}}.reward-student-identity .reward-student-grade{color:#66748c!important;margin:4px 0 0!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important}.reward-modal .reward-balance-strip{color:#fff!important;background:linear-gradient(115deg,#1760f5 0%,#168be9 58%,#35b9f2 100%)!important;border:0!important;border-radius:24px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:126px!important;margin:12px 0 16px!important;padding:18px 22px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 24px #1c69e238!important}.reward-modal .reward-balance-main{z-index:1!important;flex-direction:column!important;gap:7px!important;min-width:0!important;display:flex!important;position:relative!important}.reward-modal .reward-balance-main>span{color:#eaf5ff!important;font-size:14px!important;font-weight:700!important}.reward-modal .reward-balance-main>strong{letter-spacing:-.5px!important;color:#fff!important;white-space:nowrap!important;font-size:clamp(25px,7vw,38px)!important;line-height:1.08!important}.reward-modal .reward-list-panel .reward-catalog-item{box-sizing:border-box!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:8px 10px!important;width:100%!important;display:grid!important}.reward-modal .reward-list-panel .reward-catalog-item>.avatar{float:none!important;grid-area:1/1!important;position:static!important;inset:auto!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info{grid-area:1/2!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info strong,.reward-modal .reward-list-panel .reward-catalog-item>.student-info span{word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;width:auto!important;max-width:none!important;display:block!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-balance{grid-area:1/3!important}.reward-modal .reward-list-panel .reward-catalog-item>.button{grid-area:2/2/auto/4!important;width:100%!important;min-width:0!important}@media (width<=480px){.reward-modal .reward-balance-strip{border-radius:20px!important;min-height:112px!important;padding:15px!important}.reward-modal .reward-balance-mascot{flex-basis:76px!important;width:76px!important;height:76px!important}.reward-modal .reward-balance-main>strong{font-size:clamp(24px,6.5vw,32px)!important}.reward-student-identity .reward-student-grade{font-size:12px!important}}.reward-modal .reward-list-panel .reward-catalog-item{grid-template-columns:34px minmax(0,1fr) auto auto!important;align-items:center!important;gap:0 7px!important;padding:9px 8px!important}.reward-modal .reward-list-panel .reward-catalog-item>.avatar{grid-area:1/1!important;width:32px!important;min-width:32px!important;height:32px!important;font-size:20px!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info{grid-area:1/2!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info strong{overflow-wrap:anywhere!important;font-size:clamp(10px,2.9vw,13px)!important;line-height:1.18!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info span{font-size:10px!important;line-height:1.15!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-balance{flex-direction:column!important;grid-area:1/3!important;gap:1px!important;padding:6px 7px!important;display:flex!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-balance strong{font-size:11px!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-balance span{font-size:9px!important}.reward-modal .reward-list-panel .reward-catalog-item>.button{white-space:nowrap!important;grid-area:1/4!important;width:auto!important;min-width:72px!important;min-height:38px!important;padding:6px 8px!important;font-size:10px!important}@media (width<=390px){.reward-modal .reward-list-panel .reward-catalog-item{grid-template-columns:28px minmax(0,1fr) auto auto!important;column-gap:5px!important;padding:8px 6px!important}.reward-modal .reward-list-panel .reward-catalog-item>.avatar{width:27px!important;min-width:27px!important;height:27px!important;font-size:18px!important}.reward-modal .reward-list-panel .reward-catalog-item>.button{min-width:62px!important;padding:5px 6px!important;font-size:9px!important}.reward-modal .reward-list-panel .reward-catalog-item>.student-info strong{font-size:10px!important}}.reward-modal .reward-list-panel article.reward-catalog-item{box-sizing:border-box!important;grid-template-columns:30px minmax(72px,1fr) auto auto!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;padding:9px 7px!important;display:grid!important}.reward-modal .reward-list-panel article.reward-catalog-item>.avatar{grid-area:1/1!important;align-self:center!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-info{grid-area:1/2!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-info strong{word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important;font-size:clamp(10px,3vw,13px)!important;line-height:1.2!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-info span{font-size:10px!important;line-height:1.2!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-balance{white-space:nowrap!important;grid-area:1/3!important;justify-self:center!important;padding:6px 7px!important}.reward-modal .reward-list-panel article.reward-catalog-item>.button{white-space:nowrap!important;grid-area:1/4!important;place-self:center stretch!important;width:auto!important;min-width:62px!important;min-height:36px!important;padding:5px 7px!important;font-size:10px!important}@media (width<=360px){.reward-modal .reward-list-panel article.reward-catalog-item{grid-template-columns:26px minmax(64px,1fr) auto auto!important;gap:4px!important;padding:8px 5px!important}.reward-modal .reward-list-panel article.reward-catalog-item>.avatar{width:25px!important;min-width:25px!important;height:25px!important;font-size:17px!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-info strong{font-size:10px!important}.reward-modal .reward-list-panel article.reward-catalog-item>.student-balance{padding:5px!important}.reward-modal .reward-list-panel article.reward-catalog-item>.button{min-width:56px!important;padding:5px!important;font-size:9px!important}}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{box-sizing:border-box!important;grid-template-rows:minmax(42px,auto)!important;grid-template-columns:30px minmax(0,1fr) 76px 94px!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;padding:9px 7px!important;display:grid!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{grid-area:1/1!important;width:28px!important;min-width:28px!important;height:28px!important;position:static!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{grid-area:1/2!important;width:auto!important;min-width:0!important;max-width:none!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;font-size:clamp(11px,3.3vw,14px)!important;line-height:1.22!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info span{margin-top:3px!important;font-size:10px!important;line-height:1.15!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{white-space:nowrap!important;text-align:center!important;grid-area:1/3!important;place-self:center stretch!important;min-width:0!important;padding:6px 4px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;grid-area:1/4!important;place-self:center stretch!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:5px 4px!important;font-size:10px!important}@media (width<=390px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:25px minmax(0,1fr) 68px 82px!important;gap:4px!important;padding:8px 5px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:24px!important;min-width:24px!important;height:24px!important;font-size:17px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{padding:5px 2px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance span{font-size:9px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{min-height:36px!important;padding:4px 2px!important;font-size:9px!important}}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline .student-info span{display:none!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline .student-info strong{font-size:15px!important;font-weight:800!important;line-height:1.25!important}@media (width<=390px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline .student-info strong{font-size:13px!important}}.reward-modal .reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 12px!important;display:grid!important}.reward-modal .reward-category-grid .button{text-align:center!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:86px!important;padding:7px 3px!important;font-size:clamp(9px,2.6vw,12px)!important;line-height:1.15!important;display:flex!important}.reward-modal .reward-category-grid .reward-category-art{object-fit:contain!important;flex:none!important;width:clamp(28px,7vw,46px)!important;height:clamp(28px,7vw,46px)!important;display:block!important}.reward-modal .reward-category-grid .button span{overflow-wrap:normal!important;word-break:normal!important;min-width:0!important;display:block!important}.reward-modal .reward-category-grid .button>svg{display:none!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{box-sizing:border-box!important;grid-template-columns:34px minmax(0,1fr) 76px 94px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;padding:10px!important;display:grid!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{grid-area:1/1!important;width:32px!important;min-width:32px!important;height:32px!important;font-size:21px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{grid-area:1/2!important;min-width:0!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;font-size:clamp(12px,3.5vw,16px)!important;font-weight:850!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info span{display:none!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{white-space:nowrap!important;flex-direction:column!important;grid-area:1/3!important;justify-content:center!important;justify-self:stretch!important;align-items:center!important;gap:1px!important;min-width:0!important;padding:7px 3px!important;display:flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:clamp(11px,3vw,14px)!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance span{font-size:10px!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;grid-area:1/4!important;width:100%!important;min-width:0!important;min-height:40px!important;padding:6px 4px!important;font-size:clamp(10px,2.8vw,13px)!important;line-height:1.1!important}.reward-modal .reward-manual-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;display:grid!important}.reward-modal .reward-history-wide{width:100%!important;margin-top:8px!important}@media (width<=420px){.reward-modal .reward-category-grid{gap:4px!important}.reward-modal .reward-category-grid .button{border-radius:12px!important;min-height:76px!important;padding:6px 2px!important;font-size:9px!important}.reward-modal .reward-category-grid .reward-category-art{width:30px!important;height:30px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:26px minmax(0,1fr) 60px 72px!important;gap:4px!important;padding:8px 5px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:24px!important;min-width:24px!important;height:24px!important;font-size:17px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:12px!important;line-height:1.18!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{padding:5px 2px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance span{font-size:9px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{min-height:36px!important;padding:4px 2px!important;font-size:9px!important}}.reward-modal .reward-manual-actions{gap:6px!important;margin:6px 0 0!important}.reward-modal .reward-manual-actions>.button{border-radius:15px!important;gap:7px!important;height:auto!important;min-height:48px!important;padding:8px 10px!important;font-size:clamp(11px,3vw,13px)!important;line-height:1.15!important}.reward-modal .reward-history-wide{border-radius:14px!important;height:auto!important;min-height:44px!important;margin-top:6px!important;padding:8px 12px!important;font-size:13px!important}.reward-modal .reward-category-grid{margin:6px 0 8px!important}.reward-modal .reward-category-grid .button{gap:4px!important;min-height:70px!important}.reward-modal .reward-list-panel{margin-top:8px!important}.reward-modal .reward-list-panel .form-title{margin-bottom:8px!important;padding:0 2px!important}.reward-modal .reward-list-panel .student-list{gap:7px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{padding:9px 8px!important}@media (width<=420px){.reward-modal .reward-manual-actions>.button{min-height:44px!important;padding:7px 8px!important;font-size:11px!important}.reward-modal .reward-history-wide{min-height:40px!important;margin-top:5px!important;padding:7px 10px!important;font-size:12px!important}.reward-modal .reward-category-grid .button{min-height:68px!important}}.reward-modal .reward-manual-actions{z-index:8!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fffffff7!important;border-bottom:1px solid #e8edf7!important;margin:0!important;padding:7px 0!important;position:sticky!important;top:0!important;box-shadow:0 5px 12px #1f396512!important}.reward-modal .reward-history-wide{z-index:7!important;background:#eaf1ff!important;margin:0 0 8px!important;position:sticky!important;top:62px!important;box-shadow:0 5px 12px #1f39650f!important}.reward-modal .reward-list-panel{scroll-margin-top:8px!important}.reward-modal .reward-list-panel .form-title{align-items:center!important;gap:8px!important;display:flex!important}.reward-modal .reward-list-panel .form-title h3{min-width:0!important;font-size:clamp(15px,4vw,19px)!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{overflow-wrap:anywhere!important;text-wrap:pretty!important}@media (width<=420px){.reward-modal .reward-manual-actions>.button{min-height:42px!important;padding:7px 6px!important;font-size:10px!important}.reward-modal .reward-history-wide{top:56px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:24px minmax(0,1fr) 62px 76px!important;gap:4px!important;padding:8px 5px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:12px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{min-height:36px!important;padding:4px 2px!important;font-size:10px!important}}.reward-modal .currency-coin-icon{color:#d99a18!important;stroke-width:2.4px!important;vertical-align:middle!important;filter:drop-shadow(0 1px #fffc)!important;flex:none!important;display:inline-block!important}.reward-modal .reward-balance-main strong{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;display:flex!important}.reward-modal .reward-balance-main .currency-amount{display:inline!important}.reward-modal .reward-balance-main strong small{letter-spacing:.04em!important;font-size:.48em!important;font-weight:800!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{justify-content:center!important;align-items:center!important;gap:3px!important;display:flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance .currency-coin-icon{width:14px!important;height:14px!important}@media (width<=420px){.reward-modal .reward-balance-main .currency-coin-icon{width:20px!important;height:20px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance .currency-coin-icon{width:12px!important;height:12px!important}}.reward-modal .currency-coin-icon{object-fit:contain;vertical-align:-5px;flex:none;width:22px;height:22px;display:inline-block}.reward-modal .reward-balance-main .currency-coin-icon{vertical-align:middle;width:29px;height:29px}.reward-modal .student-balance .currency-coin-icon{vertical-align:-4px;width:19px;height:19px}.reward-modal .reward-item-art{background:#fff;border:1px solid #e6e9f5;border-radius:12px;place-items:center;display:grid;overflow:hidden}.reward-modal .reward-item-art img{object-fit:contain;width:100%;max-width:38px;height:100%;max-height:38px;display:block}@media (width<=480px){.reward-modal .currency-coin-icon{width:18px;height:18px}.reward-modal .reward-balance-main .currency-coin-icon{width:25px;height:25px}.reward-modal .reward-item-art img{max-width:34px;max-height:34px}}.reward-modal .reward-balance-strip{isolation:isolate!important;background:radial-gradient(circle at 13% 24%,#ffffff2e 0 3px,#0000 4px),radial-gradient(circle at 30% 78%,#ffffff24 0 5px,#0000 6px),radial-gradient(circle at 48% 18%,#ffffff21 0 4px,#0000 5px),radial-gradient(circle at 68% 82%,#ffffff1f 0 3px,#0000 4px),linear-gradient(115deg,#1760f5 0%,#168be9 58%,#35b9f2 100%)!important}.reward-modal .reward-balance-strip:before{content:"✦  •  ✧  •  ✦";z-index:0!important;color:#fff3!important;letter-spacing:9px!important;pointer-events:none!important;white-space:nowrap!important;font-size:clamp(17px,4vw,25px)!important;position:absolute!important;top:12%!important;left:28%!important}.reward-modal .reward-balance-main{flex:auto!important;min-width:0!important}.reward-modal .reward-balance-main>strong{color:#fff!important;white-space:nowrap!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;width:100%!important;font-size:clamp(25px,7vw,38px)!important;line-height:1.12!important;display:flex!important}.reward-modal .reward-balance-main>strong .currency-coin-icon{flex:0 0 27px!important;width:27px!important;height:27px!important}.reward-modal .reward-balance-main>strong .currency-amount{color:#fff!important;letter-spacing:-.04em!important;white-space:nowrap!important;flex:0 auto!important;min-width:0!important;font:800 clamp(25px,7vw,38px)/1.12 Manrope,sans-serif!important;display:inline-block!important}.reward-modal .reward-balance-main>strong small{color:#fff!important;letter-spacing:0!important;flex:none!important;font-size:clamp(11px,2.7vw,14px)!important;display:inline-block!important}@media (width<=480px){.reward-modal .reward-balance-strip{gap:8px!important}.reward-modal .reward-balance-main>strong{gap:5px!important;font-size:clamp(23px,6.5vw,31px)!important}.reward-modal .reward-balance-main>strong .currency-coin-icon{flex-basis:22px!important;width:22px!important;height:22px!important}.reward-modal .reward-balance-main>strong .currency-amount{font-size:clamp(23px,6.5vw,31px)!important}.reward-modal .reward-balance-main>strong small{font-size:10px!important}.reward-modal .reward-balance-strip:before{letter-spacing:5px!important;left:24%!important}.reward-modal .reward-student-identity{min-width:0!important}.reward-modal .reward-student-identity h2{letter-spacing:-.035em!important;overflow-wrap:anywhere!important;font-size:clamp(21px,5.8vw,27px)!important;line-height:1.12!important}.reward-modal .reward-student-identity .eyebrow{letter-spacing:.17em!important;font-size:10px!important}.reward-modal .reward-category-grid{gap:7px!important}.reward-modal .reward-category-grid .button{min-width:0!important;padding:7px 4px!important}.reward-modal .reward-category-grid .button img,.reward-modal .reward-category-grid .button .category-art{max-width:38px!important;max-height:38px!important}.reward-modal .reward-manual-actions{gap:8px!important}.reward-modal .reward-manual-actions .button{min-width:0!important;padding:8px 9px!important;font-size:12px!important;line-height:1.2!important}.reward-modal .reward-history-wide{min-height:48px!important;padding:10px 12px!important}.reward-modal .reward-list-panel{border-radius:22px!important;padding:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:28px minmax(0,1fr) 70px 82px!important;gap:5px!important;padding:8px 6px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:12px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{padding:5px 3px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:11px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{min-height:38px!important;font-size:10px!important}}@media (width<=390px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:24px minmax(0,1fr) 61px 75px!important;gap:4px!important;padding:7px 4px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{padding:4px 2px!important;font-size:9px!important}}.reward-modal .reward-balance-main>span{text-align:left!important;color:#eaf5ff!important;align-self:flex-start!important;width:100%!important;font-size:clamp(14px,3.7vw,17px)!important;line-height:1.2!important;display:block!important}.reward-modal .reward-balance-main>strong{text-align:left!important;align-self:flex-start!important}@media (width<=480px){.reward-modal{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;max-height:calc(100dvh - 24px)!important;overflow:hidden auto!important}.reward-modal .reward-student-identity h2{max-width:100%!important;font-size:clamp(20px,5.5vw,26px)!important}.reward-modal .reward-category-grid .button{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:82px!important;display:flex!important}.reward-modal .reward-category-grid .button span{text-align:center!important;line-height:1.15!important;display:block!important}.reward-modal .reward-category-grid .button svg{flex:none!important}.reward-modal .reward-list-panel .form-title{gap:6px!important;margin-bottom:10px!important}.reward-modal .reward-list-panel .form-title h3{font-size:clamp(15px,4.1vw,18px)!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{min-height:72px!important}.reward-modal .reward-student-header{z-index:20!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border-bottom:1px solid #1e468214!important;margin-top:0!important;padding:5px 0 10px!important;position:sticky!important;top:-1px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{border-radius:17px!important;align-items:center!important;gap:5px!important;min-height:68px!important;margin:0!important;padding:7px!important;display:grid!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{align-self:center!important;min-width:0!important;padding:0!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{-webkit-line-clamp:3!important;overflow-wrap:anywhere!important;-webkit-box-orient:vertical!important;line-height:1.18!important;display:-webkit-box!important;overflow:hidden!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{border-radius:13px!important;align-self:center!important;min-width:0!important;padding:5px 2px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;border-radius:13px!important;align-self:center!important;min-width:0!important;min-height:40px!important;padding:5px 3px!important;line-height:1.1!important}.reward-modal .reward-list-panel .student-list{gap:8px!important}}.app-shell:has(.dashboard-hero) .group-home-bar{box-shadow:none!important;background:0 0!important;border:0!important;align-items:center!important;gap:12px!important;padding:10px 4px 14px!important;display:flex!important}.app-shell:has(.dashboard-hero) .group-home-bar .group-select{flex:1!important;min-width:0!important}.app-shell:has(.dashboard-hero) .group-home-bar .group-select>span{color:#536587!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:12px!important;font-weight:800!important}:is(.app-shell:has(.dashboard-hero) .group-home-bar .group-select select,.app-shell:has(.dashboard-hero) .group-home-bar .group-select strong){color:#0b1f44!important;background:#f8faff!important;border:1px solid #dce5f6!important;border-radius:16px!important;min-height:44px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .group-home-bar .settings-button{color:#0b1f44!important;background:#f7f9ff!important;border:1px solid #d7e1f4!important;border-radius:50%!important;flex:0 0 46px!important;width:46px!important;height:46px!important;box-shadow:0 3px 10px #0b1f440f!important}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;margin:8px 0 18px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{color:#fff!important;background:linear-gradient(112deg,#145cf3 0%,#168ee9 62%,#35baf0 100%)!important;border:0!important;border-radius:26px!important;grid-column:1/-1!important;grid-template-columns:minmax(64px,.45fr) minmax(0,1.5fr) minmax(68px,.45fr)!important;align-items:center!important;gap:12px!important;min-height:142px!important;padding:20px 22px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 28px #1a71e930!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card:after{content:"✦  ·  ✧  ·  ✦"!important;color:#ffffff38!important;letter-spacing:8px!important;pointer-events:none!important;font-size:22px!important;position:absolute!important;top:13px!important;right:25%!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{z-index:1!important;background:0 0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:92px!important;display:flex!important;position:relative!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon img{object-fit:contain!important;filter:drop-shadow(0 4px 2px #051a4729)!important;width:100%!important;max-width:100px!important;height:100%!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy{z-index:1!important;flex-direction:column!important;gap:5px!important;min-width:0!important;display:flex!important;position:relative!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>span{color:#f1f8ff!important;font-size:clamp(14px,2vw,19px)!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{color:#fff!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important;font-size:clamp(26px,4vw,42px)!important;font-weight:900!important;line-height:1.05!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{z-index:1!important;text-align:center!important;background:#082c8538!important;border:1px solid #ffffff47!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:12px 8px!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline strong{color:#fff!important;font-size:clamp(25px,3.4vw,36px)!important;font-weight:900!important;line-height:1!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{color:#f1f8ff!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{min-width:0!important;min-height:94px!important;box-shadow:none!important;background:#f5f8ff!important;border:1px solid #dce5f6!important;border-radius:20px!important;grid-template-rows:auto auto!important;grid-template-columns:48px minmax(0,1fr)!important;align-content:center!important;align-items:center!important;column-gap:9px!important;padding:12px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{border-radius:50%!important;grid-row:1/3!important;width:46px!important;height:46px!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon img{object-fit:contain!important;width:100%!important;height:100%!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{color:#34476f!important;grid-area:1/2!important;font-size:12px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{color:#0b1f44!important;grid-area:2/2!important;font-size:27px!important;font-weight:900!important;line-height:1!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{color:#56688b!important;border-top:4px solid #407ed82e!important;grid-column:1/-1!important;margin-top:8px!important;padding-top:7px!important;font-size:10px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel){box-shadow:none!important;background:linear-gradient(135deg,#fffaf0,#fff4e6)!important;border:1px solid #f0dfb5!important;border-radius:24px!important;margin:0 0 18px!important;padding:16px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading{align-items:center!important;margin-bottom:12px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading>div .eyebrow{display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading>div>p:not(.eyebrow){display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading h3{color:#0b1f44!important;margin:0!important;font-size:clamp(18px,2.5vw,24px)!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;list-style:none!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{background:#fff!important;border:1px solid #f0d8a4!important;border-radius:17px!important;grid-template-rows:auto auto!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:5px 7px!important;min-width:0!important;padding:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{color:#8c5700!important;background:#ffedb6!important;border-radius:10px!important;grid-row:1/3!important;align-self:start!important;place-items:center!important;width:28px!important;height:28px!important;font-weight:900!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{color:#15294d!important;overflow-wrap:anywhere!important;min-width:0!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{color:#0b1f44!important;grid-column:2!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important}.app-shell:has(.dashboard-hero) #students.workspace{margin-top:0!important;padding-top:0!important}.app-shell:has(.dashboard-hero) #students.workspace .student-area{gap:10px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading{box-shadow:none!important;background:0 0!important;border:0!important;margin-bottom:9px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{background:0 0!important;padding:5px 2px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle h3{color:#0b1f44!important;font-size:20px!important;font-weight:900!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle p{color:#627392!important;font-size:11px!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{color:#627392!important;font-size:11px!important}.app-shell:has(.dashboard-hero) #students.workspace .search-box{min-height:48px!important;box-shadow:none!important;background:#fff!important;border:1px solid #dce4f4!important;border-radius:18px!important;margin:0 0 12px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-list{gap:7px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{background:#fff!important;border:1px solid #e1e8f5!important;border-radius:20px!important;min-height:72px!important;padding:8px 12px!important;box-shadow:0 3px 10px #102b5809!important}.app-shell:has(.dashboard-hero) #students.workspace .student-avatar-illustration{object-fit:cover!important;border:2px solid #e5ecfa!important;border-radius:50%!important;width:52px!important;height:52px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle{gap:8px!important;min-width:0!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-info strong{color:#0b1f44!important;font-size:14px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{color:#176b4c!important;background:#e7f7ee!important;border-radius:14px!important;min-width:76px!important;padding:7px 8px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance strong{font-size:14px!important;font-weight:900!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .stats{gap:8px!important;margin:8px 0 13px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{border-radius:22px!important;grid-template-columns:54px minmax(0,1fr) 58px!important;gap:7px!important;min-height:118px!important;padding:13px 12px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{height:66px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon img{max-width:62px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline{border-radius:13px!important;padding:9px 4px!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline span{font-size:9px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{text-align:center!important;border-radius:16px!important;grid-template-rows:auto auto auto!important;grid-template-columns:1fr!important;justify-items:center!important;min-height:108px!important;padding:8px 4px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .gender-avatar-icon{grid-row:auto!important;width:34px!important;height:34px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{grid-area:auto/1!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{grid-area:auto/1!important;font-size:22px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{grid-column:1!important;margin-top:4px!important;padding-top:5px!important;font-size:9px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel){border-radius:20px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{gap:6px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{border-radius:13px!important;grid-template-columns:24px minmax(0,1fr)!important;gap:5px!important;padding:7px 6px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{width:22px!important;height:22px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{font-size:10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{font-size:11px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-avatar-illustration{width:42px!important;height:42px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{border-radius:16px!important;min-height:62px!important;padding:7px 8px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-info strong{font-size:12px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{min-width:60px!important;padding:6px 5px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance strong{font-size:12px!important}.reward-modal .reward-student-header{gap:8px!important}.reward-modal .reward-header-brand img{max-width:104px!important}.reward-modal .reward-balance-strip{border-radius:22px!important;min-height:112px!important;padding:15px!important}.reward-modal .reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.reward-modal .reward-category-grid .button{border-radius:15px!important;min-height:78px!important;padding:6px 3px!important}.reward-modal .reward-category-grid .button span{font-size:10px!important;line-height:1.15!important}.reward-modal .reward-category-grid .reward-category-art{object-fit:contain!important;width:35px!important;height:35px!important}.reward-modal .reward-manual-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.reward-modal .reward-manual-actions .button{border-radius:16px!important;min-height:54px!important;font-size:11px!important}.reward-modal .reward-history-wide{border-radius:16px!important;min-height:48px!important}}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-column:1/-1!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card{grid-column:1/span 3!important;width:100%!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card{grid-column:4/span 3!important;width:100%!important}.app-shell:has(.dashboard-hero) .stats .gender-unassigned-card{grid-column:1/-1!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading h3{font-size:clamp(19px,2.6vw,25px)!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading .count-pill{flex-shrink:0!important;font-size:12px!important}.app-shell:has(.dashboard-hero) #students.workspace{background:linear-gradient(#fff 0%,#fbfcff 100%)!important;border:1px solid #e0e8f5!important;border-radius:26px!important;padding:16px!important;box-shadow:0 8px 24px #14305d0b!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{border-bottom:1px solid #e5ebf5!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;margin:0 0 14px!important;padding:0 0 14px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading .refresh-students-button{color:#24558a!important;background:#edf4ff!important;border-radius:17px!important;justify-content:center!important;width:100%!important;min-height:48px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading>div{text-align:center!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading .eyebrow{letter-spacing:.15em!important;margin:0 0 5px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading h2{margin:0!important;font-size:clamp(22px,3vw,28px)!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading{background:#fff!important;border:1px solid #e2e9f5!important;border-radius:19px!important;margin:0!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{align-items:center!important;gap:8px!important;padding:12px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle>span:first-child{text-align:left!important;min-width:0!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle h3{font-size:18px!important;line-height:1.15!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle p{margin-top:5px!important;line-height:1.3!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-right{flex-shrink:0!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{white-space:nowrap!important;background:#fbfcff!important;border:1px solid #dce5f5!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;min-height:42px!important;padding:7px 10px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:7px 10px!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle{grid-area:1/2!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-avatar-illustration{grid-area:1/1!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.row-index{display:none!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card{grid-column:1/span 3!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card{grid-column:4/span 3!important}.app-shell:has(.dashboard-hero) #students.workspace{border-radius:22px!important;padding:12px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading h2{font-size:22px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{padding:10px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle h3{font-size:16px!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{min-height:38px!important;padding:6px 8px!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .group-home-bar{gap:10px!important;padding:4px 4px 10px!important}.app-shell:has(.dashboard-hero) .group-home-bar .group-select>span{margin-bottom:5px!important}.app-shell:has(.dashboard-hero) .group-home-bar .group-select select{min-height:48px!important;font-size:15px!important}.app-shell:has(.dashboard-hero) .stats{margin-top:3px!important;margin-bottom:12px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{min-height:112px!important;padding:12px 11px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{white-space:nowrap!important;letter-spacing:-.045em!important;font-size:clamp(23px,6.2vw,31px)!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>span{font-size:13px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel){margin-top:0!important;margin-bottom:13px!important}.app-shell:has(.dashboard-hero) #students.workspace>.student-section-heading{gap:8px!important;margin-bottom:12px!important;padding-bottom:12px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-section-heading .refresh-students-button{min-height:44px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-area{gap:8px!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle{flex-wrap:wrap!important;align-items:center!important}.app-shell:has(.dashboard-hero) #students.workspace .list-heading-toggle>span:first-child{flex:150px!important}.app-shell:has(.dashboard-hero) #students.workspace .collapse-mark{white-space:normal!important;text-align:center!important}.app-shell:has(.dashboard-hero) #students.workspace .search-box{min-height:46px!important;margin-top:0!important;margin-bottom:8px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle{gap:5px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{min-width:58px!important;padding:5px 4px!important}.reward-modal .reward-student-header{padding-bottom:8px!important}.reward-modal .reward-balance-strip{min-height:108px!important}.reward-modal .reward-category-grid{margin-top:2px!important;margin-bottom:2px!important}.reward-modal .reward-manual-actions{margin-top:0!important}.reward-modal .reward-list-panel{padding:9px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{min-height:64px!important}}@media (width<=380px){.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-template-columns:43px minmax(0,1fr) 53px!important;gap:5px!important;padding:10px 8px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{font-size:clamp(21px,5.8vw,25px)!important}.app-shell:has(.dashboard-hero) .stats .group-total-inline strong{font-size:23px!important}.app-shell:has(.dashboard-hero) #students.workspace{padding:9px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{grid-template-columns:38px minmax(0,1fr)!important;gap:6px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-avatar-illustration{width:36px!important;height:36px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-info strong{font-size:11px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance strong{font-size:11px!important}}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-info{overflow-wrap:anywhere!important;min-width:0!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-info strong{overflow-wrap:anywhere!important;line-height:1.2!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible:focus-within{outline-offset:2px!important;outline:3px solid #307de83d!important}.reward-modal .reward-category-grid .button:focus-visible,.reward-modal .reward-manual-actions .button:focus-visible,.reward-modal .reward-history-wide:focus-visible{outline-offset:2px!important;outline:3px solid #2671e059!important}.app-shell:has(.dashboard-hero) .group-home-bar button:focus-visible{outline-offset:2px!important;outline:3px solid #2671e059!important}.app-shell:has(.dashboard-hero) #students.workspace button:focus-visible{outline-offset:2px!important;outline:3px solid #2671e059!important}.reward-modal .reward-manual-actions .button{text-align:center!important;overflow-wrap:anywhere!important;justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.reward-modal .reward-history-wide{justify-content:center!important;align-items:center!important;gap:9px!important;font-weight:800!important;display:flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{overflow-wrap:anywhere!important;-webkit-hyphens:auto!important;hyphens:auto!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{font-weight:800!important;box-shadow:0 5px 12px #1b70e124!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{min-height:88px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{overflow-wrap:anywhere!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle{grid-template-columns:minmax(0,1fr) auto!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-balance{white-space:nowrap!important}.reward-modal .reward-manual-actions .button{font-size:11px!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:32px minmax(0,1fr) 78px 104px!important;gap:5px!important}}@media (width<=380px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:28px minmax(0,1fr) 66px 82px!important;gap:4px!important;padding:6px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance,.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{font-size:10px!important}}.app-shell:has(.dashboard-hero) .stats .group-balance-card{isolation:isolate!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{font-variant-numeric:tabular-nums!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-variant-numeric:tabular-nums!important}.app-shell:has(.dashboard-hero) .ranking-panel .ranking-balance{font-variant-numeric:tabular-nums!important}.app-shell:has(.dashboard-hero) #students.workspace .student-balance strong{font-variant-numeric:tabular-nums!important}.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel{box-shadow:none!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid #dce6f5!important;border-radius:22px!important;margin-top:14px!important}.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel .ranking-heading h3{color:#11284e!important;font-size:clamp(17px,2.4vw,22px)!important}.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel .growth-method-note{color:#405677!important;background:#edf5ff!important;border-left:3px solid #83b6ef!important;border-radius:0 10px 10px 0!important;padding:8px 10px!important;font-size:12px!important;line-height:1.45!important}.app-shell:has(.dashboard-hero) .ranking-panel .ranking-empty{color:#5a6b89!important;background:#ffffffbf!important;border-radius:14px!important;padding:13px!important;line-height:1.45!important}.app-shell:has(.dashboard-hero) #students.workspace .student-list{padding-bottom:3px!important}.reward-modal .reward-student-header{border-bottom:1px solid #e7edf7!important}.reward-modal .reward-student-header .student-identity,.reward-modal .reward-student-header .reward-student-identity{min-width:0!important}.reward-modal .reward-student-header h2,.reward-modal .reward-student-header .student-name{overflow-wrap:anywhere!important}.reward-modal .reward-balance-strip{box-shadow:0 10px 24px #1f67e026!important}.reward-modal .reward-category-grid .button{transition:transform .16s,box-shadow .16s!important}.reward-modal .reward-category-grid .button:active{transform:scale(.98)!important}.reward-modal .reward-list-panel{border:1px solid #e1e9f6!important;box-shadow:0 5px 18px #15305e09!important}.reward-modal .reward-list-panel .form-title h3{overflow-wrap:anywhere!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{box-shadow:0 3px 9px #142c5509!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{white-space:nowrap!important;font-variant-numeric:tabular-nums!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;overflow-wrap:anywhere!important}.reward-modal .reward-manual-actions .button:disabled,.reward-modal .reward-history-wide:disabled,.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button:disabled{opacity:.58!important;cursor:not-allowed!important;box-shadow:none!important}@media (prefers-reduced-motion:reduce){.reward-modal .reward-category-grid .button{transition:none!important}.reward-modal .reward-category-grid .button:active{transform:none!important}}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel{margin-top:12px!important;padding:12px!important}.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel .ranking-heading{align-items:flex-start!important;gap:8px!important}.app-shell:has(.dashboard-hero) .ranking-panel.growth-ranking-panel .count-pill{white-space:normal!important;text-align:center!important;font-size:10px!important}.reward-modal .reward-student-header{scroll-margin-top:0!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{overflow:hidden!important}}.app-shell:has(.dashboard-hero) .back-home-button{color:#234b7c!important;background:#fff!important;border:1px solid #d9e5f7!important;border-radius:14px!important;min-height:42px!important;padding:9px 13px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .quick-nav{background:#f0f5ff!important;border:1px solid #e1e9f6!important;border-radius:19px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 16px!important;padding:6px!important;display:grid!important}.app-shell:has(.dashboard-hero) .quick-nav button{color:#385477!important;white-space:normal!important;background:0 0!important;border:1px solid #0000!important;border-radius:13px!important;min-width:0!important;min-height:44px!important;padding:9px 8px!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .workspace .section-heading{align-items:center!important;gap:12px!important}:is(.app-shell:has(.dashboard-hero) .workspace .section-heading h2,.app-shell:has(.dashboard-hero) .workspace .form-title h3){color:#10284e!important;font-family:"Baloo 2",Nunito,sans-serif!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .workspace .toolbar{background:#f8faff!important;border:1px solid #e1e9f6!important;border-radius:18px!important;padding:13px!important}:is(.app-shell:has(.dashboard-hero) .workspace .toolbar-actions .button,.app-shell:has(.dashboard-hero) .workspace .toolbar>.button){border-radius:13px!important;min-height:42px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .workspace .form-card{background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid #dce7f6!important;border-radius:19px!important;margin:12px 0!important;padding:17px!important;box-shadow:0 5px 16px #11305e0b!important}.app-shell:has(.dashboard-hero) .workspace .form-card label{color:#425878!important;font-size:12px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .workspace .form-card input{color:#132b50!important;background:#fff!important;border:1px solid #d8e3f4!important;border-radius:13px!important;min-height:44px!important}.app-shell:has(.dashboard-hero) .workspace .form-card select{color:#132b50!important;background:#fff!important;border:1px solid #d8e3f4!important;border-radius:13px!important;min-height:44px!important}.app-shell:has(.dashboard-hero) .group-select select{color:#132b50!important;background:#fff!important;border:1px solid #d8e3f4!important;border-radius:13px!important;min-height:44px!important}.app-shell:has(.dashboard-hero) .workspace .form-card input:focus{border-color:#63a5ef!important;box-shadow:0 0 0 3px #3485e224!important}.app-shell:has(.dashboard-hero) .workspace .form-card select:focus{border-color:#63a5ef!important;box-shadow:0 0 0 3px #3485e224!important}.app-shell:has(.dashboard-hero) .group-select select:focus{border-color:#63a5ef!important;box-shadow:0 0 0 3px #3485e224!important}:is(.app-shell:has(.dashboard-hero) .workspace .form-card .button.primary,.app-shell:has(.dashboard-hero) .workspace .toolbar .button.primary){background:linear-gradient(110deg,#1765ee,#22a8ed)!important;border-color:#0000!important;border-radius:14px!important;box-shadow:0 6px 14px #236fde2b!important}:is(.app-shell:has(.dashboard-hero) .workspace .form-card .button.secondary,.app-shell:has(.dashboard-hero) .workspace .toolbar .button.secondary){color:#27578a!important;background:#edf4ff!important;border-color:#d8e6fa!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row{background:#fff!important;border:1px solid #e0e9f6!important;border-radius:16px!important;margin:7px 0!important;padding:12px!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row .student-info strong{color:#13294d!important}.app-shell:has(.dashboard-hero) .workspace .helper-row{color:#526781!important;background:#f0f6ff!important;border-radius:13px!important;padding:10px 12px!important;line-height:1.5!important}.app-shell.family-view{background:linear-gradient(#f3f8ff 0%,#fff 48%,#f7fbff 100%)!important;max-width:720px!important;min-height:100vh!important;padding:24px 20px 34px!important}.app-shell.family-view>.hero{background:radial-gradient(circle at 85% 12%,#ffffff47,#0000 32%),linear-gradient(120deg,#1459e9,#168ce7 62%,#36b9ed)!important;border:1px solid #ffffff59!important;border-radius:25px!important;padding:24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 13px 30px #1c67dc2e!important}.app-shell.family-view>.hero h1{font-family:"Baloo 2",Nunito,sans-serif!important;font-size:clamp(26px,5vw,36px)!important;line-height:1.08!important}.app-shell.family-view>.hero .hero-copy{color:#f1f8ff!important;line-height:1.55!important}.app-shell.family-view>.hero .demo-tag,.app-shell.family-view>.hero .hero-meta span{color:#fff!important;background:#ffffff21!important;border-color:#ffffff4d!important}.app-shell.family-view .family-student-card,.app-shell.family-view .family-activity-card{background:#fff!important;border:1px solid #dce8f7!important;border-radius:23px!important;margin:14px 0!important;padding:20px!important;box-shadow:0 8px 22px #0e2e5c0e!important}.app-shell.family-view .family-balance-row{background:linear-gradient(110deg,#eaf4ff,#e4f8ff)!important;border:1px solid #d5e8f8!important;border-radius:18px!important}.app-shell.family-view .family-balance-row>strong{color:#1057a2!important;font-variant-numeric:tabular-nums!important;font-size:clamp(22px,4vw,30px)!important;font-weight:900!important}.app-shell.family-view .family-activity-card h2{color:#10284e!important;align-items:center!important;gap:9px!important;font-family:"Baloo 2",Nunito,sans-serif!important;font-weight:800!important;display:flex!important}.app-shell.family-view .family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:13px 0!important;display:grid!important}.app-shell.family-view .family-category-count span{color:#405776!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}.app-shell.family-view .family-category-count strong{color:#145fa9!important;flex-shrink:0!important;font-size:20px!important;font-weight:900!important}.app-shell.family-view .family-statement-button{color:#245587!important;background:#edf4ff!important;border:1px solid #d5e5fa!important;border-radius:15px!important;width:100%!important;min-height:48px!important;font-weight:800!important}.app-shell.family-view .family-statement-list{background:#fbfdff!important;border:1px solid #e0e9f6!important;border-radius:16px!important;margin-top:12px!important;padding:5px 12px!important}.app-shell.family-view .small-note{color:#4c6685!important;background:#f0f7ff!important;border-radius:13px!important;align-items:flex-start!important;gap:7px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.45!important;display:flex!important}.app-shell.family-view footer{color:#71819b!important;border-top:1px solid #e0e9f6!important;margin-top:18px!important;padding:16px 4px 0!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell:has(.dashboard-hero) .quick-nav button{min-height:46px!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .workspace .toolbar{padding:10px!important}.app-shell:has(.dashboard-hero) .workspace .form-card{padding:14px!important}.app-shell.family-view{padding:12px 10px 24px!important}.app-shell.family-view>.hero{border-radius:21px!important;padding:20px 17px!important}.app-shell.family-view .family-student-card,.app-shell.family-view .family-activity-card{border-radius:20px!important;padding:15px!important}.app-shell.family-view .family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.app-shell.family-view .family-category-count{padding:10px!important}.app-shell.family-view .family-category-count span{font-size:11px!important}}@media (width<=360px){.app-shell:has(.dashboard-hero) .quick-nav{grid-template-columns:1fr!important}.app-shell.family-view .family-category-counts{grid-template-columns:1fr!important}}.app-shell:has(.dashboard-hero) .notice{background:linear-gradient(110deg,#fff9e9,#fffdf6)!important;border:1px solid #f0dfb6!important;border-radius:17px!important;box-shadow:0 4px 12px #75551a0a!important}.app-shell:has(.dashboard-hero) .notice>div strong{color:#74541e!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .notice p{color:#7b6b4b!important}.app-shell:has(.dashboard-hero) .reward-category-accordion{gap:9px!important;margin-top:16px!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-category-section{background:#fff!important;border:1px solid #dfe8f6!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 3px 11px #12305d09!important}.app-shell:has(.dashboard-hero) .reward-category-toggle{color:#12294e!important;text-align:left!important;background:linear-gradient(100deg,#f8fbff,#fff)!important;border:0!important;grid-template-columns:minmax(0,1fr) auto 20px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:62px!important;padding:13px!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-category-toggle>span:first-child{gap:3px!important;min-width:0!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-category-toggle strong{overflow-wrap:anywhere!important;font-size:14px!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .reward-category-toggle small{color:#70809a!important;font-size:11px!important;line-height:1.35!important}.app-shell:has(.dashboard-hero) .reward-category-toggle>span:last-child{color:#255a94!important;background:#eaf2ff!important;border-radius:8px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:18px!important;font-weight:800!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-category-section .reward-category-list{padding:0 12px 8px!important}.app-shell:has(.dashboard-hero) .reward-group-picker{background:#f7faff!important;border:1px solid #dce7f6!important;border-radius:16px!important;min-width:0!important;margin:14px 0!important;padding:13px!important}.app-shell:has(.dashboard-hero) .reward-group-picker legend{color:#244d7a!important;padding:0 5px!important;font-size:12px!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .reward-group-mode{background:#fff!important;border:1px solid #e1e9f6!important;border-radius:13px!important;align-items:flex-start!important;gap:9px!important;margin:9px 0!important;padding:11px!important;display:flex!important}.app-shell:has(.dashboard-hero) .reward-group-mode input{accent-color:#2378e7!important;flex:none!important;width:17px!important;min-height:17px!important;margin-top:2px!important}.app-shell:has(.dashboard-hero) .reward-group-mode span{gap:3px!important;min-width:0!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-group-mode strong{color:#183457!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .reward-group-mode small{color:#72819a!important;font-size:11px!important;line-height:1.4!important}.app-shell:has(.dashboard-hero) .reward-group-options{background:#edf4ff!important;border-radius:13px!important;gap:7px!important;margin-top:8px!important;padding:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .reward-group-options label{background:#fff!important;border-radius:9px!important;align-items:center!important;gap:8px!important;padding:8px!important;display:flex!important}.app-shell:has(.dashboard-hero) .reward-group-options input{accent-color:#2378e7!important}:is(.app-shell:has(.dashboard-hero) .master-security-card>.section-heading,.app-shell:has(.dashboard-hero) .device-workspace>.section-heading){border-bottom:1px solid #e8eef7!important;margin-bottom:12px!important;padding-bottom:12px!important}.app-shell:has(.dashboard-hero) .master-security-actions{flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;display:flex!important}.app-shell:has(.dashboard-hero) .master-security-actions .button{white-space:normal!important;flex:160px!important;min-width:0!important;min-height:42px!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row{grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:9px 11px!important;display:grid!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row>.avatar{grid-area:1/1!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row>.student-info{grid-area:1/2!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row>select{white-space:normal!important;grid-column:1/-1!important;width:100%!important;min-width:0!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row>.button{white-space:normal!important;grid-column:1/-1!important;width:100%!important;min-width:0!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row>.count-pill{white-space:normal!important;grid-column:1/-1!important;width:100%!important;min-width:0!important}.app-shell.family-view .family-category-count:first-child{background:linear-gradient(135deg,#eef7ff,#fff)!important}.app-shell.family-view .family-category-count:nth-child(2){background:linear-gradient(135deg,#fff8e8,#fff)!important}.app-shell.family-view .family-category-count:nth-child(3){background:linear-gradient(135deg,#f7efff,#fff)!important}.app-shell.family-view .family-category-count:nth-child(4){background:linear-gradient(135deg,#edfff6,#fff)!important}.app-shell.family-view .family-category-count:nth-child(5){background:linear-gradient(135deg,#f4f6ff,#fff)!important}.app-shell.family-view .family-statement-list .history-item{gap:12px!important;padding:12px 0!important}.app-shell.family-view .family-statement-list .history-item>div:first-child strong{color:#173052!important;overflow-wrap:anywhere!important;line-height:1.35!important}.app-shell.family-view .family-statement-list .history-item-end{text-align:right!important;flex-shrink:0!important}.app-shell.family-view .family-statement-list .history-item-end strong{font-variant-numeric:tabular-nums!important;font-size:15px!important}.app-shell.family-view .family-statement-list .history-item-end span{font-size:10px!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .reward-category-toggle{grid-template-columns:minmax(0,1fr) auto 20px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .reward-category-toggle .count-pill{padding:6px 8px!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .master-security-actions{grid-template-columns:minmax(0,1fr)!important;display:grid!important}.app-shell:has(.dashboard-hero) .master-security-actions .button{width:100%!important}.app-shell:has(.dashboard-hero) .device-workspace .student-row{padding:11px!important}.app-shell.family-view .family-statement-list{padding:5px 9px!important}.app-shell.family-view .family-statement-list .history-item{gap:7px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-rows:auto auto!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:7px 9px!important;min-height:0!important;padding:10px!important;display:grid!important;overflow:visible!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{grid-area:1/1!important;align-self:center!important;width:36px!important;height:36px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{overflow-wrap:anywhere!important;grid-area:1/2!important;width:auto!important;min-width:0!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.3!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info span{white-space:normal!important;margin-top:3px!important;font-size:11px!important;line-height:1.35!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{text-align:right!important;white-space:nowrap!important;grid-area:1/3!important;place-self:center end!important;width:auto!important;min-width:0!important;padding:4px 0 4px 4px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{white-space:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:3px!important;font-size:12px!important;line-height:1.2!important;display:flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance>span{margin-top:2px!important;font-size:9px!important;display:block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;grid-area:2/2/auto/4!important;justify-self:stretch!important;width:100%!important;min-height:34px!important;padding:6px 10px!important;font-size:12px!important}}@media (width<=360px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:30px minmax(0,1fr) auto!important;gap:6px!important;padding:8px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:30px!important;height:30px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:12px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:11px!important}}.app-shell .quick-nav{background:linear-gradient(135deg,#f8fbff,#f5f3ff);border:1px solid #e2e9f3;border-radius:18px;flex-wrap:wrap;gap:8px;margin:14px 0 18px;padding:8px;display:flex;box-shadow:0 5px 18px #1a375f0b}.app-shell .quick-nav button{color:#51627b;background:0 0;border:1px solid #0000;border-radius:12px;flex:112px;min-height:40px;padding:9px 13px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s}.app-shell .group-home-bar{align-items:stretch;gap:10px}.app-shell .group-select{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dce7f4;border-radius:16px;min-width:0;box-shadow:0 4px 14px #1c396009}.app-shell .group-select>span{color:#64758d;letter-spacing:.035em;font-size:11px;font-weight:800}.app-shell .group-select select{background-color:#fff;border-color:#d9e5f3;border-radius:11px;min-height:42px;font-weight:750}.app-shell .workspace{border-color:#e0e8f2;border-radius:20px;box-shadow:0 8px 24px #1933580b}.app-shell .workspace>.section-heading{align-items:center;gap:12px}.app-shell .workspace .eyebrow.dark{letter-spacing:.09em;font-size:10px}.app-shell .form-card{background:linear-gradient(155deg,#fff 0%,#fbfdff 100%);border:1px solid #dfe8f3;border-radius:17px;box-shadow:0 5px 16px #1c39600a}.app-shell .form-title{border-bottom:1px solid #edf1f7;padding-bottom:10px}.app-shell .form-card label{color:#3d506a;font-weight:750}.app-shell .form-card input:not([type=radio]):not([type=checkbox]),.app-shell .form-card select,.app-shell .form-card textarea{background:#fff;border-color:#d8e3f0;border-radius:11px;min-height:42px}.app-shell .toolbar{background:#f8fbff;border:1px solid #e3eaf4;border-radius:15px;margin:12px 0;padding:11px}.app-shell .toolbar-actions{gap:8px}.app-shell .button{border-radius:11px;font-weight:800}.app-shell .back-home-button{border-radius:12px}.app-shell .settings-button{background:#fff;border:1px solid #dce7f4;border-radius:14px;box-shadow:0 4px 12px #1933580f}@media (width<=520px){.app-shell .quick-nav{border-radius:15px;gap:6px;padding:6px}.app-shell .quick-nav button{flex:calc(50% - 6px);min-height:38px;padding:8px;font-size:12px}.app-shell .workspace{border-radius:17px}.app-shell .workspace>.section-heading{align-items:flex-start}.app-shell .group-home-bar{gap:8px}.app-shell .group-select{padding:11px}.app-shell .toolbar{padding:9px}.app-shell .toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.app-shell .toolbar-actions .button{justify-content:center;width:100%;padding:9px 7px;font-size:12px}}.app-shell .student-area{min-width:0}.app-shell .list-heading{background:linear-gradient(135deg,#f9fbff,#f3f7ff);border:1px solid #e0e9f4;border-radius:15px;overflow:hidden}.app-shell .list-heading-toggle{gap:12px;width:100%;padding:14px 15px}.app-shell .list-heading-toggle h3{color:#17365f;font-size:16px;font-weight:850;line-height:1.25}.app-shell .list-heading-toggle p{color:#6a7b92;margin-top:4px;font-size:12px;line-height:1.4}.app-shell .list-heading-right .collapse-mark{color:#315b8d;white-space:nowrap;background:#fff;border:1px solid #dce7f5;border-radius:10px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.app-shell .search-box{background:#fff;border:1px solid #dbe6f2;border-radius:13px;margin:11px 0;box-shadow:0 3px 12px #18345809}.app-shell .student-list{gap:8px}.app-shell .student-row{background:linear-gradient(110deg,#fff,#fbfdff);border:1px solid #e3eaf3;border-radius:15px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 3px 12px #18345809}.app-shell .student-row.expanded{border-color:#c9dcf5;box-shadow:0 7px 19px #184c8c13}.app-shell .student-name-toggle{min-width:0}.app-shell .student-name-toggle .student-info strong{color:#1a3558;overflow-wrap:anywhere;font-size:13px;font-weight:850;line-height:1.35}.app-shell .student-name-toggle .student-balance strong{color:#145da8;font-variant-numeric:tabular-nums;font-weight:900}.app-shell .student-name-toggle .student-balance>span{color:#718198;font-size:10px;font-weight:750}.app-shell .student-expand-mark{color:#315d90;background:#f5f9ff;border:1px solid #dce8f5;border-radius:9px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.app-shell .student-actions-expanded{border-top:1px solid #edf1f7;padding-top:9px}.app-shell .ranking-panel{background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);border:1px solid #dce7f4;border-radius:19px;box-shadow:0 7px 22px #1834580b}.app-shell .ranking-heading{gap:12px}.app-shell .ranking-heading h3{color:#193b68;font-size:18px;font-weight:900;line-height:1.25}.app-shell .ranking-heading p{color:#687b94;font-size:12px;line-height:1.45}.app-shell .ranking-list{gap:7px}.app-shell .ranking-item{background:#fff;border:1px solid #e4ebf4;border-radius:13px;padding:10px 12px}.app-shell .ranking-position{color:#47617f;background:#f0f5fb;border-radius:10px;font-weight:900}.app-shell .ranking-student-name{color:#213b5c;overflow-wrap:anywhere;font-weight:800}.app-shell .ranking-balance{color:#145da8;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:900}.app-shell .group-balance-card{background:linear-gradient(120deg,#eff8ff,#fff 72%);border-color:#d8e8f7}.app-shell .gender-stat-card{border-color:#e0e8f2;border-radius:17px;box-shadow:0 5px 16px #1834580a}.app-shell .girls-stat-card{background:linear-gradient(145deg,#fff4fa,#fff)}.app-shell .boys-stat-card{background:linear-gradient(145deg,#eef7ff,#fff)}.app-shell .gender-unassigned-card{background:linear-gradient(145deg,#fff9e9,#fff);border-color:#f1dfb9}.app-shell .reward-category-toggle{background:linear-gradient(110deg,#fff,#f8fbff);border:1px solid #e0e8f3;border-radius:14px;transition:border-color .16s,background .16s}.app-shell .reward-category-toggle[aria-expanded=true]{background:linear-gradient(110deg,#f1f7ff,#fff);border-color:#c9dcf4}.app-shell .reward-category-toggle>span:first-child strong{color:#1b3d68;font-weight:850}.app-shell .reward-category-toggle>span:first-child small{color:#728198;line-height:1.4}.app-shell .reward-category-list .student-row{align-items:center}@media (width<=520px){.app-shell .list-heading-toggle{padding:12px}.app-shell .list-heading-toggle h3{font-size:14px}.app-shell .list-heading-right .collapse-mark{padding:5px 7px;font-size:10px}.app-shell .student-list{gap:7px}.app-shell .student-row{border-radius:13px}.app-shell .ranking-panel{border-radius:16px;padding:14px}.app-shell .ranking-heading h3{font-size:16px}.app-shell .ranking-item{padding:9px}.app-shell .ranking-student-name,.app-shell .ranking-balance{font-size:12px}.app-shell .reward-category-toggle{gap:8px;padding:12px}}@media (width<=360px){.app-shell .student-name-toggle .student-info strong,.app-shell .student-name-toggle .student-balance strong{font-size:12px}.app-shell .list-heading-right .collapse-mark{font-size:9px}}.app-shell.family-view .family-statement-list .history-item{border-bottom:1px solid #e9eff7!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:12px 2px!important;display:grid!important}.app-shell.family-view .family-statement-list .history-item:last-child{border-bottom:0!important}.app-shell.family-view .family-statement-list .history-item>div:first-child{flex-direction:column!important;gap:4px!important;min-width:0!important;display:flex!important}.app-shell.family-view .family-statement-list .history-item>div:first-child strong{color:#233e60!important;overflow-wrap:anywhere!important;font-size:12px!important;font-weight:850!important;line-height:1.4!important}.app-shell.family-view .family-statement-list .history-item>div:first-child span{color:#7b8ba0!important;font-size:10px!important;line-height:1.45!important}.app-shell.family-view .family-statement-list .history-item .history-item-end{text-align:right!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important;min-width:84px!important;display:flex!important}.app-shell.family-view .family-statement-list .history-item .history-item-end strong{font-variant-numeric:tabular-nums!important;white-space:nowrap!important;font-size:14px!important;font-weight:900!important}.app-shell.family-view .family-statement-list .history-item .history-item-end span{color:#8492a6!important;white-space:nowrap!important;font-size:9px!important}@media (width<=520px){.app-shell.family-view .family-statement-list .history-item{gap:8px!important;padding:11px 1px!important}.app-shell.family-view .family-statement-list .history-item .history-item-end{min-width:75px!important}.app-shell.family-view .family-statement-list .history-item .history-item-end strong{font-size:13px!important}}.app-shell .login-card{width:min(100%,430px);background:linear-gradient(155deg,#fff 0%,#fbfdff 72%,#f2f7ff 100%)!important;border:1px solid #e0e9f4!important;border-radius:24px!important;margin:clamp(18px,4vh,42px) auto!important;padding:clamp(20px,4vw,30px)!important;box-shadow:0 18px 48px #19395e1a!important}.app-shell .login-card input,.app-shell .login-card select{min-height:46px;background:#fff!important;border-color:#d8e3ef!important;border-radius:12px!important}.app-shell .login-card input:focus,.app-shell .login-card select:focus{border-color:#75a9dc!important;outline:3px solid #377ec924!important}.app-shell .pin-recovery-fields{background:#f7faff;border:1px solid #e5edf6;border-radius:15px;gap:10px;padding:13px}.app-shell .device-workspace{gap:16px}.app-shell .device-workspace .form-card{background:#fff;border:1px solid #e0e8f2;border-radius:19px;box-shadow:0 7px 22px #19375a0e}.app-shell .device-workspace .master-security-card{background:linear-gradient(145deg,#f4f9ff 0%,#fff 62%);border-color:#d7e5f4}.app-shell .device-workspace h2,.app-shell .device-workspace h3{color:#1d3b60;letter-spacing:-.02em}.app-shell .device-workspace .master-security-actions{flex-wrap:wrap;gap:9px;display:flex}.app-shell .device-workspace .master-security-actions .button{border-radius:11px;min-height:40px;font-weight:750}.app-shell .device-workspace input,.app-shell .device-workspace select,.app-shell .device-workspace textarea{background:#fcfdff;border-color:#dce6f1;border-radius:11px}.app-shell .device-workspace input:focus,.app-shell .device-workspace select:focus,.app-shell .device-workspace textarea:focus{border-color:#75a9dc;outline:3px solid #377ec921}@media (width<=520px){.app-shell .login-card{border-radius:19px!important;margin:14px auto!important;padding:19px!important}.app-shell .device-workspace{gap:12px}.app-shell .device-workspace .form-card{border-radius:16px!important;padding:15px!important}.app-shell .device-workspace .master-security-actions .button{flex:100%;justify-content:center}}.app-shell .quick-nav{background:#f4f8fd;border:1px solid #e1e9f3;border-radius:15px;flex-wrap:wrap;gap:8px;padding:7px;display:flex}.app-shell .quick-nav button{color:#526982;border:1px solid #0000;border-radius:10px;min-height:39px;padding:9px 14px;font-size:12px;font-weight:800;transition:background .16s,border-color .16s,color .16s}.app-shell .quick-nav button.active{color:#1e5b96;background:#fff;border-color:#d2e3f6;box-shadow:0 2px 7px #1b3e6512}.app-shell .workspace .section-heading{align-items:center;gap:14px;margin-bottom:17px}.app-shell .workspace .section-heading h2{color:#1d3b60;letter-spacing:-.025em;line-height:1.2}.app-shell .workspace .section-heading .eyebrow{color:#74869c;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:850}.app-shell .workspace>.form-card,.app-shell .workspace form.form-card{background:linear-gradient(160deg,#fff,#fbfdff);border:1px solid #e0e8f2;border-radius:18px;box-shadow:0 8px 24px #1835590e}.app-shell .workspace .form-title{border-bottom:1px solid #eaf0f7;margin-bottom:14px;padding-bottom:12px}.app-shell .workspace .form-title h3{color:#203f64;font-weight:850}.app-shell .workspace form.form-card label{color:#536981;gap:7px;font-size:12px;font-weight:750}.app-shell .workspace form.form-card input:not([type=checkbox]):not([type=radio]),.app-shell .workspace form.form-card select,.app-shell .workspace form.form-card textarea{color:#203b5b;background:#fff;border:1px solid #dbe5f0;border-radius:10px;min-height:42px}.app-shell .workspace .reward-group-picker{background:#f7faff;border:1px solid #e0e9f4;border-radius:15px;padding:14px}.app-shell .workspace .reward-group-picker legend{color:#24496f;padding:0 6px;font-size:12px;font-weight:850}.app-shell .workspace .reward-group-mode{background:#fff;border:1px solid #e2eaf4;border-radius:12px;align-items:flex-start;gap:10px;padding:11px;display:flex}.app-shell .workspace .reward-group-mode strong{color:#284866;font-size:12px}.app-shell .workspace .reward-group-mode small{color:#77889c;margin-top:3px;font-size:10px;line-height:1.4;display:block}.app-shell .workspace .reward-group-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.app-shell .workspace .reward-group-options label{overflow-wrap:anywhere;background:#fff;border:1px solid #e2eaf4;border-radius:10px;min-width:0;padding:9px 10px}.app-shell .group-home-bar{background:linear-gradient(120deg,#f4f9ff,#fff 78%);border:1px solid #dfe8f2;border-radius:16px;gap:12px;padding:13px;box-shadow:0 5px 15px #19375a0a}.app-shell .group-home-bar .group-select>span{color:#74869a;letter-spacing:.06em;font-size:10px;font-weight:850}.app-shell .group-home-bar .group-select select{color:#1d3b60;background:#fff;border:1px solid #d5e2f0;border-radius:11px;min-height:43px;font-weight:750}.app-shell .group-welcome{background:linear-gradient(135deg,#f1f8ff,#fff 72%);border:1px solid #dce8f5;border-radius:20px;box-shadow:0 8px 24px #1835590b}.app-shell.family-view{gap:16px}.app-shell.family-view .family-student-card,.app-shell.family-view .family-activity-card{background:#fff;border:1px solid #e0e8f2;border-radius:20px;box-shadow:0 9px 26px #19375a0f}.app-shell.family-view .family-student-card{background:linear-gradient(145deg,#f3f9ff 0%,#fff 72%)}.app-shell.family-view .family-student-heading{gap:14px}.app-shell.family-view .family-student-name h2{color:#1d3b60;letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:900}.app-shell.family-view .family-balance-row{background:linear-gradient(120deg,#eaf5ff,#fff);border:1px solid #d9e8f7;border-radius:15px;padding:13px 15px}.app-shell.family-view .family-balance-row span{color:#607a96;font-size:11px;font-weight:750}.app-shell.family-view .family-balance-row strong{color:#145da8;font-variant-numeric:tabular-nums;font-size:clamp(19px,4vw,25px);font-weight:950}.app-shell.family-view .family-activity-card{gap:15px}.app-shell.family-view .family-category-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.app-shell.family-view .family-category-count{background:#f9fbfe;border:1px solid #e4ebf4;border-radius:12px;justify-content:space-between;align-items:center;gap:9px;min-width:0;padding:11px 12px;display:flex}.app-shell.family-view .family-category-count span{color:#586f89;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.app-shell.family-view .family-category-count strong{color:#245f98;background:#eaf3fc;border-radius:9px;flex:none;place-items:center;min-width:27px;min-height:27px;font-size:12px;font-weight:900;display:grid}.app-shell.family-view .family-statement-button{border-radius:12px;min-height:43px;font-weight:800}@media (width<=520px){.app-shell .quick-nav{gap:6px;padding:6px}.app-shell .quick-nav button{flex:100%;justify-content:center}.app-shell .workspace .section-heading{flex-wrap:wrap;align-items:flex-start}.app-shell .workspace .reward-group-options{grid-template-columns:minmax(0,1fr)}.app-shell .group-home-bar{border-radius:13px;padding:10px}.app-shell.family-view .family-student-card,.app-shell.family-view .family-activity-card{border-radius:17px!important;padding:15px!important}.app-shell.family-view .family-category-counts{gap:7px}.app-shell.family-view .family-category-count{align-items:flex-start;padding:9px}.app-shell.family-view .family-category-count span{font-size:10px}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-rows:auto!important;grid-template-columns:36px minmax(0,1fr) 82px 88px!important;align-items:center!important;gap:7px!important;padding:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{grid-area:1/1!important;width:34px!important;height:34px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{grid-area:1/2!important;min-width:0!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:12px!important;line-height:1.25!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info span{font-size:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{text-align:center!important;background:#e8f8ef!important;border:1px solid #d8eadf!important;border-radius:12px!important;grid-area:1/3!important;place-self:center stretch!important;width:auto!important;min-width:0!important;padding:7px 4px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{justify-content:center!important;font-size:12px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance>span{font-size:9px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{white-space:normal!important;border-radius:11px!important;grid-area:1/4!important;place-self:center stretch!important;width:100%!important;min-width:0!important;min-height:36px!important;padding:6px 5px!important;font-size:11px!important;line-height:1.1!important}}@media (width<=380px){.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:28px minmax(0,1fr) 64px 70px!important;gap:4px!important;padding:7px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:27px!important;height:27px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:11px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{min-height:32px!important;font-size:10px!important}}.history-modal{scrollbar-width:thin;scrollbar-color:#c7d7e8 transparent;border:1px solid #dfe8f3!important;border-radius:22px!important;box-shadow:0 24px 70px #1228483d!important}.history-modal>.form-title{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px 18px 0 0;position:sticky;top:-1px;background:#fffffff7!important;border-bottom:1px solid #e8eef6!important;margin:-1px -1px 12px!important;padding:15px 16px!important}.history-modal .form-title h2{letter-spacing:-.025em;color:#1e3d62!important}.history-modal .form-title p{line-height:1.45;color:#7b8da2!important}.history-modal .history-list{gap:0}.history-modal .history-item{border-bottom:1px solid #eaf0f6!important;padding:13px 2px!important}.history-modal .history-item:last-child{border-bottom:0!important}.history-modal .history-item>div:first-child{gap:5px!important}.history-modal .history-item>div:first-child strong{color:#263f60;overflow-wrap:anywhere;font-size:13px;font-weight:800;line-height:1.4}.history-modal .history-item>div:first-child span{color:#8291a4;font-size:10px;line-height:1.45}.history-modal .history-item .history-item-end{gap:7px!important}.history-modal .history-item .history-item-end>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:900}.history-modal .history-item .history-item-end .button{color:#375879;background:#f4f8fd;border:1px solid #dce7f3;border-radius:9px;min-height:31px;font-weight:800}.history-modal .small-note{color:#73869b;background:#f8fbff;border:1px dashed #dbe5f0;border-radius:13px;padding:18px;line-height:1.5}@media (width<=520px){.history-modal{border-radius:18px!important;max-height:calc(100dvh - 28px)!important;padding:12px!important}.history-modal>.form-title{border-radius:15px 15px 0 0;margin:-1px -1px 10px!important;padding:12px 11px!important}.history-modal .form-title h2{font-size:17px!important}.history-modal .history-item{align-items:flex-start!important;gap:8px!important;padding:12px 1px!important}.history-modal .history-item>div:first-child strong{font-size:12px!important}.history-modal .history-item .history-item-end{flex-direction:column!important;align-items:flex-end!important;gap:5px!important}.history-modal .history-item .history-item-end>strong{font-size:13px!important}.history-modal .history-item .history-item-end .button{min-height:29px;padding:6px 8px!important}}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{background:#fff!important;border:1px solid #e4eaf3!important;border-radius:17px!important;grid-template-rows:auto auto!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;gap:7px 10px!important;min-width:0!important;padding:14px 12px 12px!important;display:grid!important;position:relative!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{border-radius:50%!important;grid-area:1/1!important;place-items:center!important;width:38px!important;height:38px!important;font-size:16px!important;font-weight:950!important;display:grid!important;box-shadow:0 3px 9px #1c2f4f14!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position.top-three:before{margin-bottom:1px!important;font-size:17px!important;line-height:1!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position.top-three{border-radius:14px!important;grid-template-rows:auto auto!important;height:44px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position.top-three:before{content:"👑"}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position.top-three{color:#8a5a0b!important;background:linear-gradient(145deg,#fff0b3,#ffe18a)!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{color:#1e3150!important;overflow-wrap:anywhere!important;grid-area:1/2!important;align-self:center!important;padding-top:3px!important;font-size:13px!important;font-weight:850!important;line-height:1.3!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{color:#142e52!important;grid-area:2/2!important;justify-self:start!important;margin-top:0!important;font-size:17px!important;font-weight:950!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{color:#77859a!important;font-size:10px!important;font-weight:650!important;display:inline!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child{background:linear-gradient(145deg,#fff8e2,#fff 85%)!important;border-color:#ead49c!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child .ranking-position.top-three{color:#82510b!important;background:linear-gradient(145deg,#ffe99b,#f4c84c)!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2){background:linear-gradient(145deg,#f0f5ff,#fff 85%)!important;border-color:#d7e0f2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2) .ranking-position.top-three{color:#4d607a!important;background:linear-gradient(145deg,#e6edf8,#c8d6eb)!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3){background:linear-gradient(145deg,#fff0e7,#fff 85%)!important;border-color:#eed1c1!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3) .ranking-position.top-three{color:#804b2b!important;background:linear-gradient(145deg,#f5d3b9,#e9b38d)!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{grid-template-rows:auto auto auto!important;grid-template-columns:1fr!important;align-content:start!important;justify-items:start!important;gap:7px!important;min-height:130px!important;padding:10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{grid-area:1/1!important;width:34px!important;height:34px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position.top-three{width:35px!important;height:42px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{grid-area:2/1!important;align-self:start!important;padding:0!important;font-size:11px!important;line-height:1.3!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{white-space:normal!important;grid-area:3/1!important;align-self:end!important;margin-top:auto!important;font-size:14px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{font-size:9px!important}}.app-shell .student-list .student-row:not(.reward-catalog-inline){gap:10px}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-info{min-width:0}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-info strong{color:#203a5c;overflow-wrap:anywhere;font-weight:850;line-height:1.35}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-balance{text-align:center;background:#effaf4;border:1px solid #dcefe5;border-radius:12px;flex:none;min-width:70px;padding:7px 9px}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-balance strong{color:#24734f;font-variant-numeric:tabular-nums;justify-content:center;font-size:13px;font-weight:900;display:flex}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-balance>span{color:#7a9488;font-size:9px}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-actions{gap:6px}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-actions .button{border-radius:10px;min-height:34px;font-weight:750}@media (width<=520px){.app-shell .student-list .student-row:not(.reward-catalog-inline){background:#fff!important;border:1px solid #e1eaf4!important;border-radius:16px!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:8px 9px!important;padding:12px!important;display:grid!important}.app-shell .student-list .student-row:not(.reward-catalog-inline)>.avatar{grid-area:1/1!important;width:40px!important;height:40px!important}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-info{grid-area:1/2!important}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-info strong{font-size:12px!important}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-balance{grid-area:1/3!important;min-width:60px!important;padding:6px!important}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-actions{flex-wrap:nowrap!important;grid-area:2/1/auto/-1!important;gap:5px!important;width:100%!important;padding:0!important;display:flex!important}.app-shell .student-list .student-row:not(.reward-catalog-inline) .student-actions .button{flex:1 1 0!important;min-width:0!important;padding:7px 5px!important;font-size:10px!important}}.reward-modal .reward-student-header{background:linear-gradient(125deg,#f5faff,#fff 68%)!important;border:1px solid #e1eaf5!important;border-radius:18px!important;gap:12px!important;padding:14px!important}.reward-modal .reward-student-identity h2{color:#172e54!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;font-weight:950!important;line-height:1.12!important}.reward-modal .reward-student-grade{color:#728198!important;font-weight:700!important}.reward-modal .reward-balance-strip{border:1px solid #ffffff38!important;border-radius:17px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 22px #156ad729!important}.reward-modal .reward-balance-main .currency-amount{letter-spacing:-.045em!important}.reward-modal .reward-category-grid .button{justify-content:center!important;transition:box-shadow .15s,border-color .15s,transform .15s!important;position:relative!important;overflow:hidden!important;box-shadow:0 3px 8px #19325209!important}.reward-modal .reward-category-grid .button>svg{opacity:.55!important;width:14px!important;height:14px!important;position:absolute!important;bottom:5px!important;right:5px!important}.reward-modal .reward-category-grid .button.is-selected{border-width:2px!important;transform:translateY(-1px)!important;box-shadow:0 0 0 2px #276bdb1f,0 6px 14px #1d447a1a!important}.reward-modal .reward-manual-actions .button{border-radius:13px!important;min-height:43px!important;font-weight:800!important;line-height:1.25!important}.reward-modal .reward-history-wide{color:#2b4f7c!important;background:#eaf2ff!important;border:1px solid #d7e3f4!important;border-radius:13px!important;min-height:42px!important;font-weight:850!important}@media (width<=520px){.reward-modal .reward-student-header{border-radius:15px!important;gap:8px!important;padding:10px!important}.reward-modal .reward-student-avatar{width:54px!important;height:54px!important}.reward-modal .reward-student-identity h2{font-size:18px!important}.reward-modal .reward-header-brand img{max-width:88px!important;max-height:72px!important}.reward-modal .reward-balance-strip{border-radius:14px!important;padding:11px!important}.reward-modal .reward-balance-main .currency-amount{font-size:clamp(23px,7vw,31px)!important}.reward-modal .reward-category-grid .button{min-width:0!important}.reward-modal .reward-category-grid .button span{overflow-wrap:anywhere!important}.reward-modal .reward-manual-actions .button{min-height:40px!important;padding:8px!important;font-size:11px!important}.reward-modal .reward-history-wide{min-height:39px!important}}.family-view .family-student-card,.family-view .family-activity-card{border:1px solid #e0e9f4!important;border-radius:22px!important;box-shadow:0 10px 28px #1c35560e!important}.family-view .family-student-heading{align-items:center!important;gap:16px!important}.family-view .family-child-avatar{flex:none;box-shadow:0 0 0 4px #f1e7fb,0 5px 13px #2b37581a!important}.family-view .family-student-name h2{color:#1b3156!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;font-weight:950!important;line-height:1.15!important}.family-view .family-balance-row{background:linear-gradient(140deg,#edf7ff,#e0efff)!important;border:1px solid #cfe6fb!important;border-radius:17px!important;padding:13px 15px!important}.family-view .family-balance-row>span{color:#56718f!important;font-size:11px!important;font-weight:800!important}.family-view .family-balance-row strong{color:#1767c2!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.035em!important;font-weight:950!important}.family-view .family-activity-card .form-title h2,.family-view .family-activity-card .form-title h3{color:#1b3156!important;font-weight:900!important}.family-view .family-category-counts{gap:9px!important}.family-view .family-category-count{background:linear-gradient(135deg,#fbfdff,#f5f8fd)!important;border:1px solid #e2eaf4!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;display:flex!important}.family-view .family-category-count>span{color:#536882!important;font-weight:700!important;line-height:1.35!important}.family-view .family-category-count>strong{color:#275ca2!important;font-variant-numeric:tabular-nums!important;background:#e5efff!important;border-radius:11px!important;flex:0 0 34px!important;place-items:center!important;min-width:34px!important;height:34px!important;font-size:15px!important;font-weight:950!important;display:grid!important}.family-view .family-statement-button{color:#2a4f7d!important;background:linear-gradient(110deg,#eaf3ff,#f4f8ff)!important;border:1px solid #d3e3f7!important;border-radius:14px!important;min-height:48px!important;margin-top:14px!important;font-weight:850!important}.family-view .family-statement-list{background:#fff!important;border:1px solid #e1eaf4!important;border-radius:16px!important;margin-top:12px!important;padding:8px 14px!important}.family-view .family-statement-list .history-item{border-bottom:1px solid #edf1f6!important;gap:12px!important;padding:13px 0!important}.family-view .family-statement-list .history-item:last-child{border-bottom:0!important}@media (width<=520px){.family-view .family-student-card,.family-view .family-activity-card{border-radius:18px!important;padding:14px!important}.family-view .family-student-heading{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;display:grid!important}.family-view .family-child-avatar{grid-area:1/1!important;width:52px!important;height:52px!important}.family-view .family-student-name{grid-area:1/2!important;min-width:0!important}.family-view .family-student-name h2{font-size:19px!important}.family-view .family-balance-row{grid-area:2/1/auto/-1!important;padding:12px!important}.family-view .family-balance-row strong{font-size:25px!important}.family-view .family-category-counts{gap:7px!important}.family-view .family-category-count{border-radius:12px!important;padding:10px!important}.family-view .family-category-count>span{font-size:12px!important}.family-view .family-category-count>strong{flex-basis:30px!important;min-width:30px!important;height:30px!important}.family-view .family-statement-button{min-height:44px!important}.family-view .family-statement-list{padding:5px 10px!important}}.app-shell:has(.dashboard-hero) .ranking-panel{background:linear-gradient(145deg,#fffdf7 0%,#fff9ed 100%)!important;border:1px solid #f0dfb9!important;border-radius:22px!important;margin-top:16px!important;padding:14px!important;box-shadow:0 5px 18px #7753150b!important}.app-shell:has(.dashboard-hero) .ranking-heading{align-items:center!important;margin-bottom:11px!important}.app-shell:has(.dashboard-hero) .ranking-heading h3{color:#142957!important;letter-spacing:-.025em!important;font-size:18px!important}.app-shell:has(.dashboard-hero) .ranking-heading p:not(.eyebrow){color:#71809a!important;margin-top:3px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .ranking-heading .count-pill{color:#896a24!important;background:#fff!important;border:1px solid #f0dfb9!important}.app-shell:has(.dashboard-hero) .ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-item{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;border:1px solid #e3e8f3!important;border-radius:15px!important;grid-template-rows:auto auto!important;grid-template-columns:30px minmax(0,1fr)!important;align-content:start!important;gap:7px!important;min-width:0!important;padding:10px!important;display:grid!important;box-shadow:0 3px 9px #1a335b09!important}.app-shell:has(.dashboard-hero) .ranking-item:first-child{background:linear-gradient(145deg,#fff9e5,#fff1c8)!important;border-color:#f0d58b!important}.app-shell:has(.dashboard-hero) .ranking-item:nth-child(2){background:linear-gradient(145deg,#f8faff,#eaf1ff)!important;border-color:#d0dbf3!important}.app-shell:has(.dashboard-hero) .ranking-item:nth-child(3){background:linear-gradient(145deg,#fff7f1,#ffebe1)!important;border-color:#efcbb8!important}.app-shell:has(.dashboard-hero) .ranking-position{color:#4b6083!important;background:#e8edf7!important;border-radius:10px!important;grid-area:1/1!important;width:29px!important;height:29px!important;font-size:15px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px #ffffffbf!important}.app-shell:has(.dashboard-hero) .ranking-item:first-child .ranking-position{color:#805400!important;background:linear-gradient(145deg,#ffe58b,#f5b927)!important}.app-shell:has(.dashboard-hero) .ranking-item:nth-child(2) .ranking-position{color:#425783!important;background:linear-gradient(145deg,#e6edff,#aebfe9)!important}.app-shell:has(.dashboard-hero) .ranking-item:nth-child(3) .ranking-position{color:#8b422b!important;background:linear-gradient(145deg,#ffd3b8,#d98461)!important}.app-shell:has(.dashboard-hero) .ranking-student-name{color:#1a2e53!important;overflow-wrap:anywhere!important;grid-area:2/1/auto/-1!important;align-self:start!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .ranking-balance{color:#145d49!important;letter-spacing:-.025em!important;grid-area:3/1/auto/-1!important;font-size:14px!important;font-weight:950!important}.app-shell:has(.dashboard-hero) .ranking-balance small{color:#5e7a72!important;font-size:9px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card{border-radius:18px!important;box-shadow:0 4px 12px #21406e09!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card{background:linear-gradient(135deg,#fff4fa,#fce5f1)!important;border-color:#f3cde1!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card{background:linear-gradient(135deg,#f0f8ff,#e3f1ff)!important;border-color:#c9e1fa!important}.app-shell:has(.dashboard-hero) .stats .girls-stat-card>strong{color:#b42d78!important}.app-shell:has(.dashboard-hero) .stats .boys-stat-card>strong{color:#205ca9!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel{border-radius:18px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .ranking-heading{gap:6px!important}.app-shell:has(.dashboard-hero) .ranking-heading h3{font-size:15px!important}.app-shell:has(.dashboard-hero) .ranking-heading p:not(.eyebrow){display:none!important}.app-shell:has(.dashboard-hero) .ranking-heading .count-pill{padding:5px 7px!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .ranking-list{gap:5px!important}.app-shell:has(.dashboard-hero) .ranking-item{border-radius:12px!important;grid-template-columns:25px minmax(0,1fr)!important;gap:5px!important;padding:7px!important}.app-shell:has(.dashboard-hero) .ranking-position{border-radius:8px!important;width:24px!important;height:24px!important;font-size:12px!important}.app-shell:has(.dashboard-hero) .ranking-student-name{font-size:10px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-balance{font-size:11px!important}.app-shell:has(.dashboard-hero) .ranking-balance small{font-size:8px!important}}@media (width<=360px){.app-shell:has(.dashboard-hero) .ranking-item{padding:6px!important}.app-shell:has(.dashboard-hero) .ranking-student-name{font-size:9px!important}.app-shell:has(.dashboard-hero) .ranking-balance{font-size:10px!important}}.app-shell:has(.dashboard-hero) .group-home-bar{background:linear-gradient(130deg,#fff 0%,#f5f9ff 100%)!important;border:1px solid #dce7f7!important;border-radius:20px!important;align-items:stretch!important;gap:10px!important;margin:0 0 15px!important;padding:12px!important;display:flex!important;box-shadow:0 5px 16px #1d3b670b!important}.app-shell:has(.dashboard-hero) .group-select{gap:6px!important;min-width:0!important}.app-shell:has(.dashboard-hero) .group-select>span{color:#71819b!important;letter-spacing:.035em!important;font-size:11px!important;font-weight:800!important}:is(.app-shell:has(.dashboard-hero) .group-select select,.app-shell:has(.dashboard-hero) .device-workspace select){color:#18345f!important;background-color:#fff!important;border:1px solid #d6e2f4!important;border-radius:13px!important;min-height:44px!important;font-weight:750!important}.app-shell:has(.dashboard-hero) .settings-button{color:#244e91!important;width:44px!important;height:44px!important;box-shadow:none!important;background:#f0f5ff!important;border:1px solid #d5e1f5!important;border-radius:15px!important;flex:0 0 44px!important;align-self:center!important}.app-shell:has(.dashboard-hero) .quick-nav{background:#f6f9fe!important;border:1px solid #e0e8f5!important;border-radius:17px!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 15px!important;padding:7px!important;display:flex!important}.app-shell:has(.dashboard-hero) .quick-nav button{color:#536984!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;flex:115px!important;min-height:40px!important;padding:9px 12px!important;font-size:12px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) .quick-nav button.active{color:#1b5eb7!important;background:#fff!important;border-color:#d9e5f8!important;box-shadow:0 3px 9px #204a8412!important}.app-shell:has(.dashboard-hero) .workspace{background:linear-gradient(145deg,#fff 0%,#fcfdff 100%)!important;border:1px solid #e0e8f4!important;border-radius:22px!important;box-shadow:0 7px 22px #1f39600b!important}.app-shell:has(.dashboard-hero) .workspace>.section-heading{align-items:center!important;gap:12px!important}.app-shell:has(.dashboard-hero) .workspace .section-heading h2{color:#172d56!important;letter-spacing:-.03em!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .form-card{background:linear-gradient(145deg,#fff 0%,#f9fbff 100%)!important;border:1px solid #e0e8f4!important;border-radius:18px!important;box-shadow:0 4px 15px #1d37600a!important}.app-shell:has(.dashboard-hero) .master-security-card{background:linear-gradient(145deg,#fff 0%,#f9fbff 100%)!important;border:1px solid #e0e8f4!important;border-radius:18px!important;box-shadow:0 4px 15px #1d37600a!important}.app-shell:has(.dashboard-hero) .device-workspace .device-card{background:linear-gradient(145deg,#fff 0%,#f9fbff 100%)!important;border:1px solid #e0e8f4!important;border-radius:18px!important;box-shadow:0 4px 15px #1d37600a!important}:is(.app-shell:has(.dashboard-hero) .form-title h2,.app-shell:has(.dashboard-hero) .form-title h3){color:#1b3156!important;letter-spacing:-.02em!important;font-weight:900!important}:is(.app-shell:has(.dashboard-hero) .form-card label,.app-shell:has(.dashboard-hero) .workspace label){color:#526781!important;font-weight:750!important}.app-shell:has(.dashboard-hero) .form-card input:not([type=checkbox]):not([type=radio]){color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}.app-shell:has(.dashboard-hero) .form-card select{color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}.app-shell:has(.dashboard-hero) .form-card textarea{color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}.app-shell:has(.dashboard-hero) .workspace input:not([type=checkbox]):not([type=radio]){color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}.app-shell:has(.dashboard-hero) .workspace select{color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}.app-shell:has(.dashboard-hero) .workspace textarea{color:#1b3156!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbe5f3!important;border-radius:12px!important}:is(.app-shell:has(.dashboard-hero) .form-card input:focus,.app-shell:has(.dashboard-hero) .form-card select:focus,.app-shell:has(.dashboard-hero) .form-card textarea:focus,.app-shell:has(.dashboard-hero) .workspace input:focus,.app-shell:has(.dashboard-hero) .workspace select:focus,.app-shell:has(.dashboard-hero) .workspace textarea:focus){border-color:#7da9ed!important;outline:3px solid #3175db24!important}.app-shell:has(.dashboard-hero) .device-workspace .device-card{margin-bottom:10px!important;padding:14px!important}.app-shell:has(.dashboard-hero) .device-workspace .device-card strong{color:#1b3156!important;font-weight:850!important}.app-shell:has(.dashboard-hero) .back-home-button{color:#28538e!important;background:#f2f7ff!important;border:1px solid #d8e5f8!important;border-radius:12px!important;font-weight:850!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .group-home-bar{border-radius:16px!important;padding:9px!important}.app-shell:has(.dashboard-hero) .quick-nav{gap:5px!important;padding:5px!important}.app-shell:has(.dashboard-hero) .quick-nav button{flex-basis:calc(50% - 5px)!important;min-height:38px!important;padding:8px 6px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .workspace{border-radius:18px!important}:is(.app-shell:has(.dashboard-hero) .form-card,.app-shell:has(.dashboard-hero) .master-security-card){border-radius:15px!important}.app-shell:has(.dashboard-hero) #students.workspace .toolbar-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:9px!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .toolbar-actions .button{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:10px 9px!important;font-size:12px!important;line-height:1.25!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .toolbar-actions .button svg{flex:0 0 17px!important;width:17px!important;height:17px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{border-radius:18px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:0 9px!important;padding:10px!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-avatar-illustration{object-fit:cover!important;border-radius:50%!important;grid-area:1/1!important;align-self:center!important;width:44px!important;min-width:44px!important;height:44px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 7px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:5px 0!important;display:grid!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-info{grid-area:1/1!important;width:100%!important;min-width:0!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-info strong{white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important;max-width:100%!important;font-size:14px!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-balance{white-space:nowrap!important;color:#17684f!important;background:#eaf8f0!important;border:1px solid #d1eddf!important;border-radius:10px!important;grid-area:2/1!important;justify-self:start!important;align-items:baseline!important;gap:3px!important;min-width:0!important;max-width:100%!important;margin-top:2px!important;padding:3px 7px!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-balance strong{font-variant-numeric:tabular-nums!important;font-size:13px!important;font-weight:900!important;line-height:1.15!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-balance>span{font-size:9px!important;font-weight:800!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-expand-mark{color:#7546b8!important;background:#f2ecff!important;border:1px solid #e1d8fa!important;border-radius:50%!important;grid-area:1/2/span 2!important;place-self:center end!important;place-items:center!important;width:29px!important;min-width:29px!important;height:29px!important;font-size:20px!important;line-height:1!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible .row-index{display:none!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded{border-top:1px solid #e9eef7!important;grid-area:2/1/auto/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;margin-top:10px!important;padding-top:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .button{white-space:normal!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;min-height:58px!important;padding:7px 3px!important;font-size:10px!important;line-height:1.15!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .button span{overflow-wrap:anywhere!important;text-align:center!important;max-width:100%!important;display:block!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .action-reward{color:#8a6508!important;background:#fff8df!important;border-color:#f3dfa0!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .action-edit{color:#216bb0!important;background:#eaf6ff!important;border-color:#c9e5fb!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .action-disable{color:#b52f60!important;background:#fff0f4!important;border-color:#f5cfdd!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .action-link{color:#7844b6!important;background:#f4edff!important;border-color:#dfd0fb!important}}@media (width<=370px){.app-shell:has(.dashboard-hero) #students.workspace .toolbar-actions .button{gap:5px!important;padding:9px 5px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible{grid-template-columns:40px minmax(0,1fr)!important;column-gap:7px!important;padding:8px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-avatar-illustration{width:38px!important;min-width:38px!important;height:38px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-row-collapsible>.student-name-toggle .student-info strong{font-size:12px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded{gap:4px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-actions-expanded .button{padding:6px 2px!important;font-size:9px!important}}.family-view .family-student-card,.family-view .family-activity-card{background:linear-gradient(150deg,#fff 0%,#fbfdff 100%)!important}.family-view .family-student-name{color:#172e54!important;letter-spacing:-.025em!important;font-weight:900!important}.family-view .family-balance-row{background:linear-gradient(120deg,#eff6ff,#fff)!important;border:1px solid #d9e7fa!important;border-radius:17px!important}.family-view .family-category-count{border-radius:15px!important;box-shadow:0 3px 10px #23416e09!important}.family-view .family-statement-button{color:#1d559d!important;background:linear-gradient(120deg,#edf4ff,#e4eeff)!important;border:1px solid #cfdff7!important;border-radius:14px!important;font-weight:850!important}.family-view .family-statement-list .history-item{border-bottom:1px solid #e9eef6!important}.reward-modal .reward-student-header{background:linear-gradient(125deg,#f4f9ff 0%,#fff 70%)!important;border-color:#dce8f7!important}.reward-modal .reward-student-identity h2{color:#172e54!important;letter-spacing:-.03em!important}.reward-modal .reward-balance-strip{border:1px solid #fff6!important;box-shadow:0 9px 22px #1252b92b!important}.reward-modal .reward-category-grid .button{border-radius:17px!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 4px 12px #1f39600b!important}.reward-modal .reward-category-grid .button.is-selected{box-shadow:0 0 0 2px #276bdb29,0 7px 17px #1d447a1f!important}.reward-modal .reward-list-panel{background:#fff!important;border:1px solid #e0e8f4!important;border-radius:19px!important;overflow:hidden!important}.reward-modal .reward-catalog-inline{background:linear-gradient(120deg,#fff,#fbfdff)!important;border:1px solid #e2eaf5!important;border-radius:15px!important}.reward-modal .reward-catalog-inline .student-name,.reward-modal .reward-catalog-inline .student-info strong{color:#172e54!important;font-weight:850!important}.reward-modal .reward-catalog-inline .student-balance{color:#17674f!important;background:#e8f8ef!important;border:1px solid #ccebd9!important;border-radius:11px!important}.reward-modal .reward-manual-actions .button,.reward-modal .reward-history-wide{border-radius:14px!important;font-weight:850!important}@media (width<=520px){.family-view{gap:12px!important}.family-view .family-student-card,.family-view .family-activity-card{border-radius:18px!important;padding:15px!important}.family-view .family-student-heading{gap:11px!important}.family-view .family-child-avatar{width:68px!important;height:68px!important}.family-view .family-student-name{font-size:19px!important;line-height:1.15!important}.family-view .family-balance-row{border-radius:14px!important;padding:12px!important}.family-view .family-category-counts{gap:8px!important}.family-view .family-category-count{padding:10px 8px!important}.family-view .family-statement-button{width:100%!important;min-height:46px!important}.reward-modal .reward-student-header{border-radius:15px!important;gap:9px!important;padding:11px!important}.reward-modal .reward-student-avatar{width:66px!important;height:66px!important}.reward-modal .reward-student-identity h2{font-size:19px!important;line-height:1.15!important}.reward-modal .reward-header-brand{max-width:108px!important}.reward-modal .reward-balance-strip{border-radius:18px!important}.reward-modal .reward-category-grid{gap:8px!important}.reward-modal .reward-category-grid .button{border-radius:15px!important;min-height:112px!important;padding:9px 6px!important}.reward-modal .reward-list-panel{border-radius:15px!important}.reward-modal .reward-catalog-inline{border-radius:13px!important}}@media (width<=370px){.family-view .family-student-heading{align-items:flex-start!important}.family-view .family-child-avatar{width:58px!important;height:58px!important}.family-view .family-student-name{font-size:17px!important}.reward-modal .reward-student-avatar{width:56px!important;height:56px!important}.reward-modal .reward-student-identity h2{font-size:17px!important}.reward-modal .reward-header-brand{max-width:88px!important}.reward-modal .reward-category-grid .button{min-height:100px!important}}.app-shell:has(.dashboard-hero) .history-modal{background:linear-gradient(155deg,#fff 0%,#fbfdff 100%)!important;border:1px solid #dfe8f5!important;border-radius:22px!important;box-shadow:0 18px 50px #12284d33!important}:is(.app-shell:has(.dashboard-hero) .history-modal h2,.app-shell:has(.dashboard-hero) .history-modal h3){color:#172e54!important;letter-spacing:-.025em!important;font-weight:900!important}.app-shell:has(.dashboard-hero) .history-modal .history-list{gap:8px!important}.app-shell:has(.dashboard-hero) .history-modal .history-item{background:#fff!important;border:1px solid #e3eaf5!important;border-radius:14px!important;padding:12px!important}.app-shell:has(.dashboard-hero) .history-modal .history-item strong{color:#1a3158!important}.app-shell:has(.dashboard-hero) .history-modal .history-item-end>strong{font-variant-numeric:tabular-nums!important}.app-shell:has(.dashboard-hero) .history-modal .history-item-end>strong:not(.negative){color:#17684f!important}.app-shell:has(.dashboard-hero) .history-modal .history-item-end .button{border-radius:10px!important;font-weight:800!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .history-modal{border-radius:18px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:14px!important;overflow-y:auto!important}.app-shell:has(.dashboard-hero) .history-modal .history-item{border-radius:12px!important;gap:8px!important;padding:10px!important}}.app-shell #students.workspace .search-box{background:#fff!important;border:1px solid #dbe5f3!important;border-radius:17px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:0 14px!important;display:flex!important;overflow:hidden!important}.app-shell #students.workspace .search-box input{width:1%!important;min-width:0!important;height:48px!important;box-shadow:none!important;color:#172e54!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;flex:auto!important;margin:0!important;padding:0 4px!important;font-size:15px!important}.app-shell #students.workspace .search-box input:focus{box-shadow:none!important;border:0!important;outline:0!important}.app-shell #students.workspace .student-list{flex-direction:column!important;gap:10px!important;display:flex!important}.app-shell #students.workspace .student-row.student-row-collapsible{box-sizing:border-box!important;background:#fff!important;border:1px solid #e0e8f4!important;border-radius:18px!important;grid-template-rows:auto auto!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:0 11px!important;width:100%!important;min-width:0!important;padding:11px!important;display:grid!important;overflow:hidden!important;box-shadow:0 4px 13px #1d376009!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{object-fit:cover!important;border-radius:50%!important;grid-area:1/1!important;align-self:center!important;width:46px!important;min-width:46px!important;height:46px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle{width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;grid-area:1/2!important;grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 8px!important;margin:0!important;padding:3px 0!important;display:grid!important;overflow:hidden!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info{grid-area:1/1!important;width:100%!important;min-width:0!important;display:block!important;overflow:hidden!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{color:#172e54!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important;display:block!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance{white-space:nowrap!important;color:#17684f!important;background:#eaf8f0!important;border:1px solid #cfeadd!important;border-radius:10px!important;grid-area:2/1!important;justify-self:start!important;align-items:baseline!important;gap:3px!important;width:max-content!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:3px 8px!important;display:inline-flex!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance strong{color:#17684f!important;font-variant-numeric:tabular-nums!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance>span{color:#4b806a!important;font-size:9px!important;font-weight:800!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-expand-mark{color:#7546b8!important;background:#f3edff!important;border:1px solid #e0d5f8!important;border-radius:50%!important;grid-area:1/2/span 2!important;place-self:center end!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;font-size:20px!important;line-height:1!important;display:grid!important}.app-shell #students.workspace .student-row.student-row-collapsible .row-index{display:none!important}.app-shell #students.workspace .student-row.student-row-collapsible .student-actions-expanded{border-top:1px solid #e9eef7!important;grid-area:2/1/auto/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;margin-top:11px!important;padding-top:10px!important;display:grid!important}@media (width<=520px){.app-shell #students.workspace .student-row.student-row-collapsible{grid-template-columns:44px minmax(0,1fr)!important;padding:10px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{width:42px!important;min-width:42px!important;height:42px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:14px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-expand-mark{width:28px!important;min-width:28px!important;height:28px!important}.app-shell #students.workspace .student-row.student-row-collapsible .student-actions-expanded .button{white-space:normal!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:58px!important;padding:7px 3px!important;font-size:10px!important;line-height:1.15!important;display:flex!important}}@media (width<=370px){.app-shell #students.workspace .student-row.student-row-collapsible{grid-template-columns:38px minmax(0,1fr)!important;column-gap:8px!important;padding:8px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{width:36px!important;min-width:36px!important;height:36px!important}.app-shell #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:12px!important}}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{grid-template-rows:auto auto!important;grid-template-columns:30px 44px minmax(0,1fr)!important;align-items:center!important;gap:4px 8px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{grid-area:1/1/span 2!important;align-self:center!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{object-fit:cover!important;background:#eef4ff!important;border:2px solid #fff!important;border-radius:50%!important;grid-area:1/2/span 2!important;width:44px!important;min-width:44px!important;height:44px!important;box-shadow:0 2px 8px #1a315629!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{grid-area:1/3!important;align-self:end!important;min-width:0!important;font-size:12px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{grid-area:2/3!important;align-self:start!important;font-size:13px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child .ranking-student-avatar{border-color:#f5d67c!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2) .ranking-student-avatar{border-color:#c8d5f0!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3) .ranking-student-avatar{border-color:#e6b39d!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{grid-template-columns:24px 34px minmax(0,1fr)!important;gap:4px 5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{width:34px!important;min-width:34px!important;height:34px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{overflow-wrap:anywhere!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{font-size:11px!important}}@media (width<=360px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{grid-template-columns:21px 29px minmax(0,1fr)!important;column-gap:4px!important;padding:5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{width:29px!important;min-width:29px!important;height:29px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{font-size:9px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{font-size:10px!important}}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{background:linear-gradient(110deg,#fff,#fbfdff)!important;border-radius:17px!important;grid-template-rows:auto!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;min-height:72px!important;padding:10px 13px!important;box-shadow:0 3px 10px #1e3a6308!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{grid-area:1/1!important;width:46px!important;min-width:46px!important;height:46px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle{flex-direction:column!important;grid-area:1/2!important;justify-content:center!important;align-items:flex-start!important;gap:3px!important;width:100%!important;min-width:0!important;padding:0!important;display:flex!important;overflow:visible!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info{width:100%!important;min-width:0!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{white-space:normal!important;overflow-wrap:anywhere!important;color:#172e54!important;font-size:14px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance{white-space:nowrap!important;border-radius:9px!important;align-items:baseline!important;gap:3px!important;margin:0!important;padding:2px 7px!important;font-size:12px!important;display:inline-flex!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-expand-mark{display:none!important}@media (width<=520px){.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{grid-template-columns:43px minmax(0,1fr) auto!important;column-gap:9px!important;min-height:65px!important;padding:9px 10px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{width:41px!important;min-width:41px!important;height:41px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:13px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance strong{font-size:12px!important}}@media (width<=370px){.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{grid-template-columns:36px minmax(0,1fr) auto!important;column-gap:7px!important;padding:8px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-avatar-illustration{width:35px!important;min-width:35px!important;height:35px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:12px!important}}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{text-align:center!important;border-radius:17px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:0!important;padding:13px 8px 11px!important;display:flex!important;position:relative!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{z-index:2!important;border-radius:10px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:15px!important;display:grid!important;position:absolute!important;top:8px!important;left:8px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{object-fit:cover!important;border:2px solid #fff!important;border-radius:50%!important;flex:none!important;width:56px!important;min-width:56px!important;height:56px!important;margin:4px 0 0!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;writing-mode:horizontal-tb!important;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;flex:none!important;width:100%!important;min-width:0!important;margin:0!important;font-size:14px!important;font-weight:950!important;line-height:1.15!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{white-space:nowrap!important;font-size:10px!important;display:inline!important}@media (width<=520px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{gap:7px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{border-radius:15px!important;gap:6px!important;padding:11px 6px 10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{width:24px!important;height:24px!important;font-size:13px!important;top:6px!important;left:6px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{width:46px!important;min-width:46px!important;height:46px!important;margin-top:7px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{font-size:11px!important;line-height:1.25!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{font-size:12px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{font-size:9px!important}}@media (width<=360px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{gap:5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{gap:5px!important;padding:9px 4px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-position{width:21px!important;height:21px!important;font-size:11px!important;top:5px!important;left:5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{width:38px!important;min-width:38px!important;height:38px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{font-size:10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{font-size:11px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{font-size:8px!important}}.app-shell .group-home-bar{background:linear-gradient(135deg,#fff,#f7faff)!important;border:1px solid #dfe8f5!important;border-radius:18px!important;align-items:center!important;gap:12px!important;padding:12px!important;box-shadow:0 5px 16px #18345e0b!important}.app-shell .group-select{gap:6px!important;min-width:0!important}.app-shell .group-select>span{color:#64799b!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:850!important}.app-shell .group-select select,.app-shell .group-select strong{color:#172e54!important;border-radius:13px!important;min-width:0!important;font-weight:800!important}.app-shell .group-select select{background-color:#fff!important;border:1px solid #d8e4f5!important;min-height:46px!important;padding:10px 38px 10px 13px!important;box-shadow:0 2px 6px #18345e09!important}.app-shell .settings-button{color:#1e5ba9!important;width:44px!important;height:44px!important;box-shadow:none!important;background:#edf4ff!important;border:1px solid #d6e3f6!important;border-radius:14px!important;flex:0 0 44px!important;place-items:center!important;display:grid!important}.app-shell .group-welcome{background:linear-gradient(135deg,#fff 0%,#f2f7ff 100%)!important;border:1px solid #dce7f6!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 9px 24px #1a38660f!important}.app-shell .group-welcome-art{background:linear-gradient(135deg,#1763df 0%,#2b9fe7 100%)!important}.app-shell .group-welcome-icon{filter:drop-shadow(0 5px 7px #0a255229)!important}.app-shell .group-welcome-copy p{color:#172e54!important;letter-spacing:-.025em!important;font-weight:900!important}.app-shell .group-welcome-copy span{color:#64799b!important;line-height:1.5!important}.app-shell .stat-card.group-balance-card{background:linear-gradient(120deg,#155ce4 0%,#159ce6 100%)!important;border:1px solid #ffffff52!important;box-shadow:0 10px 23px #1463ce2b!important}.app-shell .group-balance-copy>span{letter-spacing:.01em!important;font-weight:800!important}.app-shell .group-balance-copy>strong{letter-spacing:-.035em!important;font-variant-numeric:tabular-nums!important}.app-shell .group-total-inline{background:#0a36822e!important;border:1px solid #ffffff38!important;border-radius:15px!important;padding:10px!important}.app-shell .stat-card.gender-stat-card{border-radius:18px!important;box-shadow:0 5px 14px #1f3a620b!important}.app-shell .stat-card.girls-stat-card{background:linear-gradient(145deg,#fff2f8,#fbe5f2)!important;border-color:#f2cde0!important}.app-shell .stat-card.boys-stat-card{background:linear-gradient(145deg,#f0f8ff,#e3f0ff)!important;border-color:#cce0f7!important}@media (width<=520px){.app-shell .group-home-bar{border-radius:15px!important;gap:8px!important;padding:10px!important}.app-shell .group-select select{min-height:43px!important;font-size:14px!important}.app-shell .settings-button{flex-basis:40px!important;width:40px!important;height:40px!important}.app-shell .group-welcome{border-radius:18px!important}.app-shell .group-balance-copy>strong{font-size:clamp(19px,5vw,27px)!important}.app-shell .group-total-inline{padding:8px 6px!important}}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{grid-template-rows:auto!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:0 12px!important;min-height:74px!important;padding:10px 13px!important;display:grid!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle{grid-template-rows:auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:0 10px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info{grid-area:1/1!important;width:100%!important;min-width:0!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:1.25!important;display:block!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance{white-space:nowrap!important;text-align:center!important;flex-direction:row!important;grid-area:1/2!important;place-self:center end!important;align-items:baseline!important;gap:3px!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:4px 8px!important;display:inline-flex!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance strong{font-size:13px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance>span{font-size:9px!important}@media (width<=520px){.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{grid-template-columns:43px minmax(0,1fr)!important;column-gap:9px!important;min-height:68px!important;padding:9px 10px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle{column-gap:8px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:13px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance{padding:4px 7px!important}}@media (width<=370px){.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible{grid-template-columns:36px minmax(0,1fr)!important;column-gap:7px!important;padding:8px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle{column-gap:5px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-info strong{font-size:12px!important}.app-shell:has(.dashboard-hero):not(:has(.quick-nav)) #students.workspace .student-row.student-row-collapsible>.student-name-toggle .student-balance{padding:3px 5px!important}}.brand-logo-image{object-fit:contain}.ranking-position.top-three{width:38px;height:38px;overflow:visible;background:0 0!important;border-radius:0!important}.ranking-crown-image{object-fit:contain;filter:drop-shadow(0 2px 2px #1123441f);width:38px;height:38px;display:block}.group-welcome-mascot{object-fit:contain;filter:drop-shadow(0 4px 3px #182f571f);width:100%;max-width:150px;height:150px;display:block}.reward-modal .reward-balance-mascot img{object-fit:contain}@media (width<=600px){.ranking-position.top-three,.ranking-crown-image{width:34px;height:34px}.group-welcome-mascot{max-width:128px;height:128px}}.app-shell .group-welcome-art{background:linear-gradient(135deg,#1763df 0%,#2b9fe7 100%)!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;height:174px!important;min-height:174px!important;max-height:none!important;padding:10px!important;display:flex!important;position:relative!important;overflow:hidden!important}.app-shell .group-welcome-art:before,.app-shell .group-welcome-art:after{pointer-events:none!important;opacity:.14!important}.app-shell .group-welcome-mascot{object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 3px 5px #081e462e)!important;flex:none!important;width:min(100%,190px)!important;max-width:190px!important;height:154px!important;display:block!important;position:relative!important}.app-shell .ranking-position.top-three{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;background:0 0!important;border-radius:50%!important;place-items:center!important;padding:0!important;font-size:0!important;display:grid!important;position:relative!important;overflow:visible!important}.app-shell .ranking-position.top-three:before{filter:drop-shadow(0 1px 1px #16233c1f);content:"👑"!important;margin:0!important;font-size:26px!important;line-height:1!important;display:block!important}.app-shell .ranking-crown-image{display:none!important}.app-shell .ranking-position.top-three[aria-label=Lugar\ 1]:before{filter:drop-shadow(0 1px 1px #be870040)!important}.app-shell .ranking-position.top-three[aria-label=Lugar\ 2]:before{filter:grayscale()brightness(1.45)drop-shadow(0 1px 1px #3c4b5f38)!important}.app-shell .ranking-position.top-three[aria-label=Lugar\ 3]:before{filter:sepia(.8)saturate(1.4)drop-shadow(0 1px 1px #82411933)!important}@media (width<=600px){.app-shell .group-welcome-art{height:150px!important;min-height:150px!important;padding:8px!important}.app-shell .group-welcome-mascot{width:min(100%,158px)!important;max-width:158px!important;height:132px!important}.app-shell .ranking-position.top-three{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.app-shell .ranking-position.top-three:before{font-size:22px!important}}.app-shell .ranking-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 12px 14px;display:flex}.app-shell .ranking-empty-state>img{object-fit:contain;filter:drop-shadow(0 3px 5px #162c4e1f);width:104px;height:104px;display:block}.app-shell .ranking-empty-state .ranking-empty{color:#71809a;margin:0;font-size:13px;line-height:1.45}.app-shell .empty-list .empty-list-mascot{object-fit:contain;filter:drop-shadow(0 3px 5px #162c4e1f);width:86px;height:86px;margin:0 auto 6px;display:block}@media (width<=600px){.app-shell .ranking-empty-state>img{width:88px;height:88px}.app-shell .empty-list .empty-list-mascot{width:76px;height:76px}}.app-shell .ranking-position.top-three{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;overflow:visible!important}.app-shell .ranking-position.top-three:before{content:none!important;display:none!important}.app-shell .ranking-position.top-three .ranking-crown-image{object-fit:contain!important;width:42px!important;max-width:none!important;height:42px!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px #14233c1f)!important;background:0 0!important;border:0!important;border-radius:0!important;display:block!important}.app-shell .ranking-place-1 .ranking-position.top-three,.app-shell .ranking-place-2 .ranking-position.top-three,.app-shell .ranking-place-3 .ranking-position.top-three{background:0 0!important}@media (width<=600px){.app-shell .ranking-position.top-three{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.app-shell .ranking-position.top-three .ranking-crown-image{width:38px!important;height:38px!important}}.app-shell .ranking-item .ranking-position.top-three{z-index:4!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;margin:0!important;padding:0!important;font-size:0!important;position:absolute!important;top:8px!important;left:8px!important;overflow:visible!important}.app-shell .ranking-item .ranking-position.top-three:before,.app-shell .ranking-item .ranking-position.top-three:after{content:normal!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell .ranking-item .ranking-position.top-three .ranking-crown-image{object-fit:contain!important;width:36px!important;height:36px!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px #14233c29)!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}:is(.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child .ranking-position.top-three,.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2) .ranking-position.top-three,.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3) .ranking-position.top-three){width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;z-index:5!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:0!important;display:flex!important;position:absolute!important;top:8px!important;left:8px!important;overflow:visible!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child .ranking-position.top-three:before{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2) .ranking-position.top-three:before{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3) .ranking-position.top-three:before{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:first-child .ranking-position.top-three:after{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(2) .ranking-position.top-three:after{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item:nth-child(3) .ranking-position.top-three:after{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three .ranking-crown-image{object-fit:contain!important;width:34px!important;min-width:0!important;height:34px!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px #14233c29)!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading>.count-pill{display:none!important}.app-shell:has(.dashboard-hero) .group-welcome-art{background:linear-gradient(125deg,#1764e8 0%,#168be0 55%,#26b5e6 100%)!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;height:150px!important;min-height:150px!important;max-height:none!important;padding:8px!important;display:flex!important;position:relative!important;overflow:hidden!important}.app-shell:has(.dashboard-hero) .group-welcome-art:before{content:none!important;display:none!important}.app-shell:has(.dashboard-hero) .group-welcome-art:after{content:none!important;display:none!important}.app-shell:has(.dashboard-hero) .group-welcome-mascot{object-fit:contain!important;object-position:center!important;width:auto!important;max-width:90%!important;height:136px!important;margin:0 auto!important;display:block!important;position:relative!important;inset:auto!important;transform:none!important}@media (width<=600px){.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;top:7px!important;left:7px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three .ranking-crown-image{width:30px!important;height:30px!important}.app-shell:has(.dashboard-hero) .group-welcome-art{height:136px!important;min-height:136px!important;padding:6px!important}.app-shell:has(.dashboard-hero) .group-welcome-mascot{max-width:90%!important;height:124px!important}}.reward-modal .reward-student-header{grid-template-columns:minmax(0,1fr) auto!important}.reward-modal .reward-balance-main>span{font-size:clamp(15px,4vw,18px)!important}.reward-modal .reward-balance-main>strong{font-size:clamp(31px,8.5vw,44px)!important;line-height:1.04!important}.reward-modal .reward-balance-main>strong .currency-amount{font-size:inherit!important}.reward-modal .reward-balance-mascot{flex:0 0 126px!important;align-self:center!important;width:126px!important;height:126px!important}.reward-modal .reward-category-grid .button{border-radius:17px!important;gap:8px!important;min-height:132px!important;padding:10px 5px!important}.reward-modal .reward-category-grid .reward-category-art{object-fit:contain!important;width:clamp(48px,13vw,66px)!important;max-width:none!important;height:clamp(48px,13vw,66px)!important;max-height:none!important}@media (width<=520px){.reward-modal .reward-header-brand img{width:122px!important;max-width:122px!important;height:88px!important;max-height:88px!important}.reward-modal .reward-balance-strip{gap:6px!important;min-height:148px!important;padding:14px 12px!important}.reward-modal .reward-balance-mascot{flex:0 0 112px!important;width:112px!important;height:112px!important}.reward-modal .reward-balance-main>span{font-size:14px!important}.reward-modal .reward-balance-main>strong{font-size:clamp(28px,8vw,38px)!important}.reward-modal .reward-category-grid{gap:7px!important}.reward-modal .reward-category-grid .button{min-height:130px!important;padding:9px 4px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(44px,12vw,58px)!important;height:clamp(44px,12vw,58px)!important}}@media (width<=370px){.reward-modal .reward-header-brand img{width:92px!important;max-width:92px!important;height:70px!important;max-height:70px!important}.reward-modal .reward-balance-mascot{flex-basis:94px!important;width:94px!important;height:94px!important}.reward-modal .reward-balance-strip{min-height:124px!important}.reward-modal .reward-category-grid .button{min-height:118px!important}.reward-modal .reward-category-grid .reward-category-art{width:42px!important;height:42px!important}}.reward-modal .reward-category-grid .button{justify-content:center!important;gap:5px!important;height:auto!important;min-height:94px!important;padding:7px 4px!important}.reward-modal .reward-category-grid .reward-category-art{object-fit:contain!important;flex:none!important;width:clamp(48px,13vw,60px)!important;max-width:none!important;height:clamp(48px,13vw,60px)!important;max-height:none!important;display:block!important}.reward-modal .reward-balance-strip{justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:132px!important;padding:14px 16px!important;display:flex!important}.reward-modal .reward-balance-main>span{letter-spacing:0!important;font-size:clamp(14px,3.8vw,17px)!important}.reward-modal .reward-balance-main .currency-amount{font-size:inherit!important}.reward-modal .reward-balance-main .currency-coin-icon{object-fit:contain!important;width:23px!important;height:23px!important}.reward-modal .reward-balance-mascot{flex:0 0 112px!important;justify-content:center!important;align-items:center!important;width:112px!important;height:112px!important;display:flex!important}.reward-modal .reward-balance-mascot img{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.reward-modal .reward-header-brand{min-width:0!important;max-width:150px!important}.reward-modal .reward-header-brand img{object-fit:contain!important;width:100%!important;max-width:150px!important;height:auto!important;max-height:90px!important}@media (width<=520px){.reward-modal .reward-category-grid .button{gap:5px!important;min-height:92px!important;padding:6px 3px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(46px,12.5vw,56px)!important;height:clamp(46px,12.5vw,56px)!important}.reward-modal .reward-balance-strip{gap:5px!important;min-height:132px!important;padding:12px 10px!important}.reward-modal .reward-balance-mascot{flex-basis:104px!important;width:104px!important;height:104px!important}.reward-modal .reward-balance-main>strong{font-size:clamp(29px,8vw,38px)!important}.reward-modal .reward-header-brand{max-width:122px!important}.reward-modal .reward-header-brand img{max-width:122px!important;max-height:76px!important}}@media (width<=370px){.reward-modal .reward-category-grid .button{min-height:86px!important}.reward-modal .reward-category-grid .reward-category-art{width:42px!important;height:42px!important}.reward-modal .reward-balance-mascot{flex-basis:88px!important;width:88px!important;height:88px!important}.reward-modal .reward-balance-main>strong{font-size:27px!important}.reward-modal .reward-header-brand{max-width:94px!important}}.reward-modal .reward-balance-strip{gap:8px!important;min-height:154px!important;padding:15px 16px!important}.reward-modal .reward-balance-main>span{letter-spacing:0!important;font-size:clamp(15px,4vw,18px)!important;font-weight:800!important}.reward-modal .reward-balance-main .currency-coin-icon{object-fit:contain!important;flex:0 0 38px!important;width:38px!important;height:38px!important}.reward-modal .reward-category-grid{gap:8px!important;margin:12px 0!important}.reward-modal .reward-category-grid .button{gap:4px!important;height:auto!important;min-height:94px!important;padding:6px 3px!important}.reward-modal .reward-category-grid .button span{font-size:clamp(10px,2.8vw,12px)!important;line-height:1.12!important}@media (width<=520px){.reward-modal .reward-balance-strip{gap:4px!important;min-height:148px!important;padding:12px 10px!important}.reward-modal .reward-balance-main>strong{gap:5px!important;font-size:clamp(34px,9vw,43px)!important}.reward-modal .reward-balance-main .currency-coin-icon{flex-basis:34px!important;width:34px!important;height:34px!important}.reward-modal .reward-balance-mascot{flex-basis:112px!important;width:112px!important;height:112px!important}.reward-modal .reward-category-grid .button{min-height:94px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(52px,13.5vw,60px)!important;height:clamp(52px,13.5vw,60px)!important}.reward-modal .reward-header-brand{max-width:112px!important}.reward-modal .reward-header-brand img{max-width:112px!important;max-height:70px!important}}@media (width<=370px){.reward-modal .reward-balance-main>strong{font-size:30px!important}.reward-modal .reward-balance-main .currency-coin-icon{flex-basis:28px!important;width:28px!important;height:28px!important}.reward-modal .reward-balance-mascot{flex-basis:90px!important;width:90px!important;height:90px!important}.reward-modal .reward-category-grid .reward-category-art{width:46px!important;height:46px!important}}.reward-modal .reward-student-header{align-items:center!important;gap:12px!important}.reward-modal .reward-student-identity{flex:auto!important;min-width:0!important}.reward-modal .student-level-pill{color:#1266c4!important;background:#e4f2ff!important;border-radius:999px!important;align-items:center!important;gap:7px!important;margin-top:7px!important;padding:5px 12px!important;font-size:13px!important;font-weight:850!important;line-height:1.1!important;display:inline-flex!important}.reward-modal .student-level-pill img{object-fit:contain!important;width:24px!important;height:24px!important}.reward-modal .reward-balance-strip{background:linear-gradient(112deg,#155eef 0%,#087eea 52%,#20b9e8 100%)!important;gap:8px!important;min-height:184px!important;padding:16px!important}.reward-modal .reward-balance-main{flex:auto!important;gap:6px!important;min-width:0!important}.reward-modal .reward-balance-main>span{font-size:clamp(16px,4.4vw,21px)!important;font-weight:850!important}.reward-modal .reward-balance-main>strong{white-space:nowrap!important;align-items:center!important;gap:6px!important;font-size:clamp(39px,10.5vw,54px)!important;line-height:1!important;display:flex!important}.reward-modal .reward-balance-main .balance-hero-coin{object-fit:contain!important;flex:0 0 62px!important;width:62px!important;height:62px!important}.reward-modal .reward-balance-main>strong small{font-size:clamp(12px,3vw,16px)!important}.reward-modal .reward-balance-mascot{flex:0 0 128px!important;width:128px!important;height:142px!important}.reward-modal .reward-balance-mascot img{object-fit:contain!important;width:100%!important;height:100%!important}.reward-modal .reward-balance-stats{align-items:stretch!important;gap:8px!important;width:100%!important;margin-top:8px!important;display:flex!important}.reward-modal .reward-balance-stat{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff57!important;border-radius:15px!important;flex:1 1 0!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:7px 9px!important;display:flex!important}.reward-modal .reward-balance-stat>img{object-fit:contain!important;flex:0 0 39px!important;width:39px!important;height:39px!important}.reward-modal .reward-balance-stat>span{flex-direction:column!important;gap:2px!important;min-width:0!important;display:flex!important}.reward-modal .reward-balance-stat strong{color:#fff!important;white-space:nowrap!important;font-size:clamp(11px,3vw,15px)!important;line-height:1.15!important}.reward-modal .reward-balance-stat small{color:#fff!important;font-size:clamp(10px,2.6vw,13px)!important;line-height:1.15!important}.reward-modal .reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.reward-modal .reward-category-grid .button{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;height:auto!important;min-height:124px!important;padding:9px 5px 24px!important;display:flex!important;position:relative!important}.reward-modal .reward-category-grid .reward-category-art{object-fit:contain!important;flex:none!important;width:clamp(56px,15vw,72px)!important;height:clamp(56px,15vw,72px)!important}.reward-modal .reward-category-grid .button>span{text-align:center!important;font-size:clamp(10px,2.8vw,12px)!important;line-height:1.1!important}.reward-modal .reward-category-grid .reward-category-count{color:#64748b!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(9px,2.35vw,11px)!important;line-height:1.05!important}.reward-modal .reward-category-grid .reward-category-arrow{color:#12305c!important;background:#ffffffe0!important;border-radius:50%!important;width:22px!important;height:22px!important;padding:3px!important;position:absolute!important;bottom:7px!important;right:7px!important}@media (width<=520px){.reward-modal .reward-balance-strip{gap:4px!important;min-height:170px!important;padding:13px 10px!important}.reward-modal .reward-balance-main>span{font-size:16px!important}.reward-modal .reward-balance-main>strong{gap:4px!important;font-size:clamp(34px,9vw,44px)!important}.reward-modal .reward-balance-main .balance-hero-coin{flex-basis:47px!important;width:47px!important;height:47px!important}.reward-modal .reward-balance-mascot{flex-basis:102px!important;width:102px!important;height:125px!important}.reward-modal .reward-balance-stats{gap:6px!important;margin-top:7px!important}.reward-modal .reward-balance-stat{border-radius:12px!important;gap:5px!important;padding:6px!important}.reward-modal .reward-balance-stat>img{flex-basis:29px!important;width:29px!important;height:29px!important}.reward-modal .reward-balance-stat strong{font-size:11px!important}.reward-modal .reward-balance-stat small{font-size:10px!important}.reward-modal .reward-category-grid .button{min-height:118px!important;padding:8px 3px 24px!important}.reward-modal .reward-category-grid .reward-category-art{width:clamp(51px,13.5vw,62px)!important;height:clamp(51px,13.5vw,62px)!important}.reward-modal .reward-category-grid .reward-category-count{font-size:9px!important}.reward-modal .student-level-pill{padding:4px 9px!important;font-size:12px!important}.reward-modal .student-level-pill img{width:21px!important;height:21px!important}}@media (width<=370px){.reward-modal .reward-balance-strip{padding:10px 8px!important}.reward-modal .reward-balance-main>strong{font-size:29px!important}.reward-modal .reward-balance-main .balance-hero-coin{flex-basis:36px!important;width:36px!important;height:36px!important}.reward-modal .reward-balance-mascot{flex-basis:82px!important;width:82px!important;height:110px!important}.reward-modal .reward-balance-stat>img{flex-basis:24px!important;width:24px!important;height:24px!important}.reward-modal .reward-balance-stat strong{font-size:10px!important}.reward-modal .reward-category-grid .reward-category-art{width:45px!important;height:45px!important}.reward-modal .reward-category-grid .button{min-height:110px!important}}.selected-group-heading{align-items:center;gap:10px;min-width:0;display:flex}.selected-group-heading>span{min-width:0}.selected-group-grade-icon{object-fit:contain;flex:none;width:48px;height:48px}.reward-item-art img{object-fit:contain;width:100%;max-width:38px;height:100%;max-height:38px;display:block}@media (width<=480px){.selected-group-grade-icon{width:40px;height:40px}.reward-item-art img{max-width:34px;max-height:34px}}.group-visual-list{background:linear-gradient(#fff,#f9faff);border:1px solid #e5e8f3;border-radius:18px;margin:14px 0 20px;padding:16px}.group-visual-list-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.group-visual-list-heading h3{color:#24284a;margin:0;font:800 16px Manrope,sans-serif}.group-visual-list-heading>span{color:#6f7693;font-size:11px;font-weight:800}.group-visual-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.group-visual-card{text-align:left;color:#23294b;cursor:pointer;background:#fff;border:1px solid #e3e8f4;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:11px;transition:border-color .15s,background .15s;display:flex}.group-visual-card:hover{background:#f7fbff;border-color:#8bb9f6}.group-visual-card.is-selected{background:#edf6ff;border-color:#3a8af2;box-shadow:0 0 0 2px #3a8af21c}.group-visual-card>img{object-fit:contain;flex:none;width:48px;height:48px}.group-visual-card>svg{color:#7c86a4;flex:none;margin-left:auto}.group-visual-card-copy{flex:1;gap:3px;min-width:0;display:grid}.group-visual-card-copy strong{overflow-wrap:anywhere;font-size:13px}.group-visual-card-copy small{color:#747c97;font-size:10px;line-height:1.35}@media (width<=520px){.group-visual-list{padding:12px}.group-visual-list-grid{grid-template-columns:1fr}.group-visual-card{padding:9px}.group-visual-card>img{width:44px;height:44px}}.history-modal .history-item{grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;display:grid!important}.history-modal .history-item .history-item-art{background:#f7f9ff!important;border:1px solid #e1e8f5!important;border-radius:12px!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;display:grid!important;overflow:hidden!important}.history-modal .history-item .history-item-art img{object-fit:contain!important;width:100%!important;max-width:34px!important;height:100%!important;max-height:34px!important;display:block!important}.history-modal .history-item .history-item-main{gap:5px!important;min-width:0!important;display:grid!important}.history-modal .history-item .history-item-main strong{overflow-wrap:anywhere!important}@media (width<=480px){.history-modal .history-item{grid-template-columns:36px minmax(0,1fr) auto!important;gap:7px!important}.history-modal .history-item .history-item-art{width:34px!important;min-width:34px!important;height:34px!important}}.dashboard-brand-row{justify-content:center!important;align-items:center!important;padding-left:48px!important;padding-right:48px!important;display:flex!important;position:relative!important}.dashboard-settings-button{color:#17315f!important;cursor:pointer!important;background:#f7faff!important;border:1px solid #dce5f5!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:inline-flex!important;position:absolute!important;top:50%!important;right:0!important;transform:translateY(-50%)!important;box-shadow:0 4px 12px #153c7610!important}.dashboard-settings-button:focus-visible{outline-offset:3px!important;outline:3px solid #80b9ff!important}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-column:1/-1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact){text-align:center!important;flex-direction:column!important;grid-column:auto!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;padding:12px 7px!important;display:flex!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact{color:#284b7a!important;background:linear-gradient(145deg,#f6faff,#e9f3ff)!important;border:1px solid #d8e4f5!important;border-radius:20px!important;box-shadow:0 6px 15px #244b7810!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{color:#5283bb!important;width:29px!important;height:29px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact>span{color:#526b8d!important;font-size:clamp(10px,2.7vw,12px)!important;font-weight:750!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact>strong{color:#245da4!important;font:850 clamp(23px,6vw,30px)/1 Manrope,sans-serif!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .group-total-inline{display:none!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .stat-icon{width:43px!important;height:43px!important;margin:0 auto 2px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .stat-icon img{object-fit:contain!important;width:100%!important;height:100%!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{font-size:12px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong{font-size:clamp(22px,5.7vw,29px)!important;line-height:1.05!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{text-align:center!important;font-size:10px!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy{flex:auto!important;min-width:0!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{white-space:nowrap!important;font-size:clamp(22px,6.1vw,32px)!important}.app-shell:has(.dashboard-hero) #students.workspace .student-name-toggle .student-info{flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;display:flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-inline-indicators{color:#7891b8!important;align-items:center!important;gap:5px!important;display:inline-flex!important}.app-shell:has(.dashboard-hero) #students.workspace .student-inline-indicators svg{box-sizing:content-box!important;stroke-width:2.2px!important;background:#edf4ff!important;border-radius:50%!important;width:14px!important;height:14px!important;padding:2px!important}.app-shell .device-workspace .devices-screen-title{align-items:center;gap:12px;display:flex;margin:0 0 16px!important}.app-shell .device-workspace .devices-screen-title h2{color:#142c60!important;margin:0!important;font-size:clamp(23px,5vw,29px)!important}.app-shell .device-workspace .devices-tabs{background:#edf3ff;border-radius:18px;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 16px;padding:5px;display:grid}.app-shell .device-workspace .devices-tabs .button{min-height:42px!important;box-shadow:none!important;border:0!important;border-radius:13px!important;padding:9px 8px!important;font-size:13px!important}.app-shell .device-workspace .devices-tabs .button.active{color:#fff!important;background:linear-gradient(105deg,#1767ef,#22b4e8)!important}.app-shell .device-workspace .master-security-card{background:#fff!important;border:1px solid #e1e8f5!important;border-radius:20px!important;box-shadow:0 8px 24px #233d6710!important}.app-shell .device-workspace .master-security-card>.section-heading{border-bottom:1px solid #edf0f7!important;padding-bottom:12px!important}.app-shell .device-workspace .student-row{background:#fff!important;border:1px solid #e1e8f4!important;border-radius:18px!important;gap:10px!important;padding:12px!important;box-shadow:0 5px 16px #233d6708!important}.app-shell .device-workspace .student-row>.avatar{color:#2364c4!important;background:#eaf3ff!important;border-radius:50%!important;width:48px!important;height:48px!important}.app-shell .device-workspace .student-row .student-info strong{color:#1a315c!important;font-size:14px!important}.app-shell .device-workspace .student-row .student-info span{font-size:11px!important;line-height:1.35!important}.app-shell .device-workspace .master-security-actions .button{border-radius:12px!important;min-height:39px!important;font-size:12px!important}.app-shell .device-workspace .section-heading h2,.app-shell .device-workspace .section-heading h3{color:#192e5a!important}.app-shell .device-workspace .form-card{border-radius:18px!important}.app-shell .device-workspace .master-email-form .button{min-height:40px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:52px minmax(0,1fr) minmax(110px,auto) 92px!important;align-items:center!important;gap:9px!important;padding:10px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:46px!important;max-width:none!important;height:46px!important;max-height:none!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info strong{font-size:clamp(12px,3vw,14px)!important;line-height:1.2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{color:#176b42!important;white-space:nowrap!important;background:#e9f8ef!important;border:1px solid #b9e1ca!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;padding:9px 10px!important;display:flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{color:#176b42!important;white-space:nowrap!important;align-items:center!important;gap:4px!important;font-size:clamp(13px,3.3vw,16px)!important;line-height:1!important;display:inline-flex!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance .currency-coin-icon{object-fit:contain!important;flex:0 0 23px!important;width:23px!important;height:23px!important;display:inline-block!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance>span{color:#176b42!important;font-size:10px!important;font-weight:800!important;line-height:1!important;display:inline!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{border-radius:11px!important;min-height:36px!important;padding:7px 9px!important;font-size:12px!important;font-weight:800!important}@media (width<=520px){.dashboard-brand-row{padding-left:42px!important;padding-right:42px!important}.dashboard-settings-button{width:38px!important;height:38px!important}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact){border-radius:16px!important;padding:10px 4px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card .stat-icon{width:35px!important;height:35px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>span{font-size:11px!important}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{font-size:9px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact svg{width:24px!important;height:24px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{gap:7px!important;padding:12px 10px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card .mascot-stat-icon{flex-basis:68px!important;width:68px!important;height:68px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{font-size:clamp(19px,5.7vw,27px)!important}.app-shell:has(.dashboard-hero) #students.workspace .student-inline-indicators{gap:3px!important}.app-shell:has(.dashboard-hero) #students.workspace .student-inline-indicators svg{width:12px!important;height:12px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline{grid-template-columns:36px minmax(0,1fr) auto!important;gap:6px!important;padding:8px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.avatar{width:34px!important;height:34px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-info{grid-area:1/2!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance{grid-area:2/2!important;justify-self:start!important;gap:4px!important;padding:6px 8px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance strong{font-size:13px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance .currency-coin-icon{flex-basis:19px!important;width:19px!important;height:19px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.student-balance>span{font-size:9px!important}.reward-modal .reward-list-panel .student-list>.reward-catalog-inline>.button{grid-area:1/3/3!important;min-height:32px!important;padding:6px 7px!important;font-size:11px!important}}.app-shell .device-workspace .master-profile-heading{grid-template-columns:56px minmax(0,1fr) 24px!important;align-items:center!important;gap:12px!important;display:grid!important}.app-shell .device-workspace .master-profile-heading .master-profile-avatar{background:#ffe6ef!important;border:3px solid #fff!important;border-radius:50%!important;width:56px!important;height:56px!important;overflow:hidden!important;box-shadow:0 2px 8px #17315c18!important}.app-shell .device-workspace .master-profile-heading .master-profile-avatar img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.app-shell .device-workspace .master-profile-heading h3{margin:2px 0!important;font-size:17px!important}.app-shell .device-workspace .master-profile-heading .small-note{margin:0!important}.app-shell .device-workspace .substitute-teacher-avatar{border:2px solid #fff!important;border-radius:50%!important;width:48px!important;height:48px!important;overflow:hidden!important;box-shadow:0 2px 8px #183d7316!important}.app-shell .device-workspace .substitute-teacher-avatar img{object-fit:cover!important;width:100%!important;height:100%!important}.app-shell .device-workspace #substitute-teachers-section>.section-heading{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.app-shell .device-workspace #substitute-teachers-section>.section-heading>.button{flex:none!important;width:auto!important}.app-shell .device-workspace #substitute-teachers-section .student-row{grid-template-columns:48px minmax(0,1fr) auto!important}.app-shell .device-workspace #substitute-teachers-section .student-row>.student-info{grid-area:1/2!important}.app-shell .device-workspace #substitute-teachers-section .student-row>select,.app-shell .device-workspace #substitute-teachers-section .student-row>.button{grid-area:auto/3!important;min-width:0!important}.app-shell .device-workspace #substitute-teachers-section .student-row>select{max-width:160px!important}@media (width<=650px){.app-shell .device-workspace .master-profile-heading{grid-template-columns:48px minmax(0,1fr) 20px!important;gap:10px!important}.app-shell .device-workspace .master-profile-heading .master-profile-avatar{width:48px!important;height:48px!important}.app-shell .device-workspace #substitute-teachers-section>.section-heading{flex-direction:row!important;align-items:center!important}.app-shell .device-workspace #substitute-teachers-section>.section-heading>.button{align-self:center!important;width:auto!important;padding:9px 10px!important;font-size:12px!important}.app-shell .device-workspace #substitute-teachers-section .student-row{grid-template-columns:42px minmax(0,1fr)!important}.app-shell .device-workspace #substitute-teachers-section .student-row>.avatar{grid-area:1/1!important;width:42px!important;height:42px!important}.app-shell .device-workspace #substitute-teachers-section .student-row>.student-info{grid-area:1/2!important}.app-shell .device-workspace #substitute-teachers-section .student-row>select,.app-shell .device-workspace #substitute-teachers-section .student-row>.button{grid-area:auto/1/auto/-1!important;width:100%!important;max-width:none!important}}.reward-modal .annual-goal-progress{background:linear-gradient(135deg,#f7fbff,#edf6ff);border:1px solid #dce8f8;border-radius:16px;margin:10px 0 14px;padding:12px 14px}.reward-modal .annual-goal-heading{color:#344a70;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.reward-modal .annual-goal-heading>span{font-weight:850}.reward-modal .annual-goal-heading>strong{color:#176b42;margin-left:auto;font-size:12px}.reward-modal .annual-goal-heading>b{color:#176b42;background:#d9f3e5;border-radius:8px;padding:4px 7px;font-size:11px}.reward-modal .annual-goal-track{background:#dbe5f3;border-radius:999px;height:9px;margin:9px 0 6px;overflow:hidden}.reward-modal .annual-goal-track>span{border-radius:inherit;background:linear-gradient(90deg,#20a65a,#73d69b);height:100%;transition:width .25s;display:block}.reward-modal .annual-goal-progress>small{color:#667894;font-size:10px;font-weight:700;line-height:1.35;display:block}@media (width<=520px){.reward-modal .annual-goal-progress{padding:10px 11px}.reward-modal .annual-goal-heading{gap:5px}.reward-modal .annual-goal-heading>strong{font-size:11px}.reward-modal .annual-goal-heading>b{margin-left:auto}}.grade-icon-fallback{background:linear-gradient(145deg,#f4f8ff,#e5f0ff)!important;border:1px solid #d7e4f6!important;border-radius:13px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;font-size:27px!important;line-height:1!important;display:inline-flex!important}.selected-group-heading>.grade-icon-fallback{width:48px!important;height:48px!important}@media (width<=520px){.group-visual-card>.grade-icon-fallback{width:44px!important;height:44px!important;font-size:25px!important}.selected-group-heading>.grade-icon-fallback{width:40px!important;height:40px!important;font-size:23px!important}}.master-profile-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:14px;padding:4px 0 14px;display:flex}.master-profile-toggle>div:nth-child(2){flex:1;min-width:0}.master-profile-toggle>svg{flex:none;transition:transform .2s}.master-profile-toggle>svg.is-expanded{transform:rotate(90deg)}.master-config-details{padding-top:2px}.master-security-card{scroll-margin-top:18px}.devices-tabs button{cursor:pointer}.reward-catalog-category-art{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.reward-catalog-category-art>img{object-fit:contain;border-radius:12px;flex:none;width:56px;height:56px}.reward-catalog-category-art>span{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.reward-catalog-category-art strong{font-size:17px;line-height:1.2}.reward-catalog-category-art small{color:#78859b;font-size:13px;line-height:1.4}.reward-category-toggle{align-items:center;gap:12px;display:flex}.reward-category-expand-mark{color:#245b99;background:#eaf2ff;border-radius:11px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:25px;font-weight:700;display:flex}.student-list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px;display:flex}.student-list-toolbar .search-box{flex:1;min-width:0;margin:0}.student-sort-control{white-space:nowrap;color:#687894;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.student-sort-control select{color:#172b55;max-width:118px;font:inherit;background:#f8faff;border:1px solid #dce5f5;border-radius:13px;padding:10px 28px 10px 11px;font-weight:700}.student-name-toggle{align-items:center;gap:12px;min-width:0;display:flex}.student-name-toggle .student-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.student-inline-indicators{display:none!important}.student-achievement-count{color:#64738e;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.student-achievement-count svg{color:#f0b629;flex:none}.student-name-toggle .student-balance{white-space:nowrap;color:#176b4c;align-items:center;gap:5px;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.student-name-toggle .student-balance img{object-fit:contain;flex:none;width:25px;height:25px}.student-name-toggle .student-balance strong{color:#176b4c;font-size:15px}.student-name-toggle .student-balance span{color:#176b4c;font-size:11px;font-weight:700}.total-students-illustration{object-fit:contain;flex:none;width:42px;height:42px}.reward-modal .reward-balance-strip{grid-template-columns:minmax(0,1.1fr) minmax(80px,.65fr);align-items:stretch;gap:8px;display:grid;overflow:hidden}.reward-modal .reward-balance-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:8px 10px;min-width:0;display:grid}.reward-modal .reward-balance-main>span:first-child,.reward-modal .reward-balance-main>strong{grid-column:1;min-width:0}.reward-modal .reward-balance-main>strong{white-space:nowrap;gap:5px;font-size:clamp(25px,5vw,42px)}.reward-modal .reward-balance-stats{grid-column:1;gap:6px;min-width:0;display:flex}.reward-modal .reward-balance-stat{flex:1;gap:6px;min-width:0;padding:7px 8px}.reward-modal .reward-balance-stat img{width:27px;height:27px}.reward-modal .reward-balance-stat strong{font-size:12px;line-height:1.2}.reward-modal .reward-balance-stat small{font-size:10px;line-height:1.2}.reward-modal .reward-annual-goal{color:#172b55;background:#fffffff5;border:1px solid #ffffffbf;border-radius:18px;flex-direction:column;grid-area:1/2/span 3;justify-content:center;align-self:stretch;min-width:0;margin:0;padding:12px;display:flex}.reward-modal .reward-annual-goal .annual-goal-heading>strong{color:#176b4c;white-space:normal;font-size:12px;line-height:1.25}.reward-modal .reward-balance-mascot{pointer-events:none;width:clamp(76px,12vw,125px);max-height:65%;position:absolute;bottom:18px;right:calc(33% - 2px)}.reward-modal .reward-balance-mascot img{object-fit:contain;max-height:100%}@media (width<=600px){.student-list-toolbar{flex-direction:column;align-items:stretch;gap:8px}.student-sort-control{justify-content:flex-end}.student-name-toggle{gap:8px}.student-name-toggle .student-balance{gap:3px}.student-name-toggle .student-balance img{width:20px;height:20px}.student-name-toggle .student-balance strong{font-size:13px}.student-name-toggle .student-balance span{font-size:10px}.student-achievement-count{font-size:11px}.reward-catalog-category-art>img{width:45px;height:45px}.reward-catalog-category-art strong{font-size:15px}.reward-catalog-category-art small{font-size:12px}.reward-modal .reward-balance-strip{grid-template-columns:minmax(0,1fr) minmax(62px,.42fr);gap:5px;padding:12px}.reward-modal .reward-balance-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 5px}.reward-modal .reward-balance-main>strong{font-size:clamp(23px,6vw,32px)}.reward-modal .reward-balance-stat{gap:4px;padding:6px 5px}.reward-modal .reward-balance-stat img{width:21px;height:21px}.reward-modal .reward-balance-stat strong{font-size:10px}.reward-modal .reward-balance-stat small{font-size:9px}.reward-modal .reward-annual-goal{border-radius:12px;padding:8px}.reward-modal .reward-annual-goal .annual-goal-heading>span{font-size:11px}.reward-modal .reward-annual-goal .annual-goal-heading>strong,.reward-modal .reward-annual-goal .annual-goal-heading>b{font-size:10px}.reward-modal .reward-balance-mascot{opacity:.96;width:62px;bottom:10px;right:calc(29% - 1px)}}@media (width>=700px){.group-stats-grid,.group-statistics,.gender-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:130px}.ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact){min-height:142px!important;padding:15px 9px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact>img.total-students-illustration{object-fit:contain!important;width:48px!important;height:48px!important;display:block!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{border-radius:16px!important;grid-template-rows:auto auto!important;grid-template-columns:28px 42px minmax(0,1fr)!important;align-items:center!important;gap:5px 7px!important;min-width:0!important;min-height:118px!important;padding:12px 9px!important;display:grid!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three{grid-area:1/1/span 2;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;position:relative!important;top:auto!important;left:auto!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three .ranking-crown-image{width:28px!important;height:28px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{grid-area:1/2/span 2;width:42px!important;min-width:42px!important;height:42px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{grid-area:1/3;overflow-wrap:anywhere!important;min-width:0!important;font-size:clamp(10px,2.8vw,13px)!important;line-height:1.2!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{grid-area:2/3;white-space:nowrap!important;font-size:clamp(11px,3vw,14px)!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance small{font-size:9px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-heading>div>p:not(.eyebrow){font-size:12px!important}.student-name-toggle .student-balance{margin-left:auto!important}.student-name-toggle .student-expand-mark{flex:0 0 30px!important}.reward-modal .reward-balance-strip{grid-template-columns:minmax(0,1.05fr) minmax(54px,.58fr) minmax(0,1fr)!important;align-items:stretch!important;gap:7px!important;padding:16px!important;display:grid!important;position:relative!important;overflow:hidden!important}.reward-modal .reward-balance-main{display:contents!important}.reward-modal .reward-balance-main>span:first-child{grid-area:1/1!important;align-self:end!important;font-size:clamp(12px,3.3vw,18px)!important;line-height:1.15!important}.reward-modal .reward-balance-main>strong{white-space:nowrap!important;flex-wrap:nowrap!important;grid-area:2/1!important;align-self:start!important;align-items:center!important;font-size:clamp(23px,5.7vw,40px)!important;display:flex!important}.reward-modal .reward-balance-main>.reward-balance-stats{grid-area:3/1!important;align-self:start!important;gap:5px!important;min-width:0!important;margin-top:5px!important;display:flex!important}.reward-modal .reward-balance-main>.reward-annual-goal{color:#172b55!important;background:#fffffff7!important;border-radius:15px!important;flex-direction:column!important;grid-area:1/3/span 3!important;justify-content:center!important;align-self:stretch!important;min-width:0!important;margin:0!important;padding:10px!important;display:flex!important}.reward-modal .reward-balance-mascot{pointer-events:none!important;grid-area:1/2/span 3!important;justify-content:center!important;place-self:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:120px!important;display:flex!important;position:relative!important;bottom:auto!important;right:auto!important}.reward-modal .reward-balance-mascot img{object-fit:contain!important;width:100%!important;height:100%!important;max-height:120px!important}.reward-modal .reward-annual-goal .annual-goal-heading{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px!important;display:grid!important}.reward-modal .reward-annual-goal .annual-goal-heading>span{color:#172b55!important;grid-column:1/-1!important;font-size:clamp(10px,2.8vw,14px)!important;font-weight:800!important}.reward-modal .reward-annual-goal .annual-goal-heading>strong{white-space:normal!important;color:#176b4c!important;font-size:clamp(9px,2.5vw,13px)!important;line-height:1.25!important}.reward-modal .reward-annual-goal .annual-goal-heading>b{color:#176b4c!important;background:#d9f4e5!important;border-radius:8px!important;padding:4px 5px!important;font-size:clamp(9px,2.3vw,12px)!important}.reward-modal .reward-annual-goal .annual-goal-track{background:#dfe7f4!important;height:8px!important;margin:7px 0!important}.reward-modal .reward-annual-goal>small{color:#667894!important;font-size:clamp(8px,2vw,10px)!important;line-height:1.3!important}.master-profile-toggle{appearance:none!important;color:inherit!important;font:inherit!important;border-radius:12px!important}.master-profile-toggle:focus-visible{outline-offset:3px!important;outline:3px solid #79b8ff!important}@media (width<=600px){.app-shell:has(.dashboard-hero) .stats{gap:7px!important}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact){min-height:126px!important;padding:10px 4px!important}.app-shell:has(.dashboard-hero) .stats .group-total-compact>img.total-students-illustration{width:37px!important;height:37px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-list{gap:5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item{grid-template-rows:auto auto auto!important;grid-template-columns:20px minmax(0,1fr)!important;gap:4px!important;min-height:122px!important;padding:9px 5px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three{grid-area:1/1;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-item .ranking-position.top-three .ranking-crown-image{width:22px!important;height:22px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-avatar{grid-area:1/2;justify-self:center!important;width:36px!important;min-width:36px!important;height:36px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-student-name{grid-area:2/1/auto/-1;text-align:center!important;font-size:10px!important}.app-shell:has(.dashboard-hero) .ranking-panel:not(.growth-ranking-panel) .ranking-balance{grid-area:3/1/auto/-1;text-align:center!important;font-size:11px!important}.reward-modal .reward-balance-strip{grid-template-columns:minmax(0,1.02fr) minmax(42px,.43fr) minmax(0,.95fr)!important;gap:4px!important;padding:10px!important}.reward-modal .reward-balance-main>span:first-child{font-size:11px!important}.reward-modal .reward-balance-main>strong{gap:3px!important;font-size:clamp(20px,5.4vw,28px)!important}.reward-modal .reward-balance-main>.reward-balance-stats{gap:4px!important}.reward-modal .reward-balance-stat{gap:3px!important;padding:5px 4px!important}.reward-modal .reward-balance-stat img{width:19px!important;height:19px!important}.reward-modal .reward-balance-stat strong{font-size:9px!important}.reward-modal .reward-balance-stat small{font-size:8px!important}.reward-modal .reward-balance-main>.reward-annual-goal{border-radius:11px!important;padding:7px!important}.reward-modal .reward-annual-goal .annual-goal-heading>span{font-size:10px!important}.reward-modal .reward-annual-goal .annual-goal-heading>strong{font-size:9px!important}.reward-modal .reward-annual-goal .annual-goal-heading>b{padding:3px!important;font-size:9px!important}.reward-modal .reward-balance-mascot img{max-height:82px!important}}.dashboard-hero{padding-bottom:52px;position:relative}.dashboard-settings-button{color:#fff;width:34px;height:34px;box-shadow:none;z-index:2;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;bottom:16px;right:18px}.dashboard-settings-button:hover,.dashboard-settings-button:focus-visible{outline-offset:2px;background:#ffffff1f;outline:2px solid #fff9}.dashboard-settings-button svg{width:23px;height:23px}.group-visual-list-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.group-visual-list-heading h3{margin-right:auto}.create-group-inline{min-height:38px;padding:8px 13px}.reward-annual-goal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.9;max-width:230px;box-shadow:none!important;background:#ffffff94!important;border:1px solid #fff6!important;padding:11px 13px!important}.reward-annual-goal .annual-goal-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.reward-annual-goal .annual-goal-heading span{font-size:.88rem}.reward-annual-goal .annual-goal-heading b{font-size:.9rem}.reward-annual-goal .annual-goal-track{height:7px}.reward-balance-strip{position:relative}.reward-balance-main{z-index:1;position:relative}.reward-balance-mascot{z-index:2;pointer-events:none;position:relative}.reward-balance-mascot img{object-fit:contain;max-width:100%;height:auto}.reward-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reward-category-grid>button{aspect-ratio:1;text-align:center;white-space:normal;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:auto;min-height:0;padding:10px 6px;display:flex}.reward-category-grid .reward-category-art{object-fit:contain;flex:none;width:64px;max-width:90%;height:64px}.reward-category-grid>button>span{font-size:clamp(.67rem,2.5vw,.88rem);font-weight:750;line-height:1.15}.reward-category-grid .reward-category-arrow,.reward-category-count{display:none!important}.currency-coin-icon{object-fit:contain;vertical-align:middle;flex:none;width:28px;height:28px}.student-balance strong{justify-content:center;align-items:center;gap:6px;display:flex}.student-balance .currency-coin-icon{width:24px;height:24px}.reward-list-panel .student-row{grid-template-columns:54px minmax(0,1fr) minmax(118px,150px) auto;align-items:center;gap:12px;display:grid}.reward-list-panel .student-info{min-width:0}.reward-list-panel .student-info strong{font-size:1rem;line-height:1.2}.reward-list-panel .student-balance{border-radius:16px;grid-area:auto;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;min-height:56px;padding:8px 10px;display:flex}.reward-list-panel .student-balance span{margin:0}.reward-list-panel .student-balance strong{white-space:nowrap;font-size:1.08rem}.reward-list-panel .student-balance .currency-coin-icon{width:25px;height:25px}.history-item{grid-template-columns:64px minmax(0,1fr) minmax(100px,120px) auto;align-items:center;gap:12px;display:grid}.history-item-main{min-width:0}.history-item-end{display:contents}.history-item-end>strong{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.history-item-end .currency-coin-icon{width:26px;height:26px}.devices-tabs{display:none!important}.devices-authorized-toggle{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.devices-authorized-toggle>div{flex:1}.devices-authorized-toggle h2{margin:0}.devices-authorized-toggle svg,.access-substitute-toggle svg{transition:transform .2s}.devices-authorized-toggle svg.is-expanded,.access-substitute-toggle svg.is-expanded{transform:rotate(90deg)}.access-substitute-toggle{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 0}.access-substitute-toggle h3{margin:0}.access-substitute-content{padding-top:10px}.devices-authorized-heading{align-items:center}.gender-choice-field{border:0;min-width:0;margin:8px 0 16px;padding:0}.gender-choice-field legend{color:#20385e;margin-bottom:8px;font-weight:750}.gender-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gender-choice{color:#19345f;background:#f8fbff;border:1.5px solid #dce6f5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;display:flex;position:relative}.gender-choice img{object-fit:contain;border-radius:50%;width:58px;height:58px}.gender-choice.girl.selected{color:#c72e7a;background:#fff0f7;border-color:#ee6aa9;box-shadow:inset 0 0 0 1px #ee6aa9}.gender-choice.boy.selected{color:#1764c0;background:#edf6ff;border-color:#368df5;box-shadow:inset 0 0 0 1px #368df5}.gender-check{color:#fff;background:#1877f2;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:800;display:grid;position:absolute;top:8px;right:10px}.form-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.form-actions .button{justify-content:center;width:100%}.student-profile-modal{width:min(760px,100vw - 28px);max-height:min(90dvh,900px);padding:20px;overflow:auto}.student-profile-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-profile-title h2{margin:0}.student-profile-identity{border-bottom:1px solid #e0e8f5;align-items:center;gap:14px;padding:14px 0;display:flex}.student-profile-identity>img{object-fit:contain;background:#f5f8ff;border-radius:50%;width:76px;height:76px}.student-profile-identity>div{flex:1;min-width:0}.student-profile-identity h3{margin:0;font-size:1.35rem}.student-profile-identity p{color:#6a7d99;margin:4px 0 0}.student-profile-tabs{background:#eef4ff;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0;padding:8px;display:grid}.student-profile-tabs button{color:#29466f;background:0 0;border:0;border-radius:12px;padding:10px 5px;font-weight:750}.student-profile-tabs button.active{color:#fff;background:#147cf3;box-shadow:0 3px 8px #147cf333}.student-nfc-card{background:linear-gradient(115deg,#fff 0%,#f9fcff 58%,#eaf5ff 100%);border:1px solid #d9e5f5;border-radius:20px;padding:18px;box-shadow:0 8px 24px #143d7412}.student-nfc-brand{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-nfc-brand img{object-fit:contain;width:min(65%,280px);height:auto}.student-nfc-brand span{letter-spacing:.12em;color:#1677dd;font-weight:800}.student-nfc-middle{background:linear-gradient(90deg,#ffe06b,#a9a4ff,#159ef1);border-radius:14px;align-items:center;gap:14px;margin:18px 0 12px;padding:12px;display:flex}.student-nfc-middle img{object-fit:contain;background:#fff;border-radius:50%;width:76px;height:76px}.student-nfc-middle strong{color:#102b60;overflow-wrap:anywhere;font-size:clamp(1.1rem,4vw,1.7rem)}.student-nfc-card>p{color:#334d76;margin:8px 0;font-weight:650}.student-nfc-card>small{color:#71809a}.student-card-download{margin-top:14px}.student-profile-data p{border-bottom:1px solid #e4ebf5;flex-direction:column;gap:5px;margin:0;padding:12px 0;display:flex}.student-profile-data p span{color:#6c7e99;font-size:.82rem}.student-profile-data p strong{color:#19345f}.student-profile-edit{gap:12px;display:grid}.student-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.student-profile-stats>div{background:#f7faff;border:1px solid #dce6f5;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.student-profile-stats>div>span{color:#6a7d99;font-size:.85rem}.student-profile-stats>div>strong{color:#176b4b;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.student-profile-stats>div img{object-fit:contain;width:24px;height:24px}.student-profile-stats>.button{grid-column:1/-1}@media (width<=540px){.reward-category-grid{gap:7px}.reward-category-grid>button{border-radius:15px;gap:6px;padding:8px 4px}.reward-category-grid .reward-category-art{width:clamp(42px,14vw,58px);height:clamp(42px,14vw,58px)}.reward-category-grid>button>span{font-size:clamp(.63rem,2.7vw,.78rem)}.reward-list-panel .student-row{grid-template-columns:42px minmax(0,1fr) minmax(88px,105px) auto;gap:7px;padding:10px}.reward-list-panel .student-row .avatar{width:42px;height:42px}.reward-list-panel .student-balance{min-height:52px;padding:5px}.reward-list-panel .student-balance strong{font-size:.88rem}.reward-list-panel .student-balance .currency-coin-icon{width:20px;height:20px}.reward-list-panel .student-row>.button{padding:8px 9px;font-size:.78rem}.history-item{grid-template-columns:44px minmax(0,1fr) minmax(82px,94px) auto;gap:7px;padding:10px}.history-item-art{width:44px;height:44px}.history-item-end .button{padding:8px 9px;font-size:.8rem}.history-item-end>strong{font-size:.84rem}.history-item-end .currency-coin-icon{width:20px;height:20px}.student-profile-modal{padding:14px}.student-profile-identity>img{width:58px;height:58px}.student-profile-identity h3{font-size:1.05rem}.student-profile-identity>.button{padding:8px 10px;font-size:.82rem}.student-nfc-middle img{width:56px;height:56px}.student-profile-stats{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.student-profile-modal,.student-profile-modal *{visibility:visible!important}.student-profile-modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.student-profile-title,.student-profile-identity,.student-profile-tabs,.student-card-download{display:none!important}.student-profile-modal .student-nfc-card{box-shadow:none!important}}.student-name-toggle .student-balance{color:#18345f;justify-content:flex-end;align-items:center;gap:5px;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;width:auto!important;min-height:0!important;padding:0!important}.student-name-toggle .student-balance strong{white-space:nowrap;font-size:1rem}.student-name-toggle .student-balance .currency-coin-icon{width:26px;height:26px}@media (width<=540px){.student-name-toggle .student-balance strong{font-size:.9rem}.student-name-toggle .student-balance .currency-coin-icon{width:22px;height:22px}}.app-shell:has(.dashboard-hero){--ui-ink:#19345f;--ui-muted:#687b98;--ui-line:#e1e9f5;--ui-surface:#fff;--ui-soft:#f6f9ff;color:var(--ui-ink)}.app-shell:has(.dashboard-hero) .dashboard-hero{border-radius:24px!important;margin-bottom:14px!important;padding:clamp(58px,8vw,76px) clamp(16px,4vw,26px) 38px!important}.app-shell:has(.dashboard-hero) .dashboard-brand-logo{max-width:min(100%,340px);height:auto}.app-shell:has(.dashboard-hero) .dashboard-motto{text-wrap:balance;max-width:34rem;margin:12px auto 0;line-height:1.45}.app-shell:has(.dashboard-hero) .notice{align-items:flex-start;gap:10px;line-height:1.4;display:flex;border-radius:14px!important;margin:12px 0 16px!important;padding:12px 14px!important}.app-shell:has(.dashboard-hero) .notice p{margin:4px 0 0;line-height:1.45}.app-shell:has(.dashboard-hero) .back-home-button{min-height:42px;margin:10px 0;border-radius:13px!important}.app-shell:has(.dashboard-hero) .quick-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 16px!important;display:grid!important}.app-shell:has(.dashboard-hero) .quick-nav button{text-wrap:balance;min-width:0;min-height:44px;line-height:1.2;white-space:normal!important;border-radius:13px!important;padding:10px 8px!important;font-size:13px!important}.app-shell:has(.dashboard-hero) .group-home-bar{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:17px!important;margin:12px 0 16px!important;padding:12px!important;box-shadow:0 4px 16px #1f41750b!important}.app-shell:has(.dashboard-hero) .group-select{gap:7px;min-width:0;display:grid}.app-shell:has(.dashboard-hero) .group-select>span{color:var(--ui-muted);font-size:12px;font-weight:800}.app-shell:has(.dashboard-hero) .group-select select{width:100%;min-height:46px;color:var(--ui-ink)!important;background:#f8fbff!important;border:1px solid #d6e2f2!important;border-radius:12px!important;padding:10px 12px!important}.app-shell:has(.dashboard-hero) .workspace{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:20px!important;margin:14px 0 20px!important;padding:clamp(14px,3.5vw,22px)!important;box-shadow:0 6px 22px #1e3a640b!important}.app-shell:has(.dashboard-hero) .section-heading{gap:12px!important;margin-bottom:14px!important}.app-shell:has(.dashboard-hero) .section-heading h2{letter-spacing:-.02em;line-height:1.2}.app-shell:has(.dashboard-hero) .form-card{border-color:var(--ui-line)!important;border-radius:17px!important;box-shadow:0 4px 16px #1e3a640a!important}.app-shell:has(.dashboard-hero) .button{font-weight:750;transition:transform .15s,box-shadow .15s;border-radius:12px!important}.app-shell:has(.dashboard-hero) .button:active{transform:translateY(1px)}.app-shell:has(.dashboard-hero) .reward-category-accordion{grid-template-columns:1fr;gap:10px;display:grid}.app-shell:has(.dashboard-hero) .reward-category-section{min-width:0;overflow:hidden;border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:17px!important;box-shadow:0 3px 12px #1e3a6409!important}.app-shell:has(.dashboard-hero) .reward-category-toggle{text-align:left;width:100%;min-width:0;min-height:92px;background:linear-gradient(110deg,#fff 0%,#f8fbff 100%)!important;border:0!important;border-radius:0!important;gap:12px!important;padding:13px 14px!important}.app-shell:has(.dashboard-hero) .reward-catalog-category-art{align-items:center;gap:12px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art>img{background:#f5f8ff;border-radius:14px;flex-basis:58px;width:58px;height:58px;padding:4px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art>span{gap:5px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art strong{color:var(--ui-ink);font-size:15px;line-height:1.25}.app-shell:has(.dashboard-hero) .reward-catalog-category-art small{color:var(--ui-muted);font-size:12px;line-height:1.4}.app-shell:has(.dashboard-hero) .reward-catalog-category-art .count-pill{color:#2c5e9e;background:#eaf2ff;border-radius:999px;width:max-content;max-width:100%;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.app-shell:has(.dashboard-hero) .reward-category-expand-mark{color:#245b99;background:#eaf2ff;border-radius:10px;flex:0 0 30px;width:30px;height:30px;font-size:22px}.app-shell:has(.dashboard-hero) .reward-category-list{border-top:1px solid #eaf0f8;padding:8px!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-row{border-bottom:1px solid #edf1f8!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;padding:12px 8px!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-row:last-child{border-bottom:0!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-info{min-width:0}.app-shell:has(.dashboard-hero) .reward-category-list .student-info strong{font-size:14px;line-height:1.3}.app-shell:has(.dashboard-hero) .reward-category-list .student-info>span{color:var(--ui-muted);font-size:12px;line-height:1.4}.app-shell:has(.dashboard-hero) .reward-category-list .student-balance{white-space:nowrap;justify-content:center;align-items:center;gap:3px;display:flex;color:#176b4c!important;background:#f1fbf6!important;border-radius:11px!important;padding:7px 9px!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-actions{grid-column:2/-1;gap:7px;display:flex}.app-shell:has(.dashboard-hero) .reward-category-list .student-actions .button{flex:1;min-height:36px;font-size:12px;padding:8px 10px!important}:is(.app-shell:has(.dashboard-hero) .empty-state,.app-shell:has(.dashboard-hero) .group-welcome){border-color:var(--ui-line)!important;border-radius:18px!important}@media (width<=600px){.app-shell:has(.dashboard-hero){padding-left:12px!important;padding-right:12px!important}.app-shell:has(.dashboard-hero) .dashboard-hero{border-radius:21px!important;padding:58px 15px 34px!important}.app-shell:has(.dashboard-hero) .dashboard-motto{max-width:29rem;font-size:14px}.app-shell:has(.dashboard-hero) .quick-nav{gap:6px!important}.app-shell:has(.dashboard-hero) .quick-nav button{min-height:44px;padding:9px 5px!important;font-size:11px!important}.app-shell:has(.dashboard-hero) .workspace{border-radius:17px!important;padding:13px!important}.app-shell:has(.dashboard-hero) .section-heading{align-items:flex-start!important}.app-shell:has(.dashboard-hero) .reward-category-toggle{min-height:82px;gap:8px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .reward-catalog-category-art{gap:9px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art>img{flex-basis:46px;width:46px;height:46px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art strong{font-size:14px}.app-shell:has(.dashboard-hero) .reward-catalog-category-art small{font-size:11px}.app-shell:has(.dashboard-hero) .reward-category-expand-mark{flex-basis:27px;width:27px;height:27px;font-size:20px}.app-shell:has(.dashboard-hero) .reward-category-list .student-row{grid-template-columns:38px minmax(0,1fr) auto!important;gap:7px!important;padding:10px 5px!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-row .avatar{width:36px;height:36px}.app-shell:has(.dashboard-hero) .reward-category-list .student-info strong{font-size:12px}.app-shell:has(.dashboard-hero) .reward-category-list .student-info>span{font-size:10px}.app-shell:has(.dashboard-hero) .reward-category-list .student-balance{font-size:11px;padding:6px!important}.app-shell:has(.dashboard-hero) .reward-category-list .student-actions{grid-column:1/-1}}@media (width>=800px){.app-shell:has(.dashboard-hero) .reward-category-accordion{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell:has(.dashboard-hero) .reward-category-list{grid-column:1/-1}}.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px;display:grid}.app-shell:has(.dashboard-hero) .stats .stat-card{min-width:0;overflow:hidden;border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:16px!important;padding:13px!important;box-shadow:0 4px 15px #1f41750b!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-column:span 2;align-items:center;gap:12px;display:flex;background:linear-gradient(135deg,#f2f7ff,#fff)!important}.app-shell:has(.dashboard-hero) .stats .mascot-stat-icon{flex:0 0 58px;width:58px;height:58px}.app-shell:has(.dashboard-hero) .stats .mascot-stat-icon img{object-fit:contain;width:100%;height:100%}.app-shell:has(.dashboard-hero) .stats .group-balance-copy{gap:5px;min-width:0;display:grid}:is(.app-shell:has(.dashboard-hero) .stats .group-balance-copy>span,.app-shell:has(.dashboard-hero) .stats .stat-card>span){color:var(--ui-muted);font-size:12px;font-weight:750;line-height:1.35}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{overflow-wrap:anywhere;align-items:center;gap:5px;font-size:clamp(15px,2vw,20px);line-height:1.2;display:flex}.app-shell:has(.dashboard-hero) .stats .group-balance-copy .currency-coin-icon{flex:0 0 23px;width:23px;height:23px}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact,.app-shell:has(.dashboard-hero) .stats .gender-unassigned-card){align-items:center;gap:5px;display:flex}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card>strong,.app-shell:has(.dashboard-hero) .stats .group-total-compact>strong,.app-shell:has(.dashboard-hero) .stats .gender-unassigned-card>strong){color:var(--ui-ink);font-size:25px;line-height:1.1}.app-shell:has(.dashboard-hero) .stats .gender-stat-card>small{color:var(--ui-muted);font-size:10px}.app-shell:has(.dashboard-hero) .stats .gender-avatar-icon{flex:0 0 38px;width:38px;height:38px}.app-shell:has(.dashboard-hero) .stats .gender-avatar-icon img{object-fit:contain;width:100%;height:100%}.app-shell:has(.dashboard-hero) .stats .group-total-compact .total-students-illustration{object-fit:contain;width:34px;height:34px}.app-shell:has(.dashboard-hero) .ranking-panel{border:1px solid var(--ui-line)!important;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;border-radius:20px!important;margin:14px 0 18px!important;padding:clamp(14px,3vw,20px)!important;box-shadow:0 6px 22px #1e3a640b!important}.app-shell:has(.dashboard-hero) .ranking-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.app-shell:has(.dashboard-hero) .ranking-heading h3{letter-spacing:-.02em;margin:3px 0 5px;line-height:1.25}.app-shell:has(.dashboard-hero) .ranking-heading p:not(.eyebrow){color:var(--ui-muted);margin:0;font-size:12px;line-height:1.45}.app-shell:has(.dashboard-hero) .ranking-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.app-shell:has(.dashboard-hero) .ranking-item{background:#fff;border:1px solid #e8eef7;border-radius:14px;grid-template-columns:32px 38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.app-shell:has(.dashboard-hero) .ranking-student-avatar{object-fit:contain;width:36px;height:36px}.app-shell:has(.dashboard-hero) .ranking-student-name{min-width:0;color:var(--ui-ink);overflow-wrap:anywhere;font-size:13px;font-weight:800}.app-shell:has(.dashboard-hero) .ranking-balance{white-space:nowrap;color:#215d9b;font-size:14px}.app-shell:has(.dashboard-hero) .ranking-balance small{color:var(--ui-muted);font-size:10px;font-weight:700}.app-shell:has(.dashboard-hero) .ranking-position{justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.app-shell:has(.dashboard-hero) .ranking-crown-image{object-fit:contain;width:30px;height:30px}.app-shell:has(.dashboard-hero) .ranking-place-1{background:linear-gradient(90deg,#fff9e9,#fff);border-color:#f1d48b}.app-shell:has(.dashboard-hero) .ranking-place-2{background:linear-gradient(90deg,#f7f9fc,#fff);border-color:#dfe5ed}.app-shell:has(.dashboard-hero) .ranking-place-3{background:linear-gradient(90deg,#fff7f0,#fff);border-color:#ecd4bf}@media (width<=700px){.app-shell:has(.dashboard-hero) .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell:has(.dashboard-hero) .stats .stat-card{border-radius:14px!important;padding:11px!important}.app-shell:has(.dashboard-hero) .stats .group-balance-card{grid-column:1/-1}.app-shell:has(.dashboard-hero) .stats .mascot-stat-icon{flex-basis:48px;width:48px;height:48px}.app-shell:has(.dashboard-hero) .stats .group-balance-copy>strong{font-size:17px}:is(.app-shell:has(.dashboard-hero) .stats .gender-stat-card,.app-shell:has(.dashboard-hero) .stats .group-total-compact,.app-shell:has(.dashboard-hero) .stats .gender-unassigned-card){min-height:96px}.app-shell:has(.dashboard-hero) .ranking-heading{gap:8px}.app-shell:has(.dashboard-hero) .ranking-heading .count-pill{flex-shrink:0}.app-shell:has(.dashboard-hero) .ranking-item{grid-template-columns:28px 32px minmax(0,1fr) auto;gap:7px;padding:9px 8px}.app-shell:has(.dashboard-hero) .ranking-student-avatar{width:31px;height:31px}.app-shell:has(.dashboard-hero) .ranking-student-name{font-size:12px}.app-shell:has(.dashboard-hero) .ranking-balance{font-size:12px}.app-shell:has(.dashboard-hero) .ranking-crown-image{width:26px;height:26px}}