:root{--navy: #0b2a4a;--navy-700: #123a63;--navy-500: #1d4e7e;--navy-100: #e5ecf4;--navy-050: #f2f6fa;--orange: #f5a623;--orange-600: #d98a09;--orange-100: #fdf0d8;--green: #4caf50;--green-700: #35893a;--green-100: #e6f5e7;--red: #d94141;--red-100: #fbe6e6;--bg: #fafafa;--surface: #ffffff;--ink: #0b2a4a;--ink-soft: #8a94a6;--line: #e6e9ef;--line-strong: #d3d9e3;--series-1: #2a78d6;--series-2: #eda100;--series-3: #1baf7a;--series-4: #4a3aa7;--chart-ink: #2a78d6;--chart-flag: #eb6834;--grid: #eceff4;--font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--t-display: 700 clamp(1.9rem, 1.4rem + 2.4vw, 2.8rem) / 1.12 var(--font);--t-title: 800 1.45rem/1.2 var(--font);--t-section: 800 1.05rem/1.3 var(--font);--t-body: 600 .95rem/1.5 var(--font);--t-small: 600 .83rem/1.45 var(--font);--t-label: 800 .7rem/1.2 var(--font);--r-lg: 16px;--r-md: 12px;--r-sm: 10px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(11, 42, 74, .05), 0 2px 8px rgba(11, 42, 74, .05);--shadow-md: 0 2px 4px rgba(11, 42, 74, .05), 0 10px 24px rgba(11, 42, 74, .08);--shadow-lg: 0 8px 40px rgba(11, 42, 74, .16);--gap: 16px;--pad: 16px;--shell: 1120px;--tabbar-h: 68px}@media (min-width: 768px){:root{--pad: 24px;--gap: 20px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure{margin:0}h1{font:var(--t-title)}h2{font:var(--t-section)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}::selection{background:var(--orange-100)}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}.stack-sm{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.stack>*,.stack-sm>*{min-width:0}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1}.label{font:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}.muted{color:var(--ink-soft)}.small{font:var(--t-small)}.num{font-variant-numeric:tabular-nums;font-weight:800}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:var(--pad)}.page{padding-bottom:calc(var(--tabbar-h) + 24px)}@media (min-width: 900px){.page{padding-bottom:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.logo{--mark: 38px;--word: 1.4rem;display:inline-flex;align-items:center;gap:11px;flex:none}.logo--sm{--mark: 32px;--word: 1.15rem}.logo--lg{--mark: 52px;--word: 1.9rem}.logo__mark{width:var(--mark);height:var(--mark);flex:none;display:grid;place-items:center;border-radius:calc(var(--mark) * .3);background:linear-gradient(150deg,#17456f 0%,var(--navy) 58%,#071d33 100%);box-shadow:0 4px 12px #0b2a4a42,inset 0 1px #ffffff29;transition:transform .18s ease,box-shadow .18s ease}.logo__mark svg{width:78%;height:78%}.logo--on-dark .logo__mark{background:linear-gradient(150deg,#fff,#f1f5f9);box-shadow:0 6px 18px #020e1b57,inset 0 -1px #0b2a4a14}.logo__text{display:grid;gap:2px}.logo__word{font:900 var(--word) / 1 var(--font);letter-spacing:-.035em;color:var(--navy)}.logo--on-dark .logo__word{color:#fff;text-shadow:0 1px 12px rgba(2,14,27,.3)}.logo__n{color:var(--green)}.logo__tag{font:700 calc(var(--word) * .42) / 1.2 var(--font);letter-spacing:.055em;color:var(--ink-soft)}.logo--on-dark .logo__tag{color:#ffffffad}.logo:hover .logo__mark{transform:translateY(-1px);box-shadow:0 7px 18px #0b2a4a4d,inset 0 1px #ffffff2e}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--pad)}.card--flat{box-shadow:none}.card--navy{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-700) 62%,#17466f 100%);border-color:transparent;color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card--navy .label,.card--navy .muted{color:#ffffffa8}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.card__title{font:var(--t-section)}.card__hint{font:var(--t-small);color:var(--ink-soft)}.btn{--btn-bg: var(--navy);--btn-ink: #fff;--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1.5px solid var(--btn-border);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-ink);font:800 .95rem/1 var(--font);cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg: var(--orange);--btn-ink: #2c1c00;box-shadow:0 6px 16px #f5a62352}.btn--navy{--btn-bg: var(--navy)}.btn--success{--btn-bg: var(--green);--btn-ink: #062a08;box-shadow:0 6px 16px #4caf504d}.btn--danger{--btn-bg: var(--red)}.btn--ghost{--btn-bg: transparent;--btn-ink: var(--navy);--btn-border: var(--line-strong)}.btn--ghost:hover:not(:disabled){--btn-border: var(--navy-500);background:var(--navy-050)}.btn--quiet{--btn-bg: transparent;--btn-ink: var(--ink-soft);min-height:38px;padding:0 10px;font-weight:700}.btn--block{width:100%}.btn--lg{min-height:58px;font-size:1.05rem;border-radius:14px}.btn--sm{min-height:38px;padding:0 12px;font-size:.83rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);background:var(--navy-100);color:var(--navy);font:800 .76rem/1.25 var(--font);white-space:nowrap}.badge--green{background:var(--green-100);color:var(--green-700)}.badge--orange{background:var(--orange-100);color:#8a5a00}.badge--red{background:var(--red-100);color:#9c1f1f}.badge--solid-red{background:var(--red);color:#fff;font-size:.84rem;padding:8px 14px;box-shadow:0 4px 12px #d9414147}.badge--ai{background:var(--orange-100);color:#8a5a00;font-size:.68rem;letter-spacing:.02em;padding:3px 8px}.badge--outline{background:transparent;border:1.5px solid var(--line-strong);color:var(--ink-soft)}.field{display:grid;gap:6px}.field>span{font:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}.input,.select,.textarea{width:100%;min-height:46px;padding:11px 13px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font:700 .95rem/1.3 var(--font);transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:76px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--navy-500)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}.input--ai{border-color:var(--orange);background:#fffdf7}.input::placeholder{color:#aab2c0;font-weight:600}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%230B2A4A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.slider{width:100%;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--orange) 0,var(--orange) var(--pct, 0%),var(--navy-100) var(--pct, 0%))}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:var(--orange);border:3px solid #fff;box-shadow:0 2px 8px #0b2a4a47}.slider::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--orange) 0,var(--orange) var(--pct, 0%),var(--navy-100) var(--pct, 0%))}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--orange);border:3px solid #fff;box-shadow:0 2px 8px #0b2a4a47}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{display:flex;align-items:center;width:56px;height:32px;border-radius:99px;background:var(--line-strong);padding:4px;transition:background .2s ease;flex:none}.switch__thumb{display:block;flex:none;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0b2a4a4d;transition:transform .2s cubic-bezier(.3,1.4,.6,1)}.switch input:checked+.switch__track{background:var(--red)}.switch input:checked+.switch__track .switch__thumb{transform:translate(24px)}.switch input:focus-visible+.switch__track{outline:3px solid var(--orange);outline-offset:2px}.chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);font:700 .88rem/1 var(--font);color:var(--ink);cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--navy-500)}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.chip--amount[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#2c1c00}.segmented{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:4px;gap:4px;background:var(--navy-050);border:1px solid var(--line);border-radius:var(--r-pill)}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:none;border:0;background:transparent;border-radius:var(--r-pill);padding:8px 14px;font:800 .82rem/1 var(--font);color:var(--ink-soft);cursor:pointer;min-height:34px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--navy);box-shadow:var(--shadow-sm)}.topbar{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:var(--shell);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar__links{display:none;gap:4px}.topbar__link{padding:9px 14px;border-radius:var(--r-pill);font:800 .88rem/1 var(--font);color:var(--ink-soft)}.topbar__link:hover{background:var(--navy-050);color:var(--navy)}.topbar__link.is-active{background:var(--navy);color:#fff}.topbar__user{display:flex;align-items:center;gap:10px}@media (min-width: 900px){.topbar__links{display:flex}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{display:grid;justify-items:center;gap:3px;padding:10px 4px 8px;min-height:var(--tabbar-h);color:var(--ink-soft);font:800 .68rem/1.2 var(--font)}.tabbar__item.is-active{color:var(--navy)}.tabbar__item.is-active .tabbar__icon{background:var(--navy);color:#fff}.tabbar__icon{width:34px;height:28px;display:grid;place-items:center;border-radius:var(--r-pill);transition:background .18s ease,color .18s ease}@media (min-width: 900px){.tabbar{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b2a4a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade-in .18s ease}.modal{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom));animation:sheet-up .24s cubic-bezier(.2,.9,.3,1);box-shadow:var(--shadow-lg)}.modal:focus,.modal:focus-visible{outline:none}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal__grab{width:42px;height:4px;border-radius:99px;background:var(--line-strong);margin:-6px auto 14px}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:20px}.modal__grab{display:none}}.list{display:grid;grid-template-columns:minmax(0,1fr)}.list__row{min-width:0;display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.list__row:last-child{border-bottom:0}.list__icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);background:var(--navy-050);font-size:1.1rem}.list__main{flex:1;min-width:0}.list__name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__meta{font:var(--t-small);color:var(--ink-soft)}.list__value{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;min-width:420px;border-collapse:collapse}table.data th{font:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:0 12px 10px 0;border-bottom:1px solid var(--line)}table.data td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);font-weight:700}table.data tr:last-child td{border-bottom:0}table.data .right,table.data th.right{text-align:right;padding-right:0;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 720px){.tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;display:grid;gap:4px;align-content:start}.tile__value{font:900 1.6rem/1.1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tile__label{font:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}.tile__foot{font:var(--t-small);color:var(--ink-soft)}.empty{display:grid;justify-items:center;gap:10px;padding:34px 18px;text-align:center;color:var(--ink-soft)}.empty__title{font:var(--t-section);color:var(--ink)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);font:var(--t-small);border:1.5px solid transparent}.notice--error{background:var(--red-100);border-color:#d941414d;color:#8c1c1c}.notice--warn{background:var(--orange-100);border-color:#f5a62366;color:#7d5100}.notice--info{background:var(--navy-050);border-color:var(--line);color:var(--navy-500)}.notice--success{background:var(--green-100);border-color:#4caf5059;color:var(--green-700)}.tapmark{color:var(--orange)}.tapmark--pulse .tapmark__arc{transform-origin:24px 34px;animation:tap-pulse 1.9s ease-out infinite}.tapmark--pulse .tapmark__arc:nth-child(2){animation-delay:.22s}.tapmark--pulse .tapmark__arc:nth-child(3){animation-delay:.44s}.tapmark--spin{animation:spin 1.1s linear infinite}.arc-field{position:absolute;right:-60px;top:-70px;width:240px;height:240px;opacity:.16;pointer-events:none;color:#fff}@keyframes tap-pulse{0%{opacity:.15;transform:scale(.86)}40%{opacity:1}to{opacity:.15;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(18px);opacity:0}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes count-flash{0%{color:var(--green);transform:scale(1.06)}to{color:inherit;transform:scale(1)}}.home{min-height:100%;background:var(--bg)}.home__hero{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--navy) 0%,#103b64 55%,#16507f 100%);color:#fff;padding:28px 0 64px}.home__hero-inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);position:relative;z-index:1}.home__hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}@media (min-width: 920px){.home__hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;padding-bottom:12px}}.home__points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}@media (min-width: 560px){.home__points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.home__points li{display:grid;gap:2px;padding-left:34px;position:relative;font:var(--t-small);color:#ffffff9e}.home__points strong{color:#fff;font-size:.9rem}.home__point-icon{position:absolute;left:0;top:1px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#ffffff1f;font-size:.75rem}.hero-art{position:relative;margin:8px auto 0;width:min(100%,340px);padding:22px 0 52px;animation:hero-rise .5s cubic-bezier(.2,.9,.3,1) both}.hero-art__card{position:relative;z-index:1;background:#fff;color:var(--ink);border-radius:18px;padding:16px;display:grid;gap:14px;box-shadow:0 18px 44px #0312226b;transform:rotate(-3deg)}.hero-art__card-head{display:flex;align-items:center;gap:10px}.hero-art__card-head strong{display:block;font-size:.95rem}.hero-art__card-head span{font:var(--t-small);color:var(--ink-soft)}.hero-art__avatar{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--orange);color:var(--navy);font:900 .85rem/1 var(--font)}.hero-art__qr{display:grid;place-items:center;padding:12px;border-radius:14px;background:var(--navy-050);border:1px solid var(--line)}.hero-art__strip{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed var(--line-strong);font:800 .78rem/1 var(--font);color:var(--ink-soft)}.hero-art__chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 10px 26px #03122252;animation:hero-rise .5s .18s cubic-bezier(.2,.9,.3,1) both}.hero-art__chip strong{display:block;font-size:.9rem;line-height:1.2}.hero-art__chip span{font:var(--t-small);color:var(--ink-soft)}.hero-art__chip--ok{top:0;right:-6px}.hero-art__tick{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;font-size:.85rem}.hero-art__chip--balance{bottom:0;left:-14px;animation-delay:.3s}.hero-art__chip--balance strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.hero-art__chip--balance span{font:var(--t-label);letter-spacing:.08em;text-transform:uppercase}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px) rotate(0)}}.home__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:30px 0 14px;padding:6px 14px;border-radius:var(--r-pill);background:#ffffff1f;font:800 .76rem/1 var(--font);letter-spacing:.04em}.home__title{font:var(--t-display);max-width:15ch;letter-spacing:-.015em}.home__title em{font-style:normal;color:var(--orange)}.home__lede{margin-top:14px;max-width:46ch;color:#ffffffc2;font-size:1rem}.home__arcs{position:absolute;right:-90px;bottom:-120px;width:420px;height:420px;opacity:.1;color:#fff}.home__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/school-Bo8CfiiE.jpg) center 70% / cover no-repeat;filter:grayscale(1) contrast(1.08);opacity:.2;pointer-events:none}.home__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,var(--navy) 6%,rgba(11,42,74,.72) 42%,rgba(11,42,74,.2) 100%),linear-gradient(to bottom,var(--navy) 0%,rgba(11,42,74,0) 26%,rgba(11,42,74,.55) 100%)}@media (min-width: 920px){.home__photo{opacity:.26}}.home__roles{max-width:var(--shell);margin:-44px auto 0;padding:0 var(--pad) 40px;display:grid;gap:var(--gap);position:relative;z-index:2}@media (min-width: 760px){.home__roles{grid-template-columns:repeat(3,minmax(0,1fr))}}.role-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:20px;display:grid;gap:10px;align-content:start;transition:transform .18s ease,box-shadow .18s ease}.role-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.role-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-size:1.35rem}.role-card__title{font:var(--t-section)}.role-card__body{font:var(--t-small);color:var(--ink-soft);min-height:3em}.home__how{max-width:var(--shell);margin:0 auto;padding:0 var(--pad) 56px}.steps{display:grid;gap:14px;counter-reset:step}@media (min-width: 760px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.step{display:grid;gap:6px}.step__n{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--orange-100);color:#8a5a00;font-weight:900;font-size:.85rem}.login{min-height:100%;display:grid;grid-template-rows:auto 1fr;background:var(--navy);color:#fff}.login__body{display:grid;align-content:start;justify-items:center;gap:18px;padding:8px var(--pad) 40px;position:relative;overflow:hidden}.login__card{width:100%;max-width:420px;background:var(--surface);color:var(--ink);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);display:grid;gap:16px;position:relative;z-index:1}.login__tagline{color:#ffffffb8;font-weight:700;text-align:center}.login__demo{border-top:1px dashed var(--line-strong);padding-top:14px;display:grid;gap:8px}.scan{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}.scan>*{min-width:0}@media (min-width: 1000px){.scan--selling{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.scan__cart-col{position:sticky;top:76px}}.scanner{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--navy);color:#fff;min-height:320px;display:grid;place-items:center;padding:28px 20px;text-align:center}.scanner__reader{width:100%;max-width:420px;border-radius:var(--r-md);overflow:hidden}.scanner__reader video{width:100%!important;border-radius:var(--r-md)}.scanner__idle{display:grid;justify-items:center;gap:16px;position:relative;z-index:1}.scanner__ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.16)}.scanner__hint{color:#ffffffb3;font:var(--t-small);max-width:34ch}.student-head{display:flex;gap:14px;align-items:center}.avatar{width:56px;height:56px;flex:none;border-radius:18px;display:grid;place-items:center;background:var(--orange);color:var(--navy);font:900 1.15rem/1 var(--font)}.avatar--lg{width:68px;height:68px;font-size:1.4rem;border-radius:22px}.meters{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.meter{display:grid;gap:6px}.meter__bar{display:block;height:8px;border-radius:99px;background:var(--navy-100);overflow:hidden}.card--navy .meter__bar{background:#ffffff2e}.meter__fill{display:block;height:100%;border-radius:99px;background:var(--green);transition:width .4s cubic-bezier(.2,.9,.3,1)}.meter__fill--warn{background:var(--orange)}.meter__fill--over{background:var(--red)}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pos-item{position:relative;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:12px;min-height:88px;display:grid;align-content:space-between;gap:8px;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background .14s ease}.pos-item:hover{border-color:var(--navy-500)}.pos-item:active{transform:scale(.98)}.pos-item__name{font:800 .9rem/1.25 var(--font)}.pos-item__price{font:900 1rem/1 var(--font);font-variant-numeric:tabular-nums}.pos-item.is-selected{border-color:var(--navy);background:var(--navy-050)}.pos-item.is-blocked{border-color:#d9414180;background:#fff7f7}.pos-item__qty{position:absolute;top:-8px;right:-8px;min-width:26px;height:26px;padding:0 6px;border-radius:99px;background:var(--navy);color:#fff;display:grid;place-items:center;font:900 .78rem/1 var(--font);box-shadow:var(--shadow-sm);animation:pop-in .22s ease}.verdict{border-radius:var(--r-lg);padding:16px;display:grid;gap:4px;border:1.5px solid transparent}.verdict--ok{background:var(--green-100);border-color:#4caf5066;color:var(--green-700)}.verdict--insufficient,.verdict--frozen,.verdict--allergy{background:var(--red-100);border-color:#d9414159;color:#8c1c1c}.verdict--limit{background:var(--orange-100);border-color:#f5a62373;color:#7d5100}.verdict--empty{background:var(--navy-050);border-color:var(--line);color:var(--ink-soft)}.verdict__headline{font:900 1.05rem/1.2 var(--font)}.cart-dock{position:sticky;bottom:calc(var(--tabbar-h) + 8px);z-index:20;display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-md)}@media (min-width: 1000px){.cart-dock{position:static;box-shadow:var(--shadow-sm)}}.approved{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0b2a4aeb;color:#fff;text-align:center;padding:24px;animation:fade-in .16s ease}.approved__mark{width:116px;height:116px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 auto 20px;animation:pop-in .34s cubic-bezier(.2,1.3,.4,1)}.approved__check{stroke-dasharray:48;stroke-dashoffset:48;animation:draw-check .34s .16s ease forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.balance{position:relative;overflow:hidden}.balance__amount{font:900 clamp(2.6rem,1.6rem + 4.6vw,3.6rem) / 1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:6px 0 2px}.balance__amount.is-updated{animation:count-flash .9s ease}.balance__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.kid-switch{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.kid-switch::-webkit-scrollbar{display:none}.charts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}@media (min-width: 900px){.charts--split{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart{width:100%;height:220px}.chart--tall{height:260px}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px}.legend__item{display:flex;align-items:center;gap:7px;font:var(--t-small)}.legend__swatch{width:11px;height:11px;border-radius:3px;flex:none}.legend__value{font-variant-numeric:tabular-nums;font-weight:800;margin-left:auto}.tooltip{background:var(--navy);color:#fff;border-radius:var(--r-sm);padding:9px 12px;font:var(--t-small);box-shadow:var(--shadow-md)}.tooltip__title{font-weight:800;margin-bottom:3px}.menu-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.menu-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.menu-item:last-child{border-bottom:0}.menu-item__body{flex:1;min-width:0;display:grid;gap:5px}.menu-item__title{font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.menu-item__actions{display:flex;gap:6px;flex:none}.nutri{display:flex;gap:6px 12px;flex-wrap:wrap;font:var(--t-small);color:var(--ink-soft)}.nutri b{color:var(--ink);font-variant-numeric:tabular-nums}.smart-add{border:1.5px dashed var(--orange);background:#fffdf7;border-radius:var(--r-lg);padding:18px;display:grid;gap:10px;justify-items:center;text-align:center}.form-grid{display:grid;gap:12px}@media (min-width: 520px){.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.id-cards{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.id-card{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.id-card__top{background:var(--navy);color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.id-card__qr{display:grid;place-items:center;padding:18px;gap:10px}