@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";.app-alert{border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:12px;padding:12px 14px;font-size:.88rem;line-height:1.45}.app-alert--error{border-color:color-mix(in srgb, var(--color-danger) 40%, var(--border));background:var(--color-danger-bg);color:var(--color-danger)}.app-alert--info{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--border));background:var(--accent-bg);color:var(--text-h)}.app-alert--success{border-color:color-mix(in srgb, var(--color-success) 40%, var(--border));background:var(--color-success-bg);color:var(--color-success)}.app-field{gap:6px;min-width:0;display:grid}.app-field__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.app-field input,.app-field select,.app-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--text-h);font:inherit;box-sizing:border-box;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.app-field input:focus,.app-field select:focus,.app-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.app-field-grid{gap:12px;display:grid}.app-field-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.app-field-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.app-form-section{width:100%;min-width:0;max-width:100%}.app-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.app-toolbar__check{color:var(--text);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.app-split{align-items:start;gap:16px;display:grid}.app-split--wide{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.app-split--equal{grid-template-columns:1fr 1fr}@media (width<=900px){.app-split--wide,.app-split--equal{grid-template-columns:1fr}}.app-table-wrap{border-radius:var(--radius)}.app-table__row--clickable{cursor:pointer;transition:background .12s}.app-table__row--selected td{background:color-mix(in srgb, var(--accent-bg) 70%, var(--card))!important}.app-table__empty td{text-align:center;color:var(--text-muted);font-size:.9rem;padding:24px 16px!important}.app-table__mono{font-family:var(--mono);font-size:.86rem}.app-table__avatar{border-radius:var(--radius-sm);background:var(--social-bg);width:36px;height:36px;color:var(--text-h);place-items:center;font-size:.65rem;font-weight:800;display:grid;overflow:hidden}.app-table__avatar img{object-fit:cover;width:100%;height:100%}.app-link-action{color:var(--accent);font-size:.88rem;font-weight:600;text-decoration:none}.app-link-action:hover{text-decoration:underline}.app-role-list{gap:8px;display:grid}.app-role-list__item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--social-bg);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.app-role-list__item:hover{border-color:var(--border-strong);background:var(--card)}.app-role-list__key{width:120px;font-family:var(--mono);color:var(--text-h);font-size:.82rem;font-weight:600}.app-detail-grid{gap:6px;margin-bottom:14px;font-size:.9rem;display:grid}.app-detail-grid dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:600}.app-detail-grid dd{color:var(--text-h);margin:0 0 8px}.list-page__kpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.list-page__section{margin-top:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-width:0;overflow-x:hidden}img,video,svg{max-width:100%;height:auto}.app-shell{width:100%;max-width:100%}.app-content{min-width:0}.app-main{width:100%;min-width:0}@media (width>=721px){.app-shell--top-nav:not(.app-shell--driver-route){grid-template:"header""content"1fr/1fr}.app-main .mportal-shell,.app-main .mportal-shell--wide{max-width:100%;margin:0;padding-left:0;padding-right:0}}.page-header{width:100%;max-width:100%}.page-header__actions{max-width:100%}.page-card,.page-card__body,.app-card,.app-card__body{min-width:0;max-width:100%}.list-page__kpis{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}.app-form,.app-main form,.mportal-shell form,.login-panel form{max-width:100%}.app-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=image]),.app-main select,.app-main textarea,.app-field input,.app-field select,.app-field textarea,.login-panel input:not([type=checkbox]):not([type=radio]),.login-panel select,.login-panel textarea,.mportal-card input:not([type=checkbox]):not([type=radio]),.mportal-card select,.mportal-card textarea{min-width:0;max-width:100%}@media (width<=720px){.app-form-row{gap:6px;min-width:0;display:grid}.app-main label:has(+input){gap:6px;min-width:0;display:grid}.app-main label:has(+select){gap:6px;min-width:0;display:grid}.app-main label:has(+textarea){gap:6px;min-width:0;display:grid}.app-main label[style*=inline-flex],.app-main label[style*="display: inline-flex"],.app-main label[style*=display\:inline-flex]{align-items:stretch!important;width:100%!important;display:grid!important}.app-field-grid--2,.app-field-grid--3{grid-template-columns:1fr}.app-toolbar{flex-direction:column;align-items:stretch}.app-toolbar .app-btn,.app-toolbar a.app-btn{text-align:center;justify-content:center;width:100%}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:stretch}.page-header__actions .app-btn,.page-header__action-link{width:100%}.page-header__title{font-size:1.15rem}.page-card__body,.app-card__body{padding:12px}.list-page__kpis{grid-template-columns:1fr 1fr;gap:10px}.app-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.app-main select,.app-main textarea,.login-panel input:not([type=checkbox]):not([type=radio]),.login-panel select,.login-panel textarea,.mportal-card input,.mportal-card select,.mportal-card textarea{min-height:44px;padding:10px 12px;font-size:16px}.app-main textarea,.login-panel textarea{min-height:96px}.app-btn{min-height:44px;padding:10px 16px}.app-table-wrap{border-radius:var(--radius-sm);margin-left:-4px;margin-right:-4px}.app-table-wrap table{font-size:.82rem}.app-table-wrap th,.app-table-wrap td{padding:8px 10px}.app-role-list__item{flex-wrap:wrap}.app-role-list__key{width:100%}}@media (width<=400px){.list-page__kpis{grid-template-columns:1fr}}@media (width>=1200px){.page-header__actions{flex-shrink:0;width:auto}.page-header__actions .app-btn,.page-header__action-link{flex:none;width:auto}}.app-page{width:100%;min-width:0;max-width:100%}.app-responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;width:100%;max-width:100%;display:grid}.app-responsive-stack{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;display:flex}.app-scroll-x,:is(.page-card__body>div:has(>table),.app-card__body>div:has(>table)){-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}:is(.page-card__body>div:has(>table) table,.app-card__body>div:has(>table) table){min-width:520px}@media (width<=900px){.app-main [style*="grid-template-columns: minmax"]{flex-direction:column!important;gap:12px!important;display:flex!important}.app-main [style*="grid-template-columns: repeat"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))!important}}.driver-app-shell{max-width:100vw;overflow-x:clip}.driver-app-shell__main{min-width:0;max-width:100%;padding:12px 14px calc(80px + env(safe-area-inset-bottom,0))}@media (width>=721px){.driver-app-shell__main{max-width:960px;margin:0 auto;padding:16px 24px 32px}}.login-layout{max-width:100vw;overflow-x:hidden}.login-panel{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-y:auto}@media (width<=720px){.login-panel input:not([type=checkbox]):not([type=radio]),.login-panel select,.login-panel textarea{min-height:44px;font-size:16px}}:root{--font-sans:"Roboto", "DM Sans", system-ui, "Segoe UI", sans-serif;--font-heading:"Roboto", "DM Sans", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--brand-blue:#1565c0;--brand-blue-dark:#0d47a1;--brand-blue-light:#e3f2fd;--brand-green:#43a047;--brand-green-dark:#2e7d32;--brand-green-light:#e8f5e9;--brand-tagline:#546e7a;--color-primary:var(--brand-blue);--color-primary-dark:var(--brand-blue-dark);--color-primary-light:var(--brand-blue-light);--color-accent-teal:#17a2b8;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-warning:#ed6c02;--color-warning-bg:#fff3e0;--color-danger:#c62828;--color-danger-bg:#ffebee;--color-info:#5e35b1;--color-info-bg:#ede7f6;--kpi-blue:#1e88e5;--kpi-green:#43a047;--kpi-orange:#fb8c00;--kpi-purple:#8e24aa;--kpi-red:#e53935;--kpi-teal:#00897b;--text:#5c6578;--text-h:#1a2b47;--text-muted:#64748b;--bg:#eef1f6;--card:#fff;--border:#dde4ee;--border-strong:#c5d0e0;--code-bg:#f1f5f9;--social-bg:#f8fafc;--shadow-sm:0 1px 3px #1a2b4714;--shadow:0 4px 14px #1a2b471a;--shadow-lg:0 12px 32px #1a2b4724;--accent:var(--color-primary);--accent-bg:var(--color-primary-light);--accent-border:color-mix(in srgb, var(--brand-blue) 40%, transparent);--sidebar-bg:#1a2b47;--sidebar-bg-hover:#243a5c;--sidebar-active:#1a73b8;--sidebar-text:#ffffffeb;--sidebar-text-muted:#ffffff8c;--sidebar-border:#ffffff14;--topbar-bg:#fff;--radius-sm:6px;--radius:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-width:260px;--sidebar-collapsed:76px;--topbar-height:60px;--portal-parent:#7b1fa2;--portal-student:#00838f;--portal-staff:#1565c0;--portal-transport:#e65100;--portal-driver:#455a64;--portal-canteen:#558b2f;--portal-admin:#0d47a1;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#94a3b8;--text-h:#f1f5f9;--text-muted:#64748b;--bg:#0f1419;--card:#1a2332;--border:#2d3a4f;--border-strong:#3d4f66;--code-bg:#1e293b;--social-bg:#151c28;--accent-bg:#1a73b838;--shadow:0 4px 20px #00000059;--sidebar-bg:#0f172a;--sidebar-bg-hover:#1e293b;--topbar-bg:#1a2332}}:root{--sans:var(--font-sans);--heading:var(--font-heading);--mono:var(--font-mono)}.app-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.app-card__head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--social-bg) 0%, var(--card) 100%);color:var(--text-h);padding:12px 16px;font-size:.9rem;font-weight:700}.app-card__body{padding:16px}.app-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow-x:auto}.app-table-wrap table{border-collapse:collapse;width:100%;font-size:.88rem}.app-table-wrap th{text-align:left;background:var(--social-bg);color:var(--text-h);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:700}.app-table-wrap td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}.app-table-wrap tbody tr:hover td{background:color-mix(in srgb, var(--accent-bg) 40%, transparent)}.app-badge{letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.app-badge--success{background:var(--color-success-bg);color:var(--color-success)}.app-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.app-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.app-badge--info{background:var(--color-info-bg);color:var(--color-info)}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}.login-layout h1,.app-route-fallback h1{letter-spacing:-.02em;margin:0 0 12px;font-size:2rem}h2{margin:0 0 8px;font-size:1.25rem;line-height:1.2}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:.9em}.app-route-fallback{font-family:var(--font-sans);color:var(--text-h);padding:24px}.mportal-shell{box-sizing:border-box;max-width:440px;min-height:min(100vh,100dvh);margin:0 auto;padding:8px 14px 104px}.mportal-shell--wide{max-width:520px}.mportal-header{margin-bottom:14px}.mportal-header__title{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:900;line-height:1.2}.mportal-header__sub{color:var(--text-muted);margin:6px 0 0;font-size:.88rem;line-height:1.45}.mportal-step-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.72rem;font-weight:800;display:inline-flex}.mportal-step-badge__num{background:color-mix(in srgb, var(--accent) 18%, var(--card));width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.mportal-card{border:1px solid var(--border);background:var(--card);border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.mportal-card--pick select,.mportal-card--pick input[type=date],.mportal-card--pick input[type=search],.mportal-card--pick input[type=month]{border:1px solid var(--border);width:100%;font:inherit;background:var(--card);box-sizing:border-box;border-radius:12px;padding:12px 14px;font-size:1rem}.mportal-card--pick label{letter-spacing:.04em;text-transform:uppercase;opacity:.75;gap:6px;font-size:.75rem;font-weight:800;display:grid}.mportal-kpi-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.mportal-kpi-row--3{grid-template-columns:repeat(3,1fr)}.mportal-kpi{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:14px;padding:10px 8px}.mportal-kpi__label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:2px;font-size:.62rem;font-weight:800;display:block}.mportal-kpi__val{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900;line-height:1.2}.mportal-kpi__sub{opacity:.65;margin-top:2px;font-size:.65rem;display:block}.mportal-kpi--p .mportal-kpi__val{color:#15803d}.mportal-kpi--a .mportal-kpi__val{color:#b91c1c}.mportal-kpi--pct .mportal-kpi__val{color:#1565c0;font-size:1.25rem}.mportal-kpi--m .mportal-kpi__val{color:#1d4ed8}.mportal-kpi--f .mportal-kpi__val{color:#be185d}.mportal-bottom-tabs{z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--card) 96%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;bottom:0;left:0;right:0}.mportal-bottom-tabs__inner{grid-template-columns:repeat(3,1fr);gap:4px;max-width:440px;margin:0 auto;padding:6px 10px 8px;display:grid}.mportal-tab{color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:.68rem;font-weight:800;text-decoration:none;transition:background .12s,color .12s;display:flex}.mportal-tab svg{opacity:.75}.mportal-tab--active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.mportal-tab--active svg{opacity:1}.mportal-action-card{color:inherit;border:1px solid var(--border);background:var(--card);border-radius:16px;padding:16px;text-decoration:none;transition:transform .1s;display:block;box-shadow:0 2px 12px #0000000a}.mportal-action-card:active{transform:scale(.99)}.mportal-action-card__title{margin-bottom:4px;font-size:1rem;font-weight:900}.mportal-action-card__desc{opacity:.8;font-size:.82rem;line-height:1.4}.mportal-action-card--primary{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--card)), var(--card))}.mportal-day-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mportal-day-row:last-child{border-bottom:none}.mportal-day-row__date{font-size:.95rem;font-weight:800}.mportal-day-row__meta{opacity:.7;margin-top:2px;font-size:.75rem}.mportal-status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:900}.mportal-status-pill--p{color:#15803d;background:#16a34a26}.mportal-status-pill--a{color:#b91c1c;background:#dc26261f}.mportal-status-pill--l{color:#c2410c;background:#ea580c1f}.mportal-status-pill--h{color:#1d4ed8;background:#2563eb1f}.mportal-scroll-list{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.mportal-chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mportal-chip-btn{border:1px solid var(--border);background:var(--card);font:inherit;cursor:pointer;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700}.mportal-grid-actions{gap:10px;margin-top:12px;display:grid}@media (width>=721px){.mportal-shell{max-width:100%;padding-bottom:24px}.mportal-bottom-tabs{display:none}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.app-home{text-align:left}.app-home__callout{margin:0 0 12px;font-size:.92rem;line-height:1.45}.app-home__callout-link{color:var(--accent);font-weight:700;text-decoration:none}.app-home__callout-link:hover{text-decoration:underline}.app-home__callout-rest{color:var(--text);opacity:.88}.app-home__hint{max-width:720px;color:var(--text);opacity:.88;margin:16px 0 0;font-size:.88rem;line-height:1.45}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-route-fallback{color:var(--text);opacity:.85;padding:24px;font-size:.92rem}.app-access-denied{border:1px solid var(--border);background:var(--social-bg);max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:14px;margin:clamp(16px,3vw,32px) auto;padding:24px 22px}.app-access-denied__title{color:var(--text-h);margin:0 0 8px;font-size:1.1rem;font-weight:700}.app-access-denied__text{color:var(--text);opacity:.9;margin:0 0 16px;font-size:.9rem;line-height:1.45}.app-access-denied__link{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);font:inherit;border-radius:10px;justify-content:center;align-items:center;padding:9px 16px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex}.app-access-denied__link:hover{filter:brightness(.97)}.app-breadcrumb{background:0 0;border:none;border-radius:0;margin:0 0 16px;padding:0}.app-breadcrumb__list{flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.app-breadcrumb__item{align-items:baseline;gap:6px;display:inline-flex}.app-breadcrumb__sep{color:var(--text-muted);opacity:.7;-webkit-user-select:none;user-select:none;padding:0 4px;font-weight:500}.app-breadcrumb__link{color:var(--accent);font-weight:500;text-decoration:none}.app-breadcrumb__link:hover{text-decoration:underline}.app-breadcrumb__current{color:var(--text-h);font-weight:600}.brand-logo{flex-direction:column;align-items:flex-start;gap:0;display:inline-flex}.brand-logo--full{text-align:center;align-items:center;width:100%}.brand-logo--full .brand-logo__mark--hero{margin-bottom:8px}.brand-logo__wordmark{letter-spacing:.06em;font-size:1.5rem;font-weight:800;line-height:1.1}.brand-logo__wordmark--lg{font-size:clamp(1.35rem,3vw,1.75rem)}.brand-logo__wordmark--sm{letter-spacing:.04em;font-size:1rem}.brand-logo__smart{color:var(--brand-green,#43a047)}.brand-logo__school{color:var(--brand-blue,#1565c0)}.brand-logo__tagline{letter-spacing:.18em;color:var(--brand-tagline,#546e7a);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:.68rem;font-weight:600;display:flex}.brand-logo__tagline-line{border-radius:1px;width:28px;height:2px}.brand-logo__tagline-line--green{background:linear-gradient(90deg, transparent, var(--brand-green,#43a047))}.brand-logo__tagline-line--blue{background:linear-gradient(90deg, var(--brand-blue,#1565c0), transparent)}.brand-logo--full.brand-logo--align-start{text-align:left;align-items:flex-start}.brand-logo--full.brand-logo--align-start .brand-logo__tagline{justify-content:flex-start}.brand-logo__raster{height:auto;display:block}.brand-logo__raster--hero{width:100%;max-width:min(100%,320px)}.brand-logo--raster-card{justify-content:center;width:100%;display:flex}.brand-logo__raster--card{object-fit:contain;width:auto;max-width:100%;max-height:52px}.brand-logo--compact{flex-direction:row;align-items:center;gap:10px}.brand-logo--icon{flex-direction:row;align-items:center}.app-drawer{z-index:100;display:flex;position:fixed;inset:0}.app-drawer__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0f172a73;border:none;flex:1}.app-drawer__panel{background:var(--sidebar-bg);width:min(320px,88vw);max-width:100%;color:var(--sidebar-text);flex-direction:column;animation:.2s app-drawer-in;display:flex;box-shadow:8px 0 32px #0003}@keyframes app-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-drawer__head{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 16px 12px;display:flex}.app-drawer__portal{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:.68rem;font-weight:800}.app-drawer__user{margin-top:4px;font-size:1rem;font-weight:700}.app-drawer__close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;width:36px;height:36px;font-size:1.4rem;line-height:1}.app-drawer__nav{-webkit-overflow-scrolling:touch;flex:1;padding:8px 10px 16px;overflow-y:auto}.app-drawer__group{margin-bottom:6px}.app-drawer__group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-text-muted);align-items:center;gap:10px;padding:8px 12px 4px;font-size:.68rem;font-weight:800;display:flex}.app-drawer__link{color:var(--sidebar-text);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.app-drawer__link--active{background:var(--sidebar-active);border-color:#ffffff1f}.app-drawer__sub{flex-direction:column;gap:2px;margin-top:2px;padding-left:42px;display:flex}.app-drawer__sub .app-drawer__link{opacity:.92;padding:7px 10px;font-size:.82rem;font-weight:500}.app-drawer__year{gap:6px;margin-bottom:12px;display:grid}.app-drawer__year-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:.72rem;font-weight:700}.app-drawer__year-select{border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background:var(--sidebar-bg);width:100%;min-height:44px;color:var(--sidebar-text);padding:10px 12px;font-size:16px}.app-drawer__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid var(--sidebar-border)}.app-btn--block{width:100%}.nav-mod-icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.app-mobile-rail__tile--more{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}.app-content__footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);margin-top:24px;padding:12px 0 0;font-size:.72rem;display:none}.app-content__footer strong{color:var(--text-h);font-weight:700}@media (width>=721px){.app-content__footer{display:block}}@media (width<=720px){.app-shell .mportal-bottom-tabs{display:none!important}.app-shell .mportal-shell{padding-bottom:16px}.app-topbar__center,.app-userchip__role{display:none}.app-topbar .app-btn{padding:8px 12px;font-size:.82rem}.app-shell--mobile-drawer-open{overflow:hidden}.app-module-subnav__links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.app-module-subnav__links::-webkit-scrollbar{display:none}}.app-shell--portal-parent{--mobile-accent:var(--portal-parent)}.app-shell--portal-student{--mobile-accent:var(--portal-student)}.app-shell--portal-staff{--mobile-accent:var(--portal-staff)}.app-shell--portal-transport{--mobile-accent:var(--portal-transport)}.app-shell--portal-driver{--mobile-accent:var(--portal-driver)}@media (width<=720px){.app-shell[class*=app-shell--portal-] .app-mobile-rail .app-module-rail__tile--active,.app-shell[class*=app-shell--portal-] .app-mobile-rail .app-module-rail__tile--active .nav-mod-icon{color:var(--mobile-accent,var(--color-primary))}.app-shell[class*=app-shell--portal-] .app-portal-badge{background:var(--mobile-accent,var(--portal-admin))!important}}.login-layout--mobile-app .login-panel{border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0f172a1f}.staff-att-quick{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.staff-att-quick::-webkit-scrollbar{display:none}.staff-att-quick__chip{border:1px solid var(--border);background:var(--card);color:var(--text-h);white-space:nowrap;border-radius:999px;flex:none;padding:10px 14px;font-size:.8rem;font-weight:800;text-decoration:none;transition:background .12s,border-color .12s}.staff-att-quick__chip--active{border-color:color-mix(in srgb, var(--portal-staff,var(--color-primary)) 45%, var(--border));background:color-mix(in srgb, var(--portal-staff,var(--color-primary)) 12%, var(--card));color:var(--portal-staff,var(--color-primary))}.staff-att-quick__chip--primary{border-color:color-mix(in srgb, var(--portal-staff,var(--color-primary)) 50%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--portal-staff,var(--color-primary)) 18%, var(--card)), var(--card))}.login-layout--mobile-app .login-demo-groups{max-height:28vh;overflow-y:auto}.erp-topnav{box-sizing:border-box;width:100%;min-width:0;font-family:var(--font-sans);position:relative}.erp-topnav__track{width:100%;min-width:0;overflow:hidden}.erp-topnav__list{flex-flow:row;align-items:center;min-width:0;display:flex}.erp-topnav--desktop{border-bottom:1px solid var(--border);background:#fff;min-height:64px}.erp-topnav--desktop .erp-topnav__track{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow:auto hidden}.erp-topnav--desktop .erp-topnav__track::-webkit-scrollbar{height:4px}.erp-topnav--desktop .erp-topnav__track::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.erp-topnav--desktop .erp-topnav__list{gap:10px;width:max-content;min-width:100%;min-height:64px;padding:8px 16px}.erp-topnav--desktop .erp-topnav__item--desktop{min-width:76px;max-width:120px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px 5px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.erp-topnav--desktop .erp-topnav__item--desktop:hover{background:var(--social-bg);border-color:var(--border);color:var(--text-h)}.erp-topnav--desktop .erp-topnav__item--desktop.erp-topnav__item--active{background:var(--brand-blue-light);border-color:color-mix(in srgb, var(--brand-blue) 28%, var(--border));color:var(--brand-blue-dark);box-shadow:0 1px 3px #1565c014, inset 0 -3px 0 var(--brand-blue)}.erp-topnav--desktop .erp-topnav__icon{background:var(--erp-nav-icon-bg,var(--brand-blue-light));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;line-height:0;transition:background .18s,transform .15s;display:flex;position:relative}.erp-topnav--desktop .erp-topnav__item--desktop:hover .erp-topnav__icon{transform:translateY(-1px)}.erp-topnav--desktop .erp-topnav__icon-svg{width:22px;height:22px;color:var(--erp-nav-icon-color,var(--brand-blue))}.erp-topnav--desktop .erp-topnav__item--active .erp-topnav__icon{background:#fff;box-shadow:0 2px 8px #1565c024}.erp-topnav--desktop .erp-topnav__item--active .erp-topnav__icon-svg{color:var(--erp-nav-icon-color,var(--brand-blue-dark))}.erp-topnav--desktop .erp-topnav__label{letter-spacing:.015em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:500;line-height:1.25;overflow:hidden}.erp-topnav--desktop .erp-topnav__item--active .erp-topnav__label{color:var(--brand-blue-dark);font-weight:700}.erp-topnav__item[data-module=home]{--erp-nav-icon-color:var(--brand-blue);--erp-nav-icon-bg:#e8f0fa}.erp-topnav__item[data-module=apps]{--erp-nav-icon-color:#5e35b1;--erp-nav-icon-bg:#ede7f6}.erp-topnav__item[data-module=admissions]{--erp-nav-icon-color:#00838f;--erp-nav-icon-bg:#e0f7fa}.erp-topnav__item[data-module=attendance],.erp-topnav__item[data-module=timetable]{--erp-nav-icon-color:#00695c;--erp-nav-icon-bg:#e0f2f1}.erp-topnav__item[data-module=academics],.erp-topnav__item[data-module=learn],.erp-topnav__item[data-module=teach],.erp-topnav__item[data-module=lms],.erp-topnav__item[data-module=homework],.erp-topnav__item[data-module=library],.erp-topnav__item[data-module=exams]{--erp-nav-icon-color:var(--brand-green);--erp-nav-icon-bg:var(--brand-green-light)}.erp-topnav__item[data-module=accounts],.erp-topnav__item[data-module=fees]{--erp-nav-icon-color:#6a1b9a;--erp-nav-icon-bg:#f3e5f5}.erp-topnav__item[data-module=masterdata],.erp-topnav__item[data-module=system]{--erp-nav-icon-color:#455a64;--erp-nav-icon-bg:#eceff1}.erp-topnav__item[data-module=transport],.erp-topnav__item[data-module=driver]{--erp-nav-icon-color:#e65100;--erp-nav-icon-bg:#fff3e0}.erp-topnav__item[data-module=hr]{--erp-nav-icon-color:var(--brand-blue);--erp-nav-icon-bg:var(--brand-blue-light)}.erp-topnav__item[data-module=campus]{--erp-nav-icon-color:#558b2f;--erp-nav-icon-bg:#f1f8e9}.erp-topnav__item[data-module=notices]{--erp-nav-icon-color:#c62828;--erp-nav-icon-bg:#ffebee}.erp-topnav__item[data-module=canteen]{--erp-nav-icon-color:#558b2f;--erp-nav-icon-bg:#f1f8e9}.erp-topnav__item[data-module=inventory],.erp-topnav__item[data-module=procurement],.erp-topnav__item[data-module=store]{--erp-nav-icon-color:#5d4037;--erp-nav-icon-bg:#efebe9}.erp-topnav--desktop .erp-topnav__badge{background:var(--color-danger);color:#fff;border:2px solid #fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:.62rem;font-weight:800;line-height:17px;position:absolute;top:-3px;right:-5px}.erp-topnav--mobile{border-bottom:1px solid var(--border);background:#fff;min-height:54px}.erp-topnav--mobile .erp-topnav__track{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.erp-topnav--mobile .erp-topnav__track::-webkit-scrollbar{display:none}.erp-topnav--mobile .erp-topnav__list{gap:8px;width:max-content;min-width:100%;padding:8px 12px}.erp-topnav--mobile .erp-topnav__item--mobile{border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);letter-spacing:.015em;border-radius:999px;flex-direction:row;flex:none;align-items:center;gap:8px;padding:7px 14px 7px 9px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.erp-topnav--mobile .erp-topnav__item--mobile:hover{border-color:var(--border-strong);background:var(--card)}.erp-topnav--mobile .erp-topnav__item--mobile.erp-topnav__item--active{background:var(--brand-blue-light);border-color:var(--brand-blue);color:var(--brand-blue-dark);font-weight:700;box-shadow:0 2px 8px #1565c01f}.erp-topnav--mobile .erp-topnav__icon{background:var(--erp-nav-icon-bg,var(--brand-blue-light));border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.erp-topnav--mobile .erp-topnav__item--active .erp-topnav__icon{background:#fff}.erp-topnav--mobile .erp-topnav__icon-svg{width:20px;height:20px;color:var(--erp-nav-icon-color,var(--brand-blue))}.erp-topnav--mobile .erp-topnav__item--active .erp-topnav__icon-svg{color:var(--erp-nav-icon-color,var(--brand-blue-dark))}.erp-topnav--mobile .erp-topnav__label{white-space:nowrap}.erp-topnav--mobile .erp-topnav__badge{background:var(--color-danger);color:#fff;border-radius:999px;min-width:16px;height:16px;margin-left:2px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:16px}.app-shell{--app-topbar-height:56px;--app-topnav-height:64px;--app-header-height:calc(var(--app-topbar-height) + var(--app-topnav-height));box-sizing:border-box;text-align:left;grid-template:"topbar""content"1fr/1fr;width:100%;min-height:100vh;display:grid}.app-shell--top-nav{--app-header-height:calc(var(--app-topbar-height) + var(--app-topnav-height));grid-template-rows:auto 1fr;grid-template-areas:"header""content"}.app-shell--top-nav.app-shell--has-subnav{--app-subnav-height:44px;--app-header-height:calc(var(--app-topbar-height) + var(--app-topnav-height) + var(--app-subnav-height))}.app-shell--mobile-nav{--app-topnav-height:54px}.app-shell--mobile-nav.app-shell--has-subnav{--app-header-height:calc(var(--app-topbar-height) + var(--app-topnav-height) + var(--app-subnav-height))}.app-shell--driver-route{grid-template-rows:auto 1fr;grid-template-areas:"topbar""content"}.app-shell--driver-route.app-shell--has-subnav{grid-template-rows:auto auto 1fr;grid-template-areas:"topbar""subnav""content"}.app-module-subnav{border-bottom:1px solid var(--border);background:var(--card);width:100%;min-width:0;max-width:100%;top:var(--app-header-height,var(--app-topbar-height));z-index:8;grid-area:subnav;position:sticky;overflow:hidden;box-shadow:0 1px #0f172a0a}.app-module-subnav--integrated{grid-area:unset;top:unset;z-index:1;background:var(--card);border-top:1px solid var(--border);width:100%;min-width:0;box-shadow:none;position:relative}.app-shell--driver-route .app-module-subnav,.app-shell:not(.app-shell--top-nav) .app-module-subnav{top:var(--app-topbar-height)}.app-module-subnav__inner{box-sizing:border-box;align-items:stretch;gap:12px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:0 16px;display:flex}.app-module-subnav__module{border-right:1px solid var(--border);flex-shrink:0;align-self:center;align-items:center;gap:8px;margin-right:2px;padding-right:14px;display:flex}.app-module-subnav__module-icon{width:20px;height:20px;color:var(--brand-blue,var(--color-primary))}.app-module-subnav__module-label{color:var(--brand-blue-dark,var(--color-primary-dark));white-space:nowrap;font-size:.8rem;font-weight:700}.app-module-subnav__links{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-wrap:nowrap;flex:auto;align-items:center;gap:6px;width:0;min-width:0;padding:8px 4px 10px;display:flex;overflow:auto hidden}.app-module-subnav__links::-webkit-scrollbar{height:5px}.app-module-subnav__links::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.app-module-subnav__links::-webkit-scrollbar-track{background:0 0}.app-module-subnav__link{color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:none;padding:8px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.app-module-subnav__link:hover{background:var(--social-bg);border-color:var(--border);color:var(--text-h)}.app-module-subnav__link--active{background:var(--brand-blue-light);border-color:color-mix(in srgb, var(--brand-blue) 30%, var(--border));color:var(--brand-blue-dark);font-weight:700;box-shadow:0 1px 4px #1565c01a}.app-module-subnav--integrated .app-module-subnav__inner{min-height:var(--app-subnav-height,42px);align-items:stretch;padding:0 12px}.app-module-subnav--integrated .app-module-subnav__links{gap:4px;padding:6px 2px 8px}.app-module-subnav--integrated .app-module-subnav__link{color:var(--text-muted);background:0 0;border:1px solid #0000;border-bottom-width:3px;border-radius:8px 8px 0 0;margin-bottom:0;padding:9px 14px 7px;font-weight:500}.app-module-subnav--integrated .app-module-subnav__link:hover{background:var(--social-bg);border-color:var(--border);border-bottom-color:var(--border);color:var(--text-h)}.app-module-subnav--integrated .app-module-subnav__link--active{background:var(--brand-blue-light);border-color:color-mix(in srgb, var(--brand-blue) 25%, transparent);border-bottom-color:var(--brand-blue);color:var(--brand-blue-dark);box-shadow:none;font-weight:700}.app-app-header{z-index:20;background:var(--topbar-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);grid-area:header;width:100%;min-width:0;max-width:100%;position:sticky;top:0;overflow:hidden}.app-app-header .app-topbar{grid-area:unset;border-bottom:1px solid var(--border);box-shadow:none;min-height:var(--app-topbar-height);background:linear-gradient(#fff 0%,#fafbfd 100%);padding:8px 20px;position:relative}.app-module-rail--horizontal{flex-flow:row;gap:6px;padding:0}.app-module-rail--horizontal .app-module-rail__tile{white-space:nowrap;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:7px 14px;transition:background .12s,border-color .12s,box-shadow .12s,color .12s}.app-module-rail--horizontal .app-module-rail__tile:hover{border-color:var(--border);color:var(--text-h);background:#fff;box-shadow:0 1px 4px #0f172a0f}.app-module-rail--horizontal .app-module-rail__tile--active{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--border));color:var(--color-primary-dark);background:#fff;box-shadow:0 2px 8px #1a73b826}.app-module-rail--horizontal .app-module-rail__icon-svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.app-module-rail--horizontal .app-module-rail__tile--active .app-module-rail__icon-svg{color:var(--color-primary)}.app-module-rail--horizontal .app-module-rail__label{white-space:nowrap;max-width:none;color:inherit;font-size:.8125rem;font-weight:600}.app-module-rail--horizontal .app-module-rail__tile--active .app-module-rail__label{color:var(--color-primary-dark);font-weight:700}.app-topbar{z-index:10;min-height:var(--app-topbar-height);border-bottom:1px solid var(--border);background:var(--topbar-bg);box-shadow:var(--shadow-sm);grid-area:topbar;grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto;align-items:center;gap:12px 20px;width:100%;min-width:0;padding:8px 20px;display:grid;position:sticky;top:0}.app-topbar__left{align-items:center;gap:10px;min-width:0;display:flex}.app-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);cursor:pointer;width:40px;height:40px;font:inherit;color:var(--text-h);justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.app-icon-btn:hover{background:var(--social-bg);border-color:var(--border-strong)}.app-icon-btn--ghost{background:0 0;border-color:#0000}.app-icon-btn--ghost:hover{background:var(--social-bg)}.app-icon-btn__svg{flex-shrink:0;display:block}.app-brand{align-items:center;gap:12px;min-width:0;display:flex}.app-brand__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.app-brand__product{letter-spacing:-.02em;color:var(--text-h);font-size:.95rem;font-weight:800;line-height:1.15}.app-brand__product-tag{letter-spacing:.12em;color:var(--brand-green,#43a047);margin-left:4px;font-size:.72rem;font-weight:700}.app-brand__name{color:var(--text-h);font-weight:700;line-height:1.2}.app-brand__branch{white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.75rem;line-height:1.25;overflow:hidden}.app-icon-btn--menu{background:var(--social-bg);border-radius:10px}.app-topbar__field--year{flex-direction:row;align-items:center;gap:8px}.app-topbar__field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.app-topbar__select{border:1px solid var(--border);background:var(--card);min-width:128px;color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:7px 28px 7px 10px;font-size:.84rem}.app-btn--logout{border-radius:8px;font-size:.84rem;font-weight:600}.muted{color:var(--text);opacity:.85}.app-topbar__center{min-width:0}.app-search-wrap{border:1px solid var(--border);background:var(--social-bg);box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:820px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.app-search-wrap:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.app-search-wrap__icon{color:var(--text);opacity:.65;flex-shrink:0}.app-search{width:100%;min-width:0;color:var(--text-h);font:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:9px 0}.app-topbar__right{flex-shrink:0;justify-self:end;align-items:center;gap:10px;display:flex}.app-topbar__field{color:var(--text);gap:4px;font-size:.75rem;display:grid}.app-topbar__field input{border:1px solid var(--border);background:var(--bg);width:112px;color:var(--text-h);font:inherit;border-radius:10px;padding:7px 10px}.app-topbar__field select{border:1px solid var(--border);background:var(--bg);width:140px;color:var(--text-h);font:inherit;border-radius:10px;padding:7px 10px}.app-userchip{border:1px solid var(--border);background:var(--social-bg);border-radius:12px;gap:2px;max-width:260px;padding:6px 10px;display:grid}.app-userchip__name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;line-height:1.1;overflow:hidden}.app-userchip__role{color:var(--text);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.app-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}.app-btn:hover{background:var(--social-bg)}.app-btn--primary{border-color:var(--color-primary-dark);background:var(--color-primary);color:#fff}.app-btn--primary:hover{background:var(--color-primary-dark);filter:brightness(1.05)}.app-sidebar{background:var(--sidebar-bg);top:var(--app-topbar-height);height:calc(100vh - var(--app-topbar-height));max-height:calc(100vh - var(--app-topbar-height));z-index:8;border-right:none;grid-area:sidebar;align-self:start;position:sticky;overflow:hidden;box-shadow:4px 0 24px #0f172a1f}.app-shell--has-subnav{--app-subnav-block:48px}.app-sidebar__brand{border-bottom:1px solid var(--sidebar-border);text-align:center;padding:16px 12px 12px}.app-sidebar__brand-name{letter-spacing:.14em;text-transform:uppercase;color:var(--sidebar-text);font-size:.72rem;font-weight:800;line-height:1.3;display:block}.app-sidebar__brand-tag{color:var(--sidebar-text-muted);margin-top:4px;font-size:.65rem;display:block}.app-shell--collapsed .app-sidebar__brand-name,.app-shell--collapsed .app-sidebar__brand-tag{display:none}.app-sidebar__inner{height:100%;padding:10px 8px 14px;overflow:auto}.app-shell--collapsed .app-sidebar__inner.app-module-rail{padding:8px 6px}.app-module-rail{flex-direction:column;gap:6px;padding:10px 8px 14px;display:flex}.app-module-rail__tile{border-radius:var(--radius-sm);color:var(--sidebar-text);border:1px solid #0000;border-left-width:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.app-module-rail__tile:hover{background:var(--sidebar-bg-hover)}.app-module-rail__tile--active{background:var(--sidebar-bg-hover);border-left-color:var(--sidebar-active);color:#fff}.app-module-rail__icon{filter:grayscale(.1);font-size:1.35rem;line-height:1}.app-module-rail__icon-svg{width:28px;height:28px;color:var(--sidebar-text-muted);justify-content:center;align-items:center;display:inline-flex}.app-module-rail__tile--active .app-module-rail__icon-svg{color:var(--sidebar-active,var(--color-primary))}.app-mobile-rail .app-module-rail__icon-svg{width:24px;height:24px}.app-mobile-rail .app-module-rail__tile{color:var(--text-muted)}.app-mobile-rail .app-module-rail__tile--active{color:var(--color-primary);background:var(--accent-bg);border-left-color:#0000}.app-mobile-rail .app-module-rail__label{color:inherit}.app-module-rail__label{text-align:center;word-break:break-word;max-width:72px;color:var(--sidebar-text-muted);font-size:.65rem;font-weight:600;line-height:1.15}.app-module-rail__tile--active .app-module-rail__label{color:var(--sidebar-text);font-weight:700}.app-shell--module-mode .app-module-rail__label{max-width:64px;font-size:.62rem}.app-mobile-rail{display:none}.app-shell--collapsed .app-nav-group__title{opacity:0;height:0;margin:0;overflow:hidden}.app-shell--collapsed .app-nav-group{padding:8px}.app-shell--collapsed .app-nav-link{padding:8px;font-size:.78rem}.app-content{background:var(--bg);flex-direction:column;grid-area:content;width:100%;min-width:0;padding:16px clamp(16px,2vw,28px) 32px;display:flex;overflow:auto visible}.app-topbar__notif{position:relative}.app-topbar__notif-dot{background:var(--color-danger);border:2px solid var(--topbar-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.app-userchip__avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-teal) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.app-userchip--row{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:center;gap:10px;max-width:280px;padding:6px 12px 6px 6px;display:flex}.app-userchip--row .app-userchip__meta{min-width:0}.app-nav-group{border:1px solid var(--border);background:var(--social-bg);border-radius:12px;margin-bottom:10px;padding:12px 12px 10px}.app-nav-group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.85;margin:0 0 10px;font-size:.68rem;font-weight:700;line-height:1.3}.app-nav-group__links{flex-direction:column;gap:2px;display:flex}.app-nav-link{color:var(--text-h);border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:.88rem;line-height:1.35;text-decoration:none;transition:background .15s,border-color .15s;display:block}.app-nav-link:hover{background:var(--social-bg)}.app-nav-link--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.app-main{min-height:40vh}@media (width<=1199px) and (width>=721px){.app-topbar,.app-app-header .app-topbar{grid-template-rows:auto auto;grid-template-columns:1fr auto;row-gap:8px}.app-topbar__center{grid-column:1/-1}.app-brand__branch{max-width:200px}}@media (width<=720px){.app-shell--top-nav{--app-topbar-height:48px;padding-bottom:0}.app-shell--top-nav.app-shell--has-subnav{--app-subnav-height:40px}.app-app-header .app-topbar{min-height:var(--app-topbar-height);padding:8px 10px}.app-shell--top-nav .app-topbar__center{display:none}.app-shell--top-nav .app-mobile-rail{display:none!important}.app-shell--top-nav .app-content{padding:10px 10px calc(12px + env(safe-area-inset-bottom,0))}.app-module-subnav--integrated .app-module-subnav__inner{min-height:var(--app-subnav-height,40px);gap:8px;padding:0 8px}.app-module-subnav__links{padding-bottom:6px}.app-module-subnav--integrated .app-module-subnav__module-label{display:none}.app-module-subnav--integrated .app-module-subnav__module{margin-right:0;padding-right:8px}.app-shell:not(.app-shell--top-nav){grid-template:"topbar""subnav""content"1fr"mobilenav"/1fr;padding-bottom:72px}.app-shell:not(.app-shell--top-nav):not(.app-shell--has-subnav){grid-template-rows:auto 1fr auto;grid-template-areas:"topbar""content""mobilenav"}.app-topbar{grid-template-rows:auto;grid-template-columns:1fr auto;gap:8px;padding:8px 10px}.app-brand__product{display:none}.app-topbar__right{gap:6px}.app-userchip--row{max-width:140px;padding:4px 8px 4px 4px}.app-userchip__name{font-size:.8rem}.app-sidebar{display:none}.app-module-subnav{position:relative;top:0}.app-shell:not(.app-shell--top-nav) .app-mobile-rail{z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border);background:var(--bg);grid-area:mobilenav;justify-content:space-around;align-items:stretch;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0f172a14}.app-mobile-rail .app-module-rail__tile{flex:1;min-width:0;padding:8px 4px}.app-mobile-rail .app-module-rail__label{max-width:none;font-size:.6rem}}.app-portal-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:2px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-block}.app-shell--compact-chrome .app-search-wrap,.app-shell--compact-chrome .app-topbar__field{display:none}.app-shell--compact-chrome .app-topbar{grid-template-columns:1fr auto}.app-shell--driver-route .app-sidebar,.app-shell--driver-route .erp-topnav,.app-shell--driver-route .app-module-subnav,.app-shell--driver-route .app-mobile-rail{display:none!important}.app-shell--driver-route .app-content{padding-bottom:72px}.app-module-rail__tile{border-radius:var(--radius-sm);transition:background .15s,transform .1s}.app-module-rail__tile:hover{transform:translateY(-1px)}.app-main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0}.app-module-subnav__link--active:hover{background:color-mix(in srgb, var(--brand-blue-light) 80%, var(--brand-blue) 20%);color:var(--brand-blue-dark)}.app-module-subnav--integrated .app-module-subnav__link--active:hover{background:var(--brand-blue-light);color:var(--brand-blue-dark)}.app-module-subnav--hub .app-module-subnav__link--hub-pick{border:1px solid var(--border);border-radius:8px;margin-right:4px;font-weight:700}.app-module-subnav--hub.app-module-subnav--integrated .app-module-subnav__link--hub-pick{border-bottom-width:1px;border-radius:8px;margin-bottom:0}.app-module-subnav--hub.app-module-subnav--integrated .app-module-subnav__link--hub-pick.app-module-subnav__link--active{border-color:color-mix(in srgb, var(--brand-blue) 25%, transparent);color:var(--brand-blue-dark);border-bottom-color:var(--brand-blue);background:var(--brand-blue-light)}@media (width<=720px){.app-main{padding:var(--space-3)}.app-icon-btn{min-width:44px;min-height:44px}}.driver-app-shell{background:var(--bg,#f4f6f9);flex-direction:column;min-height:100dvh;display:flex}html[data-portal=driver] .driver-app-shell__header{border-bottom-color:color-mix(in srgb, var(--portal-driver,#455a64) 25%, var(--border,#e2e8f0))}html[data-portal=driver] .driver-app-shell__title{color:var(--portal-driver,#455a64)}.driver-app-shell__header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.driver-app-shell__brand{align-items:center;gap:10px;min-width:0;display:flex}.driver-app-shell__title{font-size:15px;font-weight:900;line-height:1.2}.driver-app-shell__sub{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.driver-app-shell__main{flex:1;min-height:0}.office-app-shell{background:var(--bg,#f4f6f9);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex}.office-app-shell__header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}html[data-portal] .office-app-shell__header{border-bottom-color:color-mix(in srgb, var(--accent,#0d9488) 22%, var(--border,#e2e8f0))}html[data-portal=transport] .office-app-shell__title{color:var(--portal-transport,#1565c0)}html[data-portal=library] .office-app-shell__title{color:var(--portal-staff,#2e7d32)}html[data-portal=accounts] .office-app-shell__title{color:var(--portal-admin,#00695c)}html[data-portal=canteen] .office-app-shell__title{color:var(--portal-canteen,#e65100)}html[data-portal=frontoffice] .office-app-shell__title{color:var(--portal-admin,#5d4037)}html[data-portal=staff] .office-app-shell__title{color:var(--portal-staff,#2e7d32)}.office-app-shell__brand{align-items:center;gap:10px;min-width:0;display:flex}.office-app-shell__title{font-size:15px;font-weight:900;line-height:1.2}.office-app-shell__sub{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.office-app-shell__subnav{background:var(--card,#fff);border-bottom:1px solid var(--border,#e2e8f0);gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.office-app-shell__subnav-link{color:var(--text,#334155);background:var(--bg,#f1f5f9);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;text-decoration:none}.office-app-shell__subnav-link--active{background:color-mix(in srgb, var(--accent,#0d9488) 16%, #fff);color:var(--accent,#0d9488);font-weight:700}.office-app-shell__main{flex:1;min-width:0;padding:12px 14px 80px}.office-app-shell__tabs{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:30;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.office-app-shell__tab{color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.office-app-shell__tab--active{color:var(--accent,#0d9488)}.office-app-shell__tab-icon{font-size:18px;line-height:1}@media (width>=900px){.office-app-shell__tabs{border:1px solid var(--border,#e2e8f0);border-radius:12px;max-width:720px;margin:0 auto 12px;position:sticky;bottom:auto}.office-app-shell__main{width:100%;max-width:1200px;margin:0 auto;padding-bottom:12px}}.parent-app-shell{background:var(--bg,#f4f6f9);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex}html[data-portal=parent] .parent-app-shell__header{border-bottom-color:color-mix(in srgb, var(--portal-parent,#5c6bc0) 25%, var(--border,#e2e8f0))}html[data-portal=parent] .parent-app-shell__title{color:var(--portal-parent,#5c6bc0)}.parent-app-shell__header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.parent-app-shell__brand{align-items:center;gap:10px;min-width:0;display:flex}.parent-app-shell__title{font-size:15px;font-weight:900;line-height:1.2}.parent-app-shell__sub{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.parent-app-shell__subnav{background:var(--card,#fff);border-bottom:1px solid var(--border,#e2e8f0);gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.parent-app-shell__subnav-link{color:var(--text,#334155);background:var(--bg,#f1f5f9);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;text-decoration:none}.parent-app-shell__subnav-link--active{background:color-mix(in srgb, var(--portal-parent,#5c6bc0) 18%, #fff);color:var(--portal-parent,#5c6bc0);font-weight:700}.parent-app-shell__main{flex:1;min-width:0;padding:12px 14px 80px}.parent-app-shell__tabs{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:30;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.parent-app-shell__tab{color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.parent-app-shell__tab--active{color:var(--portal-parent,#5c6bc0)}.parent-app-shell__tab-icon{font-size:18px;line-height:1}@media (width>=900px){.parent-app-shell__tabs{border:1px solid var(--border,#e2e8f0);border-radius:12px;max-width:720px;margin:0 auto 12px;position:sticky;bottom:auto}.parent-app-shell__main{width:100%;max-width:960px;margin:0 auto;padding-bottom:12px}}.student-app-shell{background:var(--bg,#f4f6f9);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex}html[data-portal=student] .student-app-shell__header{border-bottom-color:color-mix(in srgb, var(--portal-student,#00897b) 25%, var(--border,#e2e8f0))}html[data-portal=student] .student-app-shell__title{color:var(--portal-student,#00897b)}.student-app-shell__header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.student-app-shell__brand{align-items:center;gap:10px;min-width:0;display:flex}.student-app-shell__title{font-size:15px;font-weight:900;line-height:1.2}.student-app-shell__sub{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.student-app-shell__subnav{background:var(--card,#fff);border-bottom:1px solid var(--border,#e2e8f0);gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.student-app-shell__subnav-link{color:var(--text,#334155);background:var(--bg,#f1f5f9);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;text-decoration:none}.student-app-shell__subnav-link--active{background:color-mix(in srgb, var(--portal-student,#00897b) 18%, #fff);color:var(--portal-student,#00897b);font-weight:700}.student-app-shell__main{flex:1;min-width:0;padding:12px 14px 80px}.student-app-shell__tabs{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border,#e2e8f0);background:var(--card,#fff);z-index:30;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.student-app-shell__tab{color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.student-app-shell__tab--active{color:var(--portal-student,#00897b)}.student-app-shell__tab-icon{font-size:18px;line-height:1}@media (width>=900px){.student-app-shell__tabs{border:1px solid var(--border,#e2e8f0);border-radius:12px;max-width:720px;margin:0 auto 12px;position:sticky;bottom:auto}.student-app-shell__main{width:100%;max-width:960px;margin:0 auto;padding-bottom:12px}}.kiosk-shell{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.kiosk-shell__bar{background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.kiosk-shell__brand{align-items:center;gap:12px;min-width:0;display:flex}.kiosk-shell__title{color:var(--text-h);font-size:1rem;display:block}.kiosk-shell__sub{color:var(--text-muted);font-size:.75rem;display:block}.kiosk-shell__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kiosk-shell__main{flex:1;min-height:0;padding:0;overflow:auto}.kiosk-shell__main .canteen-pos{flex-direction:column;height:100%;min-height:calc(100svh - 52px);display:flex}.kiosk-shell__main .canteen-pos__workspace{flex:1;min-height:0}@media print{.kiosk-shell__bar{display:none}}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:20px;padding-bottom:16px;display:flex}.page-header__main{flex:1;min-width:min(100%,260px)}.page-header__title-row{flex-wrap:wrap;align-items:baseline;gap:10px 14px;display:flex}.page-header__title{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.page-header__back{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-bg);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.page-header__back:hover{background:color-mix(in srgb, var(--accent-bg) 60%, var(--accent) 40%);border-color:var(--accent)}.page-header__subtitle{color:var(--text-muted);max-width:880px;margin:8px 0 0;font-size:.9rem;line-height:1.5}.page-header__subtitle code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:6px;padding:2px 6px;font-size:.86em}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-header__action-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);transition:box-shadow .15s;overflow:hidden}.page-card:hover{box-shadow:var(--shadow)}.page-card__head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--social-bg) 0%, var(--card) 100%);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.page-card__title{color:var(--text-h);font-size:.95rem;font-weight:700}.page-card__body{padding:16px}.page-kpi{flex:200px;min-width:min(100%,200px);max-width:100%}.page-kpi--stat{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:14px;padding:18px 16px;display:flex}.page-kpi__icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.page-kpi--blue .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-blue) 18%, white);color:var(--kpi-blue)}.page-kpi--green .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-green) 18%, white);color:var(--kpi-green)}.page-kpi--orange .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-orange) 18%, white);color:var(--kpi-orange)}.page-kpi--purple .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-purple) 18%, white);color:var(--kpi-purple)}.page-kpi--teal .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-teal) 18%, white);color:var(--kpi-teal)}.page-kpi--red .page-kpi__icon-wrap{background:color-mix(in srgb, var(--kpi-red) 18%, white);color:var(--kpi-red)}.page-kpi__content{min-width:0}.page-kpi__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.page-kpi__value{color:var(--text-h);margin-top:4px;font-size:1.5rem;font-weight:700;line-height:1.15}.page-kpi__value--warning{color:var(--color-warning)}.page-kpi__value--success{color:var(--color-success)}.page-kpi__value--danger{color:var(--color-danger)}.page-kpi:not(.page-kpi--stat){border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);padding:12px 14px}@media (width<=720px){.page-header{margin-bottom:14px;padding-bottom:12px}.page-header__title-row{flex-direction:column;align-items:flex-start}.page-header__subtitle{max-width:100%;font-size:.85rem}.page-kpi--stat{flex:100%;min-width:100%}}@media (prefers-color-scheme:dark){.page-kpi--stat{background:var(--card)}}.portal-home__banner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left-width:4px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.portal-home__badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.portal-home__hint{color:var(--text-muted);margin:0;font-size:.9rem}.portal-home__steps{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.portal-home__step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:grid}.portal-home__step:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-1px)}.portal-home__step--primary{border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-bg) 0%, var(--card) 60%)}.portal-home__step-num{background:var(--accent-bg);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.portal-home__step-body{flex-direction:column;gap:2px;min-width:0;display:flex}.portal-home__step-body strong{color:var(--text-h);font-size:.95rem}.portal-home__step-body span{color:var(--text-muted);font-size:.82rem}.portal-home__step-arrow{color:var(--text-muted);font-size:1.1rem}.portal-home__mobile-head{margin-bottom:12px}.portal-home__mobile-title{letter-spacing:-.03em;color:var(--text-h);margin:10px 0 4px;font-size:1.35rem;font-weight:900}.portal-home__mobile-sub{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.portal-home__empty{border:1px dashed var(--border);background:var(--card);text-align:center;color:var(--text-muted);border-radius:16px;padding:20px 16px;font-size:.9rem}.portal-home__step-icon{opacity:.5}.portal-home--mobile .portal-home__banner{margin-bottom:14px;padding:12px 14px}.portal-home--mobile .portal-home__hint{font-size:.82rem}@media (width<=720px){.portal-home{max-width:100%}.portal-home__steps{grid-template-columns:1fr}.portal-home__step{border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000d}.portal-home__step:active{transform:scale(.99)}}.school-chart{width:100%;height:220px}.school-chart__empty{text-align:center;color:var(--text-muted);margin:0;padding:24px 0;font-size:.88rem}.admin-dashboard__kpis{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-dashboard__kpi-error{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--border));background:var(--color-danger-bg);color:var(--color-danger);margin-bottom:14px;padding:12px 14px;font-size:.88rem}.admin-dashboard__charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-dashboard__charts .page-card__body{padding-top:8px}.admin-dashboard__section-title{letter-spacing:-.02em;color:var(--text-h);margin:0 0 8px;font-size:1.1rem;font-weight:700}.admin-dashboard__section-lead{color:var(--text-muted);max-width:72ch;margin:0 0 18px;font-size:.9rem;line-height:1.5}.admin-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-dashboard__card-blurb{color:var(--text);margin:0 0 12px;font-size:.84rem;line-height:1.45}.admin-dashboard__flow{margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.6}.admin-dashboard__flow-link{color:var(--accent);font-weight:600;text-decoration:none}.admin-dashboard__flow-link:hover{text-decoration:underline}.admin-dashboard__hint{color:var(--text-muted);margin-top:16px;font-size:.82rem;line-height:1.45}