@import"https://fonts.googleapis.com/css2?family=Barlow:wght@700;800;900&family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@500;600;700;800&display=swap";:root{font-family:Aptos,Segoe UI Variable Display,Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#17324a;background:#f5f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:#edf2f8}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}:root{--blue-950: #020b18;--blue-900: #042a5e;--blue-800: #0a3d8f;--blue-700: #1251b5;--blue-600: #1d6fd8;--blue-500: #2d87f5;--blue-400: #5aa5ff;--blue-300: #90c4ff;--blue-200: #c2deff;--blue-100: #e8f3ff;--blue-50: #f0f7ff;--red-700: #b91c1c;--red-600: #dc2626;--red-500: #ef4444;--red-400: #f87171;--red-200: #fecaca;--red-100: #fff1f2;--green-700: #15803d;--green-600: #16a34a;--green-500: #22c55e;--green-400: #4ade80;--green-200: #bbf7d0;--green-100: #f0fdf4;--yellow-700: #b45309;--yellow-600: #d97706;--yellow-500: #f59e0b;--yellow-400: #fbbf24;--yellow-200: #fde68a;--yellow-100: #fffbeb;--purple-700: #6d28d9;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a78bfa;--purple-200: #ddd6fe;--purple-100: #f5f3ff;--accent: var(--blue-700);--accent-hover: var(--blue-800);--accent-soft: rgba(29, 111, 216, .1);--accent-border: rgba(29, 111, 216, .18);--success: var(--green-600);--error: var(--red-600);--warning: var(--yellow-600);--info: var(--purple-600);--text: #334155;--text-soft: #64748b;--text-strong: #0f172a;--text-muted: #94a3b8;--surface: rgba(255, 255, 255, .44);--surface-hover: rgba(255, 255, 255, .56);--surface-border: rgba(200, 210, 230, .3);--surface-blur: blur(18px);--bg-body: #dbeafe;--bg-mid: #eff6ff;--bg-base: #f8faff;--grad-blue: linear-gradient(135deg, #1251b5, #2d87f5);--grad-red: linear-gradient(135deg, #b91c1c, #f87171);--grad-green: linear-gradient(135deg, #15803d, #4ade80);--grad-yellow: linear-gradient(135deg, #b45309, #fbbf24);--grad-purple: linear-gradient(135deg, #6d28d9, #a78bfa);--grad-rainbow: linear-gradient(135deg, #1251b5 0%, #7c3aed 30%, #dc2626 55%, #d97706 75%, #16a34a 100%);--grad-warm: linear-gradient(135deg, #dc2626, #d97706, #f59e0b);--grad-cool: linear-gradient(135deg, #1251b5, #7c3aed, #2d87f5);--grad-vivid: linear-gradient(135deg, #2d87f5 0%, #8b5cf6 40%, #ef4444 70%, #f59e0b 100%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .35s;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .1), 0 2px 6px rgba(15, 23, 42, .06);--shadow-strong: 0 24px 60px rgba(15, 23, 42, .18), 0 8px 20px rgba(15, 23, 42, .1);--shadow-blue: 0 8px 32px rgba(18, 81, 181, .32), 0 2px 8px rgba(18, 81, 181, .18);--shadow-purple: 0 8px 32px rgba(109, 40, 217, .3), 0 2px 8px rgba(109, 40, 217, .16);--shadow-red: 0 8px 32px rgba(185, 28, 28, .28), 0 2px 8px rgba(185, 28, 28, .14);--shadow-green: 0 8px 32px rgba(21, 128, 61, .28), 0 2px 8px rgba(21, 128, 61, .14);--shadow-yellow: 0 8px 32px rgba(180, 83, 9, .26), 0 2px 8px rgba(180, 83, 9, .12);--shadow-vivid: 0 8px 40px rgba(45, 135, 245, .22), 0 4px 16px rgba(124, 58, 237, .18);--shadow-card: 0 4px 16px rgba(18, 81, 181, .08), 0 1px 4px rgba(18, 81, 181, .05);--shadow-card-hover:0 16px 48px rgba(18, 81, 181, .16), 0 4px 12px rgba(109, 40, 217, .1)}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-blue)}50%{box-shadow:0 8px 48px #2d87f58c,0 2px 12px #7c3aed4d}}@keyframes btn-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes grad-spin{to{--angle: 360deg}}@keyframes float-up{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.025) rotate(.4deg)}to{transform:scale(1.03) rotate(0)}}@keyframes icon-pop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-8deg)}70%{transform:scale(.92) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.8);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);background-color:#e0ecff;background-image:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.22) 0%,transparent 40%),radial-gradient(ellipse at 100% 0%,rgba(239,68,68,.14) 0%,transparent 38%),radial-gradient(ellipse at 100% 100%,rgba(245,158,11,.16) 0%,transparent 38%),radial-gradient(ellipse at 0% 100%,rgba(34,197,94,.14) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(45,135,245,.1) 0%,transparent 60%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}body:before,body:after{display:none}h1,h2,h3,h4{font-family:Barlow,sans-serif;color:var(--text-strong);line-height:1.15;margin-bottom:16px}h1{background:var(--grad-vivid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:16px}h2{background:var(--grad-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{background:linear-gradient(135deg,#1251b5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h4{background:linear-gradient(135deg,#0a3d8f,#1d6fd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--accent);text-decoration:none;transition:opacity var(--dur-fast) var(--ease-out)}a:hover{opacity:.75}.App{min-height:100dvh;width:100%;display:flex;flex-direction:column;position:relative}.app-background{position:fixed;inset:-1px;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(145deg,#638cffb3,#8b5cf659 25%,#a1c2ff99 48%,#ef44442e 70%,#ebd1bb8c)}.app-background .grainient-container{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:128px 128px}html,body,#root{min-height:100%;width:100%}html{background:#e0ecff}.topbar{position:relative;z-index:1000}.content,.footer-bar{position:relative}.content{position:relative;flex:1;padding:44px 32px}.page-transition-shell{position:relative}.topbar{position:sticky;top:0;z-index:1000;padding:16px;background:#f0f7ff85;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid rgba(139,92,246,.14);box-shadow:0 2px 24px #1251b512}.topbar nav,.modern-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:72px;gap:16px}.navbar-left,.navbar-right{display:flex;align-items:center;min-width:60px}.navbar-right{justify-content:flex-end}.navbar-center{display:block;align-items:center;align-self:stretch;justify-self:center;align-content:center;gap:12px;justify-content:center;justify-items:center;margin:auto}.navbar-spacer{width:44px}.logo-svg{width:40px;height:40px;flex-shrink:0;margin:auto;align-self:center;align-items:center;display:block}.logo-group{display:flex;flex-direction:column;gap:1px}.logo-text{font-family:Barlow,sans-serif;font-size:1.15rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-top:8px;align-self:center;align-items:center;justify-content:center;justify-self:center;justify-items:center;text-align:center;background:var(--grad-vivid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.7rem;font-weight:500;color:var(--text-soft);letter-spacing:.02em}.menu-btn,.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--accent-border);background:var(--surface);color:var(--accent);font-size:1.2rem;cursor:pointer;position:relative;overflow:hidden;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);padding:0;white-space:nowrap}.menu-btn:before,.logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1251b51f,#7c3aed29,#ef444414);opacity:0;transition:opacity var(--dur-base) var(--ease-out);border-radius:inherit;pointer-events:none}.navbar-action-label{display:none;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:background var(--dur-base) var(--ease-out),-webkit-text-fill-color var(--dur-base) var(--ease-out),font-weight var(--dur-base) var(--ease-out),letter-spacing var(--dur-base) var(--ease-out)}.menu-btn:hover,.logout-btn:hover{border-color:#7c3aed52;box-shadow:0 4px 20px #6d28d933,0 1px 6px #1251b524;transform:scale(1.07)}.menu-btn:hover:before,.logout-btn:hover:before{opacity:1}.menu-btn:hover .navbar-action-label,.logout-btn:hover .navbar-action-label{background:linear-gradient(135deg,#1251b5,#7c3aed,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:.06em}.menu-btn:hover i,.logout-btn:hover i{background:linear-gradient(135deg,#1251b5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:icon-pop .38s var(--ease-out) both}.menu-btn:active,.logout-btn:active{opacity:.75}@media(min-width:960px){.menu-btn,.logout-btn{width:auto;min-width:44px;padding:0 16px}.navbar-action-label{display:inline}}.topbar-menu{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px;overflow:hidden;max-height:0;opacity:0;border-top:1px solid transparent;margin-top:16px;transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out),padding var(--dur-slow) var(--ease-out),border-color var(--dur-slow)}.topbar-menu.is-open{max-height:200px;opacity:1;padding:12px 28px 16px;border-top-color:var(--surface-border)}.topbar-menu-item{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:40px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text);font-family:DM Sans,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;position:relative;overflow:hidden;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.topbar-menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1251b514,#7c3aed1f);opacity:0;transition:opacity var(--dur-base) var(--ease-out);border-radius:inherit;pointer-events:none}.topbar-menu-item:hover{border-color:#8b5cf64d;box-shadow:0 4px 18px #6d28d929}.topbar-menu-item:hover:before{opacity:1}.topbar-menu-item:hover{-webkit-text-stroke:.4px transparent;font-weight:800;letter-spacing:.01em;background:linear-gradient(135deg,#1251b514,#7c3aed1f);-webkit-background-clip:padding-box;background-clip:padding-box;color:var(--purple-700)}.topbar-menu-item:hover .menu-label,.topbar-menu-item:hover span:not(.icon-chip){background:linear-gradient(135deg,#1251b5,#7c3aed,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.topbar-menu-icon{position:relative;z-index:1;color:var(--blue-700);transition:transform var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out),stroke-width var(--dur-base) var(--ease-out)}.topbar-menu-icon svg,.topbar-menu-icon path{transition:fill var(--dur-base) var(--ease-out),stroke var(--dur-base) var(--ease-out),stroke-width var(--dur-base) var(--ease-out)}.topbar-menu-item:hover .topbar-menu-icon{animation:icon-pop .38s var(--ease-out) both;color:#7c3aed;filter:drop-shadow(0 6px 12px rgba(124,58,237,.24))}.topbar-menu-item:hover .topbar-menu-icon path{fill:currentColor;stroke:currentColor;stroke-width:1.4}.footer-bar{background:#f0f7ff9e;backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);border-top:1px solid rgba(139,92,246,.12)}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 28px}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-family:Barlow,sans-serif;font-size:1rem;font-weight:900;background:var(--grad-vivid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand small,.footer-meta small{font-size:.75rem;color:var(--text-soft)}.card{background:var(--surface);border:1px solid var(--surface-border);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);border-radius:16px;padding:24px;box-shadow:0 12px 28px #11294414;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card:not(.listing-modal-card):hover{box-shadow:var(--shadow-card-hover);border-color:#8b5cf629}.hero-card{padding:32px}.card h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:12px}.card h2{font-size:1.8rem;font-weight:800;margin-bottom:10px}.card h3{font-size:1.25rem;font-weight:800;margin-bottom:8px}.dashboard-hero-card{display:grid;gap:16px;align-items:start;text-align:center}.dashboard-hero-copy{display:grid;gap:12px;justify-items:center}.dashboard-hero-title{margin-bottom:0;max-width:none;width:100%;font-size:clamp(3.4rem,6vw,7.2rem);line-height:.88;word-break:normal;overflow-wrap:normal;white-space:nowrap;padding:20px}.dashboard-hero-copy-text{max-width:62ch;margin-left:24px}.dashboard-hero-actions{width:100%;justify-content:center;margin-top:10px;margin-bottom:0}.listings-hero-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:stretch;margin-bottom:60px}.listings-hero-card{display:grid;gap:14px}.listings-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.listings-hero-title{margin-bottom:10px}.application-status-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center}.application-status-card.is-info{border-color:#1d6fd838;background:#2d87f512}.application-status-card.is-warning{border-color:#d9770647;background:radial-gradient(circle at 12% 12%,rgba(245,158,11,.12),transparent 30%),linear-gradient(145deg,#ffffff61,#ffffff24)}.application-status-card.is-active{border-color:#16a34a47;background:#22c55e0f}.application-status-copy{display:grid;gap:10px}.application-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.application-status-pill{align-self:flex-start}.application-timeline-card,.application-next-steps-card{display:grid;gap:16px;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.dashboard-shell .application-timeline-card,.dashboard-shell .application-next-steps-card,.dashboard-shell .application-timeline-card.kila-card--content,.dashboard-shell .application-next-steps-card.kila-card--content,.dashboard-shell .onboarding-steps-card.kila-card--content{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.application-timeline{position:relative;display:grid;gap:8px;padding:8px 0 0}.application-timeline:before{content:"";position:absolute;left:20px;top:18px;bottom:12px;width:2px;border-radius:999px;background:linear-gradient(180deg,#2563eb2e,#14b8a629 58%,#94a3b81f);pointer-events:none}.application-timeline-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:start;width:100%;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text);text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.application-timeline-step:hover{transform:none!important;box-shadow:none!important}.application-timeline-step:focus-visible{outline:2px solid var(--timeline-accent, var(--blue-500));outline-offset:4px;border-radius:18px}.application-timeline-step:before{content:"";position:absolute;left:23px;top:0;bottom:0;width:2px;background:transparent;pointer-events:none}.application-timeline-step.is-current{color:var(--text-strong)}.application-timeline-step.is-complete{opacity:.96}.application-timeline-index{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;position:relative;z-index:1;margin-top:-1px;background:#fffffff0;border:2px solid var(--timeline-accent, var(--blue-500));color:var(--timeline-accent, var(--blue-700));font-weight:800;box-shadow:0 10px 20px #11294414}.application-timeline-copy{display:grid;gap:6px;padding-top:1px}.application-timeline-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.application-timeline-icon{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:10px;background:#fffc;border:1px solid rgba(191,211,236,.84);color:var(--timeline-accent, var(--blue-700))}.application-timeline-status{margin-left:auto;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(191,211,236,.8);background:#ffffffd1;color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.application-timeline-step.is-complete .application-timeline-index{background:var(--timeline-accent, var(--green-600));color:#fff;border-color:transparent}.application-timeline-step.is-current .application-timeline-index{isolation:isolate;box-shadow:0 0 0 6px #2563eb1a,0 12px 24px #1129441a}.application-timeline-step.is-current .application-timeline-index:after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle,var(--timeline-accent, var(--blue-500)) 0%,transparent 72%);opacity:.8;z-index:-1;pointer-events:none;animation:timelinePulse 1.9s ease-out infinite}.application-timeline-step.is-complete .application-timeline-status{color:#166534;border-color:#16a34a3d;background:#16a34a1a}.application-timeline-step.is-current .application-timeline-status{color:#1d4ed8;border-color:#2563eb3d;background:#2563eb1a}.application-timeline-step.is-upcoming .application-timeline-status{color:#64748b}@keyframes timelinePulse{0%{transform:scale(.88);opacity:.9}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.application-timeline-action{display:inline-grid;place-items:center;width:28px;height:28px;margin-top:6px;color:var(--timeline-accent, var(--blue-700))}.application-timeline-step.is-upcoming{opacity:.9}.staff-application-history-timeline .application-timeline-step{cursor:default}.application-option-grid{display:flex;flex-wrap:wrap;gap:18px}.application-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.application-contact-card{display:grid;gap:6px;padding:0;border-radius:0;border:0;background:transparent;box-shadow:none}.application-next-steps-card .application-details-grid>div,.application-next-steps-card .summary-grid.dashboard-summary>div,.application-next-steps-card .summary-grid.dashboard-summary>button,.application-next-steps-card .application-contact-card,.onboarding-steps-card .onboarding-step{background:transparent!important;border:0!important;box-shadow:none!important}.application-next-steps-card .application-details-grid>div{padding:0}.application-status-head h2{margin:0;font-size:1.25rem}.listing-browser-head{display:grid;gap:14px}.listing-browser-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch}.listing-search-field{display:grid;gap:6px}.listing-search-field span{font-size:.84rem;font-weight:700;color:var(--text-soft)}.listing-view-toggle{display:inline-flex;align-items:stretch;gap:10px;justify-content:flex-end;flex-wrap:wrap}.listing-view-toggle-button,.staff-view-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;min-width:120px;box-sizing:border-box}.listing-view-toggle-button i,.staff-view-button i{font-size:1rem}.listing-loading-state,.listing-empty-state{margin-top:18px}.listing-loading-state{text-align:center;color:var(--text-soft)}.listing-empty-state{display:grid;gap:8px;padding:20px 22px;border-radius:var(--radius-lg);border:1px dashed var(--surface-border);background:#ffffff24}.listing-results{margin-top:18px}.listing-results.is-list-view{display:grid;grid-template-columns:1fr;column-width:auto;column-gap:0;grid-auto-flow:row;align-items:start;justify-content:stretch;overflow-x:auto;overflow-y:hidden}.listing-results.is-list-view>*{margin-bottom:0;break-inside:auto}.listing-results.is-list-view>.listing-table-head,.listing-results.is-list-view>.listing-row-button{min-width:980px}.listing-table-head{display:grid;grid-template-columns:minmax(220px,1.9fr) minmax(150px,1fr) minmax(110px,.75fr) minmax(110px,.75fr) minmax(100px,.7fr) minmax(180px,1fr);gap:18px;align-items:center;padding:16px 20px;margin:0 0 12px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#ffffff3d;color:var(--text-soft);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.listing-row-button{width:100%;display:block}.listing-row{display:grid;grid-template-columns:minmax(220px,1.9fr) minmax(150px,1fr) minmax(110px,.75fr) minmax(110px,.75fr) minmax(100px,.7fr) minmax(180px,1fr);gap:18px;align-items:center;width:100%}.listing-results.is-list-view .listing-row{grid-template-columns:minmax(220px,1.9fr) minmax(150px,1fr) minmax(110px,.75fr) minmax(110px,.75fr) minmax(100px,.7fr) minmax(180px,1fr);min-width:980px;padding:16px 20px}.listing-results.is-list-view .listing-row-button:hover,.listing-results.is-list-view .listing-row-button:focus-visible,.listing-results.is-list-view .listing-row-button:hover .listing-card,.listing-results.is-list-view .listing-row-button:focus-visible .listing-card{transform:none!important;box-shadow:none!important}@media(min-width:1200px){.listing-results.is-list-view{overflow-x:clip}.listing-results.is-list-view>.listing-table-head,.listing-results.is-list-view>.listing-row-button,.listing-results.is-list-view .listing-row{min-width:0}.listing-results.is-list-view .listing-table-head,.listing-results.is-list-view .listing-row{grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) minmax(100px,.7fr) minmax(100px,.7fr) minmax(100px,.7fr) minmax(140px,.9fr)}}.listing-results.is-list-view .listing-table-head span,.listing-results.is-list-view .listing-row-label,.listing-results.is-list-view .listing-row-value,.listing-results.is-list-view .permission-pill{white-space:nowrap}.listing-row-cell{display:grid;gap:4px;min-width:0}.listing-row-title h3{margin-bottom:0;font-size:1.05rem}.listing-row-title-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.listing-row-title-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.listing-row-title-hint{display:none}.listing-row-title .text-soft{margin-top:0;font-size:.86rem}.listing-row-label{color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.listing-row-value{color:var(--text-strong);font-size:.94rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-row-meta{align-content:center;min-width:0}.listing-row-meta-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0}.listing-results.is-list-view .listing-row-meta .permission-pill{flex:0 0 auto}.listing-row-mobile-cta{display:none}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1251b51a,#7c3aed1a);border:1px solid rgba(139,92,246,.2);color:var(--purple-700);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}button{font-family:DM Sans,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;border:none;outline:none}.btn-primary,button[type=submit],button.equal{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-700),var(--blue-500));color:#fff;font-weight:700;border:1px solid transparent;box-shadow:var(--shadow-blue);position:relative;overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),opacity var(--dur-fast)}.btn-primary .app-icon,button[type=submit] .app-icon,button.equal .app-icon{color:#fff}.btn-primary .app-icon__glyph,button[type=submit] .app-icon__glyph,button.equal .app-icon__glyph,.small-button .app-icon__glyph,.secondary-button .app-icon__glyph{color:currentColor;fill:currentColor;stroke:currentColor}.small-button .app-icon,.secondary-button .app-icon,.inline-icon-button .app-icon,.glass-select-trigger .app-icon,.listing-view-toggle-button .app-icon,.staff-view-button .app-icon{color:var(--text-strong)}.page-shell button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon,.portal-shell button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon,.page-shell a.small-button .app-icon,.portal-shell a.small-button .app-icon,.listing-modal-card button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon,.verification-modal-card button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon,.payment-modal-card button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon,.staff-detail-modal button:not(.glass-select-trigger):not(.rich-editor-button) .app-icon{width:24px!important;height:24px!important}.small-button.is-current .app-icon,.listing-view-toggle-button.is-active .app-icon{color:#173f86}.btn-primary .app-icon--auto .app-icon__glyph--regular,button[type=submit] .app-icon--auto .app-icon__glyph--regular,button.equal .app-icon--auto .app-icon__glyph--regular{opacity:0;transform:scale(.86)}.btn-primary .app-icon--auto .app-icon__glyph--filled,button[type=submit] .app-icon--auto .app-icon__glyph--filled,button.equal .app-icon--auto .app-icon__glyph--filled{opacity:1;transform:scale(1)}.small-button.is-current .app-icon--auto .app-icon__glyph--regular,.listing-view-toggle-button.is-active .app-icon--auto .app-icon__glyph--regular,.staff-view-button.is-active .app-icon--auto .app-icon__glyph--regular{opacity:0;transform:scale(.86)}.small-button.is-current .app-icon--auto .app-icon__glyph--filled,.listing-view-toggle-button.is-active .app-icon--auto .app-icon__glyph--filled,.staff-view-button.is-active .app-icon--auto .app-icon__glyph--filled{opacity:1;transform:scale(1)}.btn-primary:after,button[type=submit]:after,button.equal:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);background-size:200% 100%;background-position:-200% center;border-radius:inherit;opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}button[type=submit]:hover,button.equal:hover{background:linear-gradient(135deg,#0a3d8f,#1d6fd8 45%,#8b5cf6);box-shadow:0 10px 40px #1251b566,0 2px 8px #7c3aed47;transform:scale(1.04);color:#fff;font-weight:800;-webkit-text-stroke:.4px rgba(255,255,255,.6);letter-spacing:.02em}button[type=submit]:hover:after,button.equal:hover:after{opacity:1;animation:btn-shimmer .7s var(--ease-out)}button[type=submit]:active,button.equal:active{opacity:.88;transform:scale(.98)}.small-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--surface-border);color:var(--text);font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #1251b512;position:relative;overflow:hidden;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.small-button:before,.secondary-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1251b512,#7c3aed1a 60%,#2d87f50f);opacity:0;transition:opacity var(--dur-base) var(--ease-out);border-radius:inherit;pointer-events:none}.small-button:hover,.secondary-button:hover{background:#f7fbff;border-color:#1d6fd847;box-shadow:0 10px 24px #11294414;transform:translateY(-1px);color:var(--accent);font-weight:700;-webkit-text-stroke:0}.small-button:hover .btn-label,.secondary-button:hover .btn-label,.small-button:hover>span:not(i):not([class*=icon]),.secondary-button:hover>span:not(i):not([class*=icon]){background:none;-webkit-text-fill-color:currentColor;color:currentColor;font-weight:800}.small-button:hover:before,.secondary-button:hover:before{opacity:1}.small-button:active,.secondary-button:active{transform:scale(.97)}.certificate-copy-button{min-width:122px;position:relative;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform .2s ease-out,box-shadow var(--dur-base) var(--ease-out)}.certificate-copy-button .certificate-copy-button-label{display:inline-block;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.certificate-copy-button.is-copied{background:#16a34a24;border-color:#16a34a59;color:var(--success);animation:certificate-copy-pop .55s var(--ease-out)}.certificate-copy-button.is-copied .certificate-copy-button-label{animation:certificate-copy-label .55s var(--ease-out)}@keyframes certificate-copy-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes certificate-copy-label{0%{opacity:.25;transform:translateY(3px)}40%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.warning-button{border-color:#d977066b;color:var(--warning)}.warning-button:hover{border-color:var(--warning);background:linear-gradient(135deg,#b4530914,#f59e0b24);box-shadow:var(--shadow-yellow);transform:scale(1.04);font-weight:800;-webkit-text-stroke:.3px rgba(180,83,9,.5)}.warning-button:hover .btn-label,.warning-button:hover>span:not(i){background:linear-gradient(135deg,#b45309,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.danger-button{border-color:#dc26266b;color:var(--error)}.danger-button:hover{border-color:var(--error);background:linear-gradient(135deg,#b91c1c14,#ef444424);box-shadow:var(--shadow-red);transform:scale(1.04);font-weight:800;-webkit-text-stroke:.3px rgba(185,28,28,.5)}.danger-button:hover .btn-label,.danger-button:hover>span:not(i){background:linear-gradient(135deg,#b91c1c,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button:disabled{opacity:.45;cursor:not-allowed}button.equal:disabled,.small-button:disabled,.btn--primary:disabled,.btn:disabled,button[type=button]:disabled:not(.toggle-pill){opacity:1;color:#64748b!important;background:#d5dbe5!important;border-color:#c3ccd8!important;box-shadow:none!important;transform:none!important;-webkit-text-fill-color:currentColor!important}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.toggle-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.toggle-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--surface-border);background:#ffffffa3;color:var(--text);font-weight:600;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.toggle-pill:hover{border-color:#2563eb47;box-shadow:0 4px 14px #2563eb1a}.toggle-pill.is-on{background:#2563eb1f;border-color:#2563eb5c;color:#1d4ed8;box-shadow:0 4px 16px #2563eb24}.toggle-pill-track{width:38px;height:22px;flex:0 0 auto;border-radius:999px;background:#94a3b847;position:relative;transition:background var(--dur-base) var(--ease-out)}.toggle-pill.is-on .toggle-pill-track{background:#2563eb3d}.toggle-pill-thumb{position:absolute;inset:3px auto 3px 3px;width:16px;border-radius:50%;background:#f8fafc;box-shadow:0 2px 8px #0f172a29;transition:transform var(--dur-base) var(--ease-out)}.toggle-pill.is-on .toggle-pill-thumb{transform:translate(16px)}.toggle-group--tight{gap:8px}.nodue-list{display:grid;gap:14px;margin-top:16px}.nodue-row,.no-due-card{display:grid;gap:12px;padding:16px;border-radius:var(--radius-lg);background:#ffffff59;border:1px solid var(--surface-border)}.nodue-row-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.nodue-department{font-weight:700;color:var(--text-strong)}.nodue-meta{margin-top:4px;font-size:.84rem;color:var(--text-muted)}.nodue-remarks{color:var(--text);font-size:.92rem;line-height:1.5}.nodue-form{display:grid;gap:12px;margin-top:16px}.nodue-form .input,.nodue-form textarea{width:100%}.intern-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.intern-detail-section{display:grid;gap:16px;padding-top:18px;padding-bottom:18px}.intern-detail-fields{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.field-block{display:flex;flex-direction:column;gap:8px;grid-column:1 / -1}.intern-detail-fields>label,.intern-detail-fields>div{min-width:0}.intern-save-row{margin-top:18px;justify-content:flex-end}.no-dues-grid{display:grid;gap:14px;margin-top:16px;grid-column:1 / -1}.intern-assignment-panel .toggle-row,.intern-assignment-panel .section-header,.intern-assignment-panel .no-dues-grid,.intern-full-row{grid-column:1 / -1}.nodue-entry-grid{grid-template-columns:minmax(220px,1fr) minmax(360px,1.35fr) minmax(220px,1fr);align-items:start}.nodue-entry-grid>label,.nodue-entry-grid>div{min-width:0}.intern-assignment-panel.intern-full-row .toggle-row{flex-wrap:nowrap}.intern-assignment-panel.intern-full-row .toggle-row .toggle-pill{flex:0 0 auto}.unstyled-card-button{width:100%;display:block;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.unstyled-card-button:hover{transform:none}label{display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:.875rem;font-weight:600}.checkbox-row{flex-direction:row;align-items:center;gap:10px}.checkbox-row input{width:auto}input,textarea,select{width:100%;padding:14px 16px;border:1.5px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff47;color:var(--text-strong);font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base),box-shadow var(--dur-base) var(--ease-out)}input:hover,textarea:hover,select:hover{background:#ffffff61;border-color:#8b5cf633}input:focus,textarea:focus,select:focus{outline:none;border-color:#7c3aed47;background:linear-gradient(#ffffff61,#ffffff61) padding-box,linear-gradient(to right,var(--blue-700),var(--purple-500),var(--red-600),var(--yellow-500)) left bottom / 100% 3px no-repeat;box-shadow:0 0 0 3px #7c3aed14}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox]{width:auto;accent-color:var(--blue-600);transform:none;transition:accent-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}input[type=file]{padding:10px 12px;cursor:pointer}input[type=file]::file-selector-button,input[type=file]::-webkit-file-upload-button{margin-right:12px;padding:10px 16px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff9e,#ffffff47);color:var(--text-strong);font:inherit;font-weight:700;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}input[type=file]::file-selector-button:hover,input[type=file]::-webkit-file-upload-button:hover{border-color:#8b5cf647;background:#8b5cf614;transform:translateY(-1px)}.read-only-field{background:#94a3b81a;color:var(--text-soft);cursor:not-allowed}.required-star{color:var(--error);margin-left:2px}.form-grid{display:grid;gap:16px;padding:16px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.workspace-grid,.cards-grid{display:grid;gap:22px}.adaptive-card-grid,.cards-grid--wide,.certificates-grid{--adaptive-grid-gap: 22px;--adaptive-card-min: 420px;display:block;column-gap:var(--adaptive-grid-gap);column-width:var(--adaptive-card-min)}.adaptive-card-grid>*,.cards-grid--wide>*,.certificates-grid>*{width:100%;margin:0 0 var(--adaptive-grid-gap);break-inside:avoid}.adaptive-card-grid>.button-row{display:flex}.cards-grid--wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px;align-items:stretch}.cards-grid--wide>*{margin:0;break-inside:auto}.card,.hero-card,.staff-listing-card,.listing-card{min-width:0;overflow-wrap:anywhere}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-grid>div{display:flex;flex-direction:column;gap:2px}.summary-grid strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft);font-weight:700}.summary-grid p{font-size:.95rem;color:var(--text-strong);font-weight:500}.landing-shell{display:grid;gap:34px;width:min(1180px,100%);margin:0 auto}.landing-hero{min-height:clamp(520px,76vh,760px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center;padding:clamp(28px,5vw,64px);border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#f0fdf4c7,#eff6ffb8 42%,#fff7edc7),#ffffff2e;box-shadow:var(--surface-shadow);overflow:hidden}.landing-hero-copy{display:grid;gap:18px;align-content:center}.landing-hero-copy h1{margin:0;font-size:clamp(2.8rem,7vw,6rem);line-height:.95;color:var(--text-strong)}.landing-hero-copy p{max-width:680px;margin:0;color:var(--text);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.landing-login-button{width:fit-content;min-width:160px}.landing-brand-panel{min-height:360px;display:grid;place-items:center;align-content:center;gap:22px;padding:clamp(24px,4vw,44px);border-radius:var(--radius-xl);border:1px solid rgba(14,165,233,.18);background:linear-gradient(160deg,#ffffffb8,#dbeafe94),#ffffff3d;text-align:center}.landing-brand-panel img{width:min(240px,62vw);height:auto}.landing-brand-panel strong{display:block;font-size:1.2rem;color:var(--text-strong)}.landing-brand-panel span{color:var(--text-soft)}.landing-section{display:grid;gap:18px}.landing-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.landing-section-head h2{margin:0;color:var(--text-strong);font-size:clamp(1.6rem,3vw,2.4rem)}.landing-card-grid,.landing-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.landing-info-card,.landing-branch-card{display:grid;gap:10px;padding:16px;border:1px solid var(--surface-border);border-radius:14px;background:#ffffff70;box-shadow:0 12px 32px #0f172a14}.landing-info-card h3,.landing-branch-card h3{margin:0;color:var(--text-strong)}.landing-info-card p,.landing-branch-card p{margin:0;color:var(--text-soft);line-height:1.55}.landing-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--text);font-size:.9rem}.landing-branch-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.glass-select{position:relative;width:100%}.glass-select.is-disabled{opacity:.72}.glass-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1.5px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff47;color:var(--text-strong);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base),box-shadow var(--dur-base) var(--ease-out)}.glass-select-trigger:hover{background:#ffffff61;border-color:#8b5cf638}.glass-select-trigger:focus,.glass-select-trigger.is-open{outline:none;border-color:#7c3aed47;background:linear-gradient(#ffffff61,#ffffff61) padding-box,linear-gradient(to right,var(--blue-700),var(--purple-500),var(--red-600),var(--yellow-500)) left bottom / 100% 3px no-repeat;box-shadow:0 0 0 3px #7c3aed14}.glass-select-trigger:disabled{cursor:not-allowed}.glass-select-value.is-placeholder{color:var(--text-muted)}.glass-select-chevron{font-size:1.1rem;color:var(--text-soft);transition:transform var(--dur-base) var(--ease-out);flex-shrink:0}.glass-select-chevron.is-open{transform:rotate(180deg)}.glass-select-backdrop{position:fixed;inset:0;z-index:1500}.glass-select-panel{position:fixed;z-index:1600;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:var(--shadow-soft),var(--shadow-strong);background:#f8fbffb8;border:1px solid rgba(139,92,246,.14);backdrop-filter:blur(36px) saturate(130%);-webkit-backdrop-filter:blur(36px) saturate(130%);border-radius:var(--radius-xl);padding:12px;width:min(540px,92vw);max-height:72vh;overflow-y:auto;animation:panel-in var(--dur-base) var(--ease-out) both}@keyframes panel-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.glass-select-option{display:block;width:100%;padding:13px 16px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text);font-family:DM Sans,sans-serif;font-size:.95rem;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast)}.glass-select-option:hover{background:linear-gradient(135deg,#1251b514,#7c3aed14);color:var(--purple-700)}.glass-select-option.is-selected{background:linear-gradient(135deg,#1251b51f,#7c3aed1f);color:var(--purple-700)}.glass-select-option.is-placeholder{color:var(--text-muted)}.ui-card{width:100%;padding:12px;margin:4px;border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:#fff;backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur)}.auth-shell{width:min(100%,1180px);min-height:calc(100dvh - 190px);margin:0 auto;display:grid;place-items:center;padding:clamp(20px,4vw,48px)}.auth-shell--expanded{place-items:start center}.auth-card{width:min(100%,520px);display:grid;gap:16px;padding:clamp(24px,4vw,42px);animation:fade-up var(--dur-slow) var(--ease-out) both}.auth-card--contact{max-width:560px}.auth-card-hero{display:grid;gap:8px}.auth-card-hero--compact{margin-bottom:-4px}.hero-kicker{color:var(--text-soft);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-hero-title{margin:0;color:var(--blue-600);font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:0}.auth-title{margin:0;color:var(--text-strong);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.1}.auth-subtitle{margin:-4px 0 0;color:var(--text-soft);line-height:1.55}.auth-fields{display:grid;gap:8px}.auth-fields label{color:var(--text-strong);font-weight:800;font-size:.92rem}.auth-fields input{width:100%}.auth-actions{display:grid;gap:14px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.88rem}.auth-divider:before,.auth-divider:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.22),transparent)}.auth-oauth-btn{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.28);background:#ffffffd1;color:var(--text-strong);box-shadow:0 10px 28px #0f172a14}.auth-oauth-btn:hover{border-color:#3b82f64d;background:#fffffff0}.auth-oauth-icon{width:22px;height:22px;flex:0 0 22px;object-fit:contain;display:block}.auth-back-row{display:flex;justify-content:center;margin-top:2px}.auth-back-row button,.auth-back-row a{color:var(--text-soft);font-size:.9rem}.login-container{width:min(1200px,100%);margin:auto;display:grid;gap:24px}.login-card{max-width:480px;margin:auto;width:100%;gap:12px;animation:fade-up var(--dur-slow) var(--ease-out) both;border:1px solid rgba(139,92,246,.14)}@keyframes fade-up{0%{opacity:0}to{opacity:1}}.login-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;margin-bottom:12px}.login-subtitle{color:var(--text-soft);font-size:.9rem;margin-bottom:32px}.otp-input-row{display:flex;gap:10px}.otp-input-row input{flex:1}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--surface-border);color:var(--text-strong);font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base)}.google-btn:hover{background:var(--surface-hover);border-color:#ef444447}.google-btn img{width:20px;height:20px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.18),transparent)}.login-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.login-primary-btn{width:100%;padding:15px 20px;font-size:1rem;font-weight:700;border-radius:var(--radius-md);gap:10px}.google-icon{width:20px;height:20px;flex-shrink:0;display:block}.login-back-row{text-align:center;margin-top:4px}.login-back-row a{font-size:.85rem;color:var(--text-soft);display:inline-flex;align-items:center;gap:5px;transition:color var(--dur-fast)}.login-back-row a:hover{color:var(--purple-600)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.progress-ring{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:currentColor}.progress-ring svg{display:block;animation:spin .9s linear infinite;transform-origin:50% 50%}.progress-ring__track,.progress-ring__indicator{fill:none;stroke-width:2.4}.progress-ring__track{stroke:#0f172a1f}.progress-ring__indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:36 56;stroke-dashoffset:12}.signup-stepper{display:flex;flex-direction:column;gap:20px;width:-webkit-fill-available;margin:auto;animation:fade-up var(--dur-slow) var(--ease-out) both}.signup-intro-card{padding:8px 4px 4px}.signup-intro-card h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;margin-bottom:6px}.signup-intro-card p{color:var(--text-soft);font-size:.9rem}.signup-step-card{padding:0;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}.signup-step-header{margin-bottom:12px}.signup-step-header .eyebrow{margin-bottom:6px}.signup-step-header h3{margin-bottom:0}.signup-step-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center;align-content:center;justify-content:center;justify-items:center;padding:10px;border-radius:var(--radius-lg);background:#ffffff2e;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.signup-pill,.signup-step-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;border-radius:var(--radius-pill);border:1.5px solid var(--surface-border);background:var(--surface);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);font-size:.75rem;font-weight:700;color:var(--text-soft);transition:border-color var(--dur-base),color var(--dur-base),background var(--dur-base)}.signup-step-breadcrumbs .signup-pill,.signup-step-breadcrumbs .signup-step-pill{opacity:.48;filter:blur(.25px) saturate(.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.signup-step-breadcrumbs .signup-pill.is-active,.signup-step-breadcrumbs .signup-pill.is-complete,.signup-step-breadcrumbs .signup-step-pill.active,.signup-step-breadcrumbs .signup-step-pill.complete{opacity:1;filter:none}.signup-pill span,.signup-step-pill span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface-border);font-size:.7rem}.signup-pill.is-active,.signup-step-pill.active{border-color:var(--purple-500);color:var(--purple-700);background:linear-gradient(135deg,#8b5cf61a,#6d28d914);box-shadow:0 4px 14px #6d28d92e}.signup-pill.is-active span,.signup-step-pill.active span{background:linear-gradient(135deg,var(--blue-600),var(--purple-500));color:#fff;box-shadow:0 2px 8px #6d28d947}.signup-pill.is-complete,.signup-step-pill.complete{border-color:var(--green-500);color:var(--green-600);box-shadow:0 4px 14px #15803d24}.signup-pill.is-complete span,.signup-step-pill.complete span{background:linear-gradient(135deg,var(--green-600),var(--green-400));color:#fff;box-shadow:0 2px 8px #15803d3d}.signup-progress,.onboarding-progress{height:6px;border-radius:var(--radius-pill);overflow:hidden;background:#8b5cf61a;margin-top:10px}.signup-progress-track{width:100%;height:100%;background:transparent}.signup-progress-fill,.onboarding-progress-fill{height:100%;background:var(--grad-vivid);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out)}.signup-section-card{padding:28px;background:var(--surface);border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur)}.signup-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.signup-footer-actions{display:flex;gap:12px}.signup-footer-actions--single{justify-content:flex-end}.signup-nav-button{flex:1}.signup-reset-link{text-align:center;font-size:.85rem;color:var(--text-soft);display:block;margin-top:-8px}.signup-field{position:relative}.locked-badge{position:absolute;right:12px;bottom:14px;display:flex;align-items:center;color:var(--purple-600);font-size:1rem;cursor:default}.locked-tooltip{display:none;position:absolute;right:calc(100% + 8px);bottom:0;white-space:nowrap;font-size:.72rem;background:var(--text-strong);color:#fff;border-radius:var(--radius-sm);padding:4px 8px}.locked-badge:hover .locked-tooltip{display:block}.onboarding-shell{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:auto;animation:fade-up var(--dur-slow) var(--ease-out) both}.onboarding-header{display:flex;align-items:flex-start;gap:20px;padding:24px 28px}.onboarding-header-copy{flex:1}.onboarding-step-copy{font-size:.82rem;color:var(--text-soft);display:flex;align-items:center;gap:6px;margin-top:4px}.onboarding-workspace{display:flex;flex-direction:column;gap:20px}.step-card{padding:24px 28px}.step-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.full-span{grid-column:1 / -1}.onboarding-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 28px}.onboarding-footer-left{display:flex}.onboarding-footer-right{display:flex;justify-content:flex-end}.onboarding-footer-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:180px}.onboarding-footer-step{justify-content:center}.onboarding-footer-button{min-width:120px}.onboarding-message{border-color:#dc262640;background:#dc26260f;color:var(--error);padding:14px 20px;font-size:.9rem}.language-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;padding:12px 16px;background:#ffffff1f;border-radius:var(--radius-md);border:1px solid var(--surface-border)}.language-grid label{flex-direction:row;align-items:center;gap:6px;font-size:.82rem;font-weight:500}.portal-shell{width:min(1400px,100%);margin:auto;display:flex;flex-direction:column;gap:22px}.certificates-grid{--adaptive-card-min: 360px;gap:22px}.certificate-card{display:grid;gap:16px}.dashboard-summary{margin-top:12px}.dashboard-actions{flex-wrap:wrap;align-items:center;width:100%;min-width:0;margin-bottom:40px;gap:12px}.dashboard-hero-actions{justify-content:center;margin-bottom:0}.staff-route-tabs{margin-top:0}.staff-route-tab.is-active{background:linear-gradient(135deg,#1251b51a,#7c3aed1a);border-color:#8b5cf647;color:var(--purple-700)}.staff-page-transition{position:relative}.staff-explorer-head{display:grid;gap:16px}.staff-explorer-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr) auto;column-gap:18px;row-gap:14px;align-items:end}.staff-explorer-toolbar.has-action{grid-template-columns:minmax(0,1.45fr) minmax(180px,.8fr) auto auto}.staff-view-toggle{display:inline-flex;align-items:stretch;gap:12px;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap;padding-top:26px}.staff-toolbar-action{display:flex;justify-content:center;align-items:end;padding-left:6px;align-self:end}.staff-toolbar-search{display:grid;gap:8px;min-width:0}.listing-search-field input,.staff-toolbar-search input,.staff-toolbar-filter .glass-select-trigger,.staff-explorer-toolbar .staff-view-button,.staff-explorer-toolbar .staff-toolbar-action .small-button{height:48px;min-height:48px;box-sizing:border-box}.listing-search-field input,.staff-toolbar-search input{padding-top:12px;padding-bottom:12px;line-height:1.1}.staff-result-count{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:#ffffff38;color:var(--text-soft);font-size:.84rem;font-weight:700}.director-dashboard{display:grid;gap:18px}.director-summary-grid{align-items:stretch}.director-tabs{margin:0}.director-filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(170px,1fr)) repeat(2,minmax(140px,.7fr));gap:14px;align-items:end}.director-filter-grid label{display:grid;gap:8px;min-width:0}.director-filter-grid input,.director-filter-grid .glass-select-trigger{height:48px;min-height:48px;box-sizing:border-box}.director-table-header{margin-top:4px}.staff-inline-panel{display:grid;gap:16px;padding:16px 0 4px;border-top:1px solid rgba(148,163,184,.22)}.compact-list-shell{display:grid;gap:0;margin-top:8px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;background:#ffffff24;width:100%}.compact-list-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.compact-list-head,.compact-list-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(180px,1.2fr) minmax(110px,.8fr) minmax(88px,.5fr) minmax(110px,.7fr);gap:14px;align-items:center}.compact-list-head{padding:10px 16px;background:linear-gradient(90deg,#1251b512,#7c3aed12);border-bottom:1px solid var(--surface-border);color:var(--text-soft);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.compact-list-body{display:grid}.compact-list-empty{grid-column:1 / -1;margin:0;padding:22px 18px;text-align:center;justify-self:stretch}.compact-list-row{width:100%;padding:11px 16px;text-align:left;border-radius:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text-strong);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.compact-list-row:last-child{border-bottom:0}.compact-list-row:hover{background:linear-gradient(90deg,#1251b50d,#7c3aed0d)}.compact-list-row span,.compact-list-head span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.finance-modal-scope-tabs{margin-top:8px}.finance-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.08rem .4rem;border-radius:999px;background:#ffffff9e;color:var(--accent);font-size:.74rem;font-weight:700}.staff-detail-modal{width:min(1120px,100%);overflow:visible}.finance-payment-detail-modal{max-height:calc(100dvh - 32px);overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.finance-payment-detail-modal .listing-modal-body{flex:1 1 auto;min-height:0}.finance-payment-detail-modal .finance-payment-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px}.certificate-approval-modal{overflow-y:auto;overflow-x:hidden}.certificate-approval-modal .listing-modal-body,.certificate-approval-modal .staff-detail-grid{min-height:0}.staff-detail-modal .intern-detail-grid{grid-template-columns:1fr;gap:20px;margin-top:16px}.staff-detail-modal .intern-detail-section{gap:18px;padding-top:22px;padding-bottom:22px}.staff-detail-modal .section-header p{margin-top:8px;margin-bottom:0;line-height:1.65}.staff-detail-modal .intern-detail-fields{gap:16px;margin-top:16px}.staff-detail-modal .button-row{margin-top:18px}.staff-detail-modal .staff-score-section .button-row{margin-bottom:18px}.staff-detail-modal .permission-cloud{margin-top:18px;gap:10px}.staff-detail-modal .staff-review-history,.staff-detail-modal .staff-score-history{display:grid;gap:12px}.staff-detail-modal .staff-review-history p,.staff-detail-modal .staff-score-history p,.staff-detail-modal .staff-score-history-rubrics p{margin:0;line-height:1.65}.staff-detail-modal .staff-review-form{display:grid;gap:14px;margin-top:20px}.staff-detail-modal .staff-score-history,.staff-detail-modal .staff-score-history-accordion,.staff-detail-modal .staff-application-history-accordion,.staff-detail-modal .staff-review-history-section{margin-top:20px}.staff-detail-modal .intern-save-row{margin-top:24px;margin-bottom:8px}.staff-detail-modal .staff-review-history{margin-top:16px}.staff-detail-modal>p{margin-top:18px}.staff-detail-modal .card,.staff-detail-modal .intern-detail-section,.staff-detail-modal .no-due-card,.staff-detail-modal .certificate-feedback-summary,.staff-detail-modal .staff-review-history,.staff-detail-modal .staff-score-card,.staff-detail-modal .staff-response-card,.staff-detail-modal .staff-document-card,.staff-detail-modal .staff-application-card,.staff-detail-modal .staff-listing-card,.staff-detail-modal .attendance-panel,.staff-detail-modal .attendance-panel--calendar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.certificate-approval-card,.staff-detail-modal .certificate-approval-card{background:radial-gradient(circle at 10% 0%,rgba(45,135,245,.16),transparent 34%),linear-gradient(180deg,#fffffffa,#f6faffeb)!important;border:1px solid rgba(203,214,231,.98)!important;box-shadow:0 16px 34px #1129441a,0 3px 10px #1129440d!important;border-radius:22px!important;backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);overflow:hidden}.staff-detail-modal .certificate-approval-card .staff-listing-card-header,.staff-detail-modal .certificate-approval-card .summary-grid,.staff-detail-modal .certificate-approval-card .button-row{background:transparent!important}.staff-document-card--compact{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(203,214,231,.92);background:linear-gradient(180deg,#fffffffa,#f8fbffeb);box-shadow:0 14px 32px #11294414,0 2px 8px #1129440a}.staff-detail-modal .staff-document-card--compact{background:linear-gradient(180deg,#fffffffc,#f8fbfff0)!important;border:1px solid rgba(203,214,231,.96)!important;box-shadow:0 14px 32px #11294414,0 2px 8px #1129440a!important}.staff-detail-modal .card:before,.staff-detail-modal .staff-listing-card:before,.staff-detail-modal .staff-application-card:before,.staff-detail-modal .staff-response-card:before,.staff-detail-modal .staff-document-card:before,.staff-detail-modal .staff-score-card:before,.staff-detail-modal .no-due-card:before{content:none!important}.staff-detail-modal .card:hover,.staff-detail-modal .intern-detail-section:hover,.staff-detail-modal .no-due-card:hover,.staff-detail-modal .certificate-feedback-summary:hover,.staff-detail-modal .staff-review-history:hover,.staff-detail-modal .staff-score-card:hover,.staff-detail-modal .staff-response-card:hover,.staff-detail-modal .staff-document-card:hover,.staff-detail-modal .staff-application-card:hover,.staff-detail-modal .staff-listing-card:hover,.staff-detail-modal .attendance-panel:hover,.staff-detail-modal .attendance-panel--calendar:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}.profile-shell{gap:20px}.profile-form-shell{display:grid;gap:22px}.profile-form-grid{--adaptive-card-min: 420px}.profile-save-row{margin-top:0}.profile-hero-card{display:flex;align-items:center}.profile-hero-head{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,2.5vw,32px);width:100%;flex-wrap:nowrap}.profile-hero-copy{flex:1;min-width:0}.profile-hero-title{margin-bottom:0;margin-left:40px;text-align:left;font-size:clamp(3rem,5vw,6rem);line-height:1.1}.profile-hero-avatar-wrap{width:clamp(96px,12vw,176px);height:clamp(96px,12vw,176px);flex:0 0 auto;padding:6px;border-radius:50%;border:2px solid rgba(139,92,246,.22);background:linear-gradient(135deg,#1251b51a,#7c3aed1a);display:flex;align-items:center;justify-content:center}.profile-hero-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-hero-avatar-fallback{width:100%;height:100%;border-radius:50%;background:var(--grad-vivid);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Barlow,sans-serif;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:900;letter-spacing:-.04em}.staff-shell{gap:20px}.staff-page-heading{padding:8px 4px 2px}.staff-page-heading h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1;text-align:left}.staff-hero-card{display:grid;gap:20px;align-items:start}.staff-hero-title{margin:0;max-width:min(12ch,100%);font-size:clamp(2rem,4.2vw,4.8rem);line-height:.92;word-break:normal;overflow-wrap:anywhere}.staff-hero-copy{display:grid;gap:12px;justify-items:center;max-width:760px}.staff-hero-actions{justify-content:center;margin-bottom:0}.eyebrow{display:inline-flex;margin-bottom:10px;padding:6px 12px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1251b51a,#7c3aed1a);border:1px solid rgba(139,92,246,.18);color:var(--purple-700);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.staff-message-card{padding:18px 22px}.staff-workspace-grid{gap:22px}.staff-summary-grid{margin-top:12px}.permission-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.permission-pill{display:block;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1251b517,#2d87f517);border:1px solid rgba(29,111,216,.22);color:var(--blue-800);font-size:.82rem;font-weight:600;text-wrap:nowrap;text-transform:capitalize;box-shadow:0 2px 8px #1251b51a;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.permission-pill:hover{box-shadow:0 4px 16px #1251b533}.proficiency-pill--language{background:linear-gradient(135deg,#3b82f61f,#60a5fa1f)!important;border-color:#3b82f642!important;color:#1d4ed8!important;box-shadow:0 2px 8px #2563eb1f!important}.proficiency-pill--language:hover{box-shadow:0 4px 16px #2563eb38!important}.proficiency-pill--skill{background:linear-gradient(135deg,#10b9811f,#34d3991f)!important;border-color:#10b98142!important;color:#047857!important;box-shadow:0 2px 8px #10b9811f!important}.proficiency-pill--skill:hover{box-shadow:0 4px 16px #10b98138!important}.permission-pill:nth-child(3n+2){background:linear-gradient(135deg,#7c3aed17,#a78bfa1a);border-color:#8b5cf638;color:var(--purple-700);box-shadow:0 2px 8px #6d28d91f}.permission-pill:nth-child(3n+2):hover{box-shadow:0 4px 16px #6d28d938}.permission-pill:nth-child(3n+3){background:linear-gradient(135deg,#16a34a17,#4ade801a);border-color:#22c55e38;color:var(--green-700);box-shadow:0 2px 8px #15803d1a}.permission-pill:nth-child(3n+3):hover{box-shadow:0 4px 16px #15803d33}.permission-pill.is-warning{border-color:#d977065c;background:linear-gradient(135deg,#b4530914,#f59e0b1f);color:var(--yellow-700);box-shadow:0 2px 8px #b453091f}.permission-pill.is-error{border-color:#dc26265c;background:linear-gradient(135deg,#b91c1c14,#ef44441f);color:var(--red-700);box-shadow:0 2px 8px #b91c1c1f}.inline-icon-button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}.inline-icon-button:hover{background:#dc26261f;color:var(--error)}.intern-assignment-panel{margin-top:24px}.staff-module-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}.staff-module-card{display:flex;flex-direction:column;gap:12px}.staff-module-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.staff-module-count{min-width:44px;padding:6px 10px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--blue-700),var(--purple-500));color:#fff;text-align:center;font-family:Barlow,sans-serif;font-weight:800;box-shadow:0 4px 18px #1251b54d,0 1px 4px #7c3aed38;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.staff-module-count:hover{box-shadow:0 6px 28px #1251b56b,0 2px 8px #7c3aed4d}.staff-module-action{margin-top:auto;align-self:flex-start}.attendance-shell{gap:20px;position:relative}.attendance-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.attendance-layout--collapsed{grid-template-columns:minmax(0,1fr)}.attendance-panel{display:flex;flex-direction:column;gap:18px}.attendance-panel--calendar{position:static;max-height:none;overflow:visible;max-width:420px;width:100%}.attendance-panel--calendar.is-collapsed{width:auto;min-width:0;padding:16px;overflow:visible}.attendance-panel--calendar.is-collapsed .attendance-panel-header{grid-template-columns:1fr;justify-items:center}.attendance-panel--calendar.is-collapsed .attendance-panel-header-copy,.attendance-panel--calendar.is-collapsed .attendance-panel-body{display:none}.attendance-panel--calendar.is-collapsed .calendar-nav{width:100%;justify-content:center}.attendance-panel--calendar.is-collapsed .calendar-nav>button:not(.calendar-collapse-toggle){display:none}.attendance-panel--calendar.is-collapsed .calendar-collapse-toggle span{display:none}.calendar-collapse-toggle{min-width:44px}.attendance-panel--details,.attendance-panel--access{min-width:0}.attendance-panel-header{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.staff-detail-header-row{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}.staff-detail-header-side{justify-self:start}.staff-detail-header-side--end{justify-self:end}.staff-detail-header-copy{min-width:0}.staff-detail-header-copy h3{margin-bottom:4px}.attendance-tabs{margin:18px 0 8px}.attendance-panel-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.attendance-tab{display:inline-flex;align-items:center}.attendance-tab.is-active{background:#fff}.attendance-tab:hover{background:#f7fbff}.attendance-day-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0 0}.attendance-filter-tabs{margin:18px 0 0}.attendance-filter-tabs.finance-tabs{gap:10px;align-items:stretch}.attendance-filter-tab.finance-tab{min-width:0;flex:0 0 auto;min-width:max-content;justify-content:flex-start;gap:10px}.attendance-filter-tab .finance-tab-count{margin-left:auto}.attendance-filter-tabs--student-scope .attendance-filter-tab.finance-tab{flex:0 0 auto}.attendance-calendar-back-row{display:flex;justify-content:flex-start;margin-bottom:14px}.attendance-day-tab{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(191,204,220,.92);background:#ffffffc7;color:var(--text-soft);box-shadow:0 8px 20px #0a14280d;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.attendance-day-tab span{font-weight:600}.attendance-day-tab strong{color:var(--text-strong);font-family:Barlow,sans-serif}.attendance-day-tab:hover{transform:translateY(-1px);border-color:#4f46e538;background:#fffffff0}.attendance-day-tab.is-active{color:var(--primary-700);border-color:#4f46e53d;background:#fff;box-shadow:0 12px 26px #2b57a81a}.calendar-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.attendance-calendar-picker{width:100%;max-width:360px}.attendance-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:10px}.attendance-calendar-weekdays span{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.legend-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;font-size:.84rem;color:var(--text-soft);margin:20px 0 0;padding:14px 16px;border-radius:16px;border:1px solid rgba(191,204,220,.8);background:#ffffffbd}.legend-row span{display:inline-flex;align-items:center;gap:10px;color:var(--text-strong);font-weight:600}.attendance-filter-stack{display:grid;gap:14px}.attendance-search-field{display:grid;gap:8px}.attendance-search-field input{width:100%}.attendance-search-results{display:grid;gap:8px}.attendance-search-result{display:grid;gap:4px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff2e;color:var(--text-strong);text-align:left}.attendance-search-result strong{font-family:Barlow,sans-serif}.attendance-search-result span{color:var(--text-soft);font-size:.85rem}.attendance-search-result:hover,.attendance-search-result.is-selected{transform:translateY(-1px);box-shadow:0 10px 22px #0a14281a;border-color:#8b5cf62e}.attendance-month-summary{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff2e;color:var(--text-soft)}.attendance-month-summary span{display:inline-flex;align-items:baseline;gap:6px}.attendance-month-summary strong{color:var(--text-strong);font-family:Barlow,sans-serif;font-size:1rem}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:999px;vertical-align:middle;flex:0 0 auto;border:1px solid rgba(15,23,42,.1);box-shadow:0 0 0 2px #ffffffb8}.legend-swatch.green,.attendance-day--green{background:linear-gradient(135deg,var(--green-600),var(--green-400));color:#fff}.legend-swatch.blue,.attendance-day--blue{background:linear-gradient(135deg,var(--blue-600),var(--blue-400));color:#fff}.legend-swatch.violet,.attendance-day--violet{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff}.legend-swatch.join-day{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff}.legend-swatch.yellow,.attendance-day--yellow{background:linear-gradient(135deg,var(--yellow-600),var(--yellow-400));color:#fff}.legend-swatch.red,.attendance-day--red{background:linear-gradient(135deg,var(--red-600),var(--red-400));color:#fff}.attendance-day--join-day{box-shadow:inset 0 0 0 2px #3b82f65c,0 0 0 1px #ffffff57}.attendance-day.is-extension-day{box-shadow:inset 0 0 0 2px #7c3aed57,0 0 0 1px #ffffff57}.attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.attendance-day{min-height:44px;border:1px solid var(--surface-border);border-radius:999px;padding:8px 6px;background:#fff3;color:var(--text-strong);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.attendance-day:hover,.attendance-day.is-selected{transform:translateY(-2px);box-shadow:0 16px 30px #0a14281f}.attendance-day span{font-family:Barlow,sans-serif;font-weight:700;font-size:.98rem}.attendance-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px #0f172a2e}.attendance-day.is-outside-month{opacity:.45}.attendance-day.is-unavailable{background:#94a3b814;color:#475569e6;box-shadow:none}.attendance-day.is-unavailable:hover{transform:none}.attendance-day-indicators{min-height:8px}.attendance-detail,.attendance-session-card,.attendance-mark-box,.attendance-approval-box,.attendance-access-card{display:grid;gap:14px}.attendance-record-list{display:grid;gap:10px}.attendance-record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff2e;color:var(--text-strong);text-align:left}.attendance-record-card:hover,.attendance-record-card.is-selected{transform:translateY(-1px);box-shadow:0 10px 22px #0a14281a;border-color:#8b5cf62e}.attendance-record-card-copy{display:grid;gap:4px}.attendance-record-card-copy p,.attendance-record-card-meta{margin:0;color:var(--text-soft);font-size:.85rem}.attendance-record-card-meta{display:grid;justify-items:end;gap:4px;text-align:right}.attendance-context-banner{padding:14px 16px;border-radius:16px;border:1px solid rgba(191,204,220,.9);background:radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 28%),linear-gradient(180deg,#ffffffe6,#f4f8ffd1);box-shadow:0 10px 22px #0a14280d}.attendance-context-banner--student{background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 28%),linear-gradient(180deg,#ffffffe6,#f0fdf4d1)}.attendance-context-copy{display:grid;gap:4px}.attendance-context-copy strong{font-family:Barlow,sans-serif;color:var(--text-strong);font-size:1rem}.attendance-context-copy p{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.55}.attendance-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-session-card,.attendance-mark-box,.attendance-approval-box,.attendance-access-card{padding:16px;border-radius:var(--radius-md);background:#ffffff29;border:1px solid var(--surface-border)}.status-toast{position:fixed;top:156px;right:28px;z-index:1800;width:min(440px,calc(100vw - 56px));padding:14px 16px 14px 18px;border-radius:var(--radius-lg);border:0;background:#f8fbffc7;backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);box-shadow:0 18px 48px #0f172a24,0 4px 12px #1251b514,0 0 0 1px #fff9 inset;border:1px solid rgba(139,92,246,.14);display:flex;align-items:flex-start;gap:12px;overflow:hidden;animation:toast-in .32s var(--ease-out) both}.status-toast--success{border-color:#22c55e38;background:linear-gradient(135deg,#f0fdf4d1,#ffffff9e)}.status-toast--error{border-color:#ef444438;background:linear-gradient(135deg,#fff1f2d1,#ffffff9e)}.status-toast--warning{border-color:#f59e0b38;background:linear-gradient(135deg,#fffbebd1,#ffffff9e)}.status-toast--info{border-color:#8b5cf638;background:linear-gradient(135deg,#f5f3ffd1,#ffffff9e)}.status-toast-copy{flex:1;min-width:0}.status-toast-copy strong{display:block;font-family:Barlow,sans-serif;font-size:.94rem;letter-spacing:.01em;color:#0f172a;font-weight:800;margin-bottom:4px}.status-toast-copy p{color:#111827;font-size:.93rem;line-height:1.55}.status-toast-close{width:auto;height:auto;flex:0 0 auto;border-radius:0;border:0;background:transparent;color:#0f172a;font-size:1rem;line-height:1;padding:4px;display:inline-flex;align-items:center;justify-content:center;opacity:.78}.status-toast-close:hover{background:transparent;opacity:1;transform:none}.attendance-photo{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-md)}.attendance-photo-field{display:grid;gap:6px}.attendance-photo-tools{display:grid;gap:12px}.attendance-camera-shell{display:grid;gap:10px;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.24);background:#0f172a0a}.attendance-camera-view{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:calc(var(--radius-md) - 2px);background:#0f172a}.attendance-photo-preview{display:grid;gap:8px;align-items:start}.attendance-photo-preview span{font-size:.82rem;color:var(--text-soft);word-break:break-word}.attendance-select-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.attendance-select-row label,.attendance-mark-box label,.attendance-access-form label{display:grid;gap:6px}.attendance-select-row span,.attendance-mark-box span,.attendance-access-form span{font-size:.84rem;font-weight:700;color:var(--text-soft)}.attendance-mark-box input,.attendance-mark-box textarea,.attendance-mark-box select,.attendance-access-form input,.attendance-access-form textarea,.attendance-access-form select{width:100%}.attendance-checkbox{display:flex;align-items:center;gap:10px}.attendance-checkbox input{width:auto}.attendance-access-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-access-notes{grid-column:1 / 2}.attendance-access-toggle{grid-column:2 / 3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;min-height:100%}.attendance-access-toggle>span:first-child{flex:1 1 auto}.attendance-switch{position:relative;width:54px;height:30px;flex:0 0 auto;display:inline-block}.attendance-switch input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.attendance-switch-track{position:absolute;inset:0;border-radius:999px;border:1px solid var(--surface-border);background:#94a3b847;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.attendance-switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#f8fafc;box-shadow:0 2px 8px #0f172a29;transition:transform var(--dur-base) var(--ease-out)}.attendance-switch.is-on .attendance-switch-track{background:linear-gradient(90deg,#0f766e,#14b8a6);border-color:#0d948861}.attendance-switch.is-on .attendance-switch-thumb{transform:translate(24px)}.attendance-access-form button{grid-column:1 / -1}.attendance-access-list{margin-top:16px;display:grid;gap:12px}.attendance-access-card{grid-template-columns:1fr auto;align-items:center}.staff-shell .dashboard-actions,.attendance-shell .dashboard-actions{flex-wrap:wrap}.staff-listing-manager,.application-flow-card{display:grid;gap:18px}.staff-listing-form,.application-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-listing-form label,.application-form label,.rich-editor-field{display:grid;gap:6px}.staff-listing-form span,.application-form span{font-size:.84rem;font-weight:700;color:var(--text-soft)}.staff-listing-form input,.staff-listing-form textarea,.staff-listing-form select,.application-form input,.application-form textarea,.application-form select{width:100%}.staff-listing-form-wide,.application-form-wide,.staff-listing-form-actions,.application-form-actions{grid-column:1 / -1}.application-field-helper{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem;font-weight:500;color:var(--text-soft)}.staff-listing-create-row{margin-top:4px;margin-bottom:2px}.staff-listing-form-actions,.application-form-actions{justify-content:flex-end}.rich-editor{display:grid;gap:8px}.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--surface-border);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff70,#fff3);position:relative;z-index:1}.rich-editor-button,.rich-editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--surface-border);border-radius:var(--radius-pill);padding:8px 14px;background:#ffffff52;color:var(--text-strong);font-size:.78rem;font-weight:700;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.rich-editor-button .rich-editor-label{display:inline-flex;align-items:center}.rich-editor-button i{display:inline-flex;color:var(--blue-600);font-size:1rem;line-height:1}.rich-editor-button:hover{border-color:#8b5cf647;background:linear-gradient(135deg,#1251b514,#7c3aed1a);color:var(--purple-700);transform:scale(1.05);box-shadow:0 4px 14px #6d28d929}.rich-editor-button:hover i{color:var(--purple-600);animation:icon-pop .36s var(--ease-out) both}.rich-editor-button.is-active{border-color:var(--purple-500);background:#8b5cf61f;color:var(--purple-700);font-weight:900}.rich-editor-button.is-active i{color:var(--purple-600);transform:scale(1.08)}.rich-editor-button:focus-visible{outline:none;border-color:var(--purple-500);background:#8b5cf61a;color:var(--purple-700);transform:scale(1.05)}.rich-editor-colors{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:#ffffff47}.rich-editor-color{width:24px;height:24px;padding:0;border:2px solid rgba(15,23,42,.16);border-radius:50%;background:var(--swatch-color)}.rich-editor-toolbar button.rich-editor-color{flex:0 0 auto;background:var(--swatch-color)!important;border-color:#0f172a38;opacity:.82;filter:saturate(.88) brightness(.96)}.rich-editor-toolbar button.rich-editor-color:hover,.rich-editor-toolbar button.rich-editor-color:focus-visible,.rich-editor-toolbar button.rich-editor-color:active,.rich-editor-toolbar button.rich-editor-color.is-active{transform:scale(1.1);border-color:#0f172a57;opacity:1;filter:saturate(1) brightness(1);background:var(--swatch-color)!important}.rich-editor-toolbar button.rich-editor-color.is-active{box-shadow:0 0 0 2px #fffffff2 inset,0 0 0 2px #2563eb6b}.rich-editor-surface{min-height:180px;border:1px solid var(--surface-border);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#ffffff47;color:var(--text-strong);font:inherit;font-size:1rem;font-weight:400;line-height:1.55;outline:none;cursor:text;word-break:break-word}.rich-editor-surface:focus-within{border-color:#2563eb47;background:#ffffff57;background:#ffffff57,linear-gradient(to right,#2563ebf2,#60a5fae0) left bottom / 100% 3px no-repeat;box-shadow:0 0 0 1px #2563eb1f inset,0 10px 24px #2563eb1f}.rich-editor-content{min-height:180px;padding:14px 16px;outline:none;white-space:pre-wrap}.rich-editor-content p{margin:0 0 .7em}.rich-editor-content p:last-child{margin-bottom:0}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-soft);float:left;height:0;pointer-events:none}.rich-editor-content h3{margin:.4em 0 .55em;font-size:1.25rem;line-height:1.3}.rich-editor-content ul,.rich-editor-content ol{margin:.6em 0;padding-left:1.5rem}.rich-editor-content blockquote{margin:.75em 0;padding-left:1rem;border-left:3px solid var(--blue-500);color:var(--text-muted)}.rich-editor-content a{color:var(--blue-700);text-decoration:underline}.rich-editor-content em,.rich-editor-content i,.rich-editor-content [style*="font-style: italic"],.rich-content-preview em,.rich-content-preview i,.rich-content-preview [style*="font-style: italic"]{font-style:italic!important}.rich-editor-content strong,.rich-editor-content b,.rich-content-preview strong,.rich-content-preview b{font-weight:700!important}.listing-modal-backdrop{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;background:#e0ecff38;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);overflow:auto}.listing-modal-backdrop.is-nested{z-index:5200;padding:12px}.listing-modal-card{display:flex;flex-direction:column;gap:22px;width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;z-index:5001;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 38px 36px;background:#f8fbffb8;border:1px solid rgba(139,92,246,.14);box-shadow:0 32px 80px #0f172a38,0 8px 24px #1251b51a,0 0 0 1px #ffffff70 inset;color:var(--text-strong);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);animation:fade-up var(--dur-base) var(--ease-out) both}.listing-modal-card.is-nested{width:min(1280px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.listing-modal-body{display:grid;gap:20px;min-width:0;min-height:0}.staff-detail-modal{width:min(1180px,100%)}.listing-modal-card .attendance-panel-header{position:sticky;top:0;z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin:0 -38px 12px;padding:18px 38px 16px;background:#f8fbff85;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.modal-header-primary{display:flex;align-items:flex-start;gap:12px;min-width:0}.modal-header-primary>div{min-width:0}.modal-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-back-button{flex:0 0 auto}.listing-modal-card .attendance-panel-header>div,.staff-document-card .attendance-panel-header>div,.staff-score-card-head>div,.staff-score-history-item .attendance-panel-header>div{min-width:0}.listing-modal-card>:not(.attendance-panel-header){min-height:0;min-width:0}.listing-modal-card>.attendance-panel-header+*{padding-top:8px;overflow-x:hidden}.listing-modal-card h3{font-size:1.55rem;line-height:1.1;margin-bottom:6px}.listing-modal-card h4{font-size:1.15rem;line-height:1.2;margin-bottom:6px}.listing-modal-card h5{font-size:1rem;line-height:1.2;margin-bottom:4px}.listing-modal-card h3,.listing-modal-card h4,.listing-modal-card h5,.listing-modal-card .attendance-panel-header p,.staff-document-card h5,.staff-score-card h5,.staff-score-history-item h5{overflow-wrap:anywhere}.listing-modal-card .text-soft{color:#475569}.listing-modal-body>p{margin:0;color:#1f2937;font-size:1rem;line-height:1.7}.listing-modal-body .summary-grid,.listing-modal-body .staff-listing-meta{margin:0;gap:20px 28px}.listing-modal-card .staff-listing-meta>div,.listing-modal-card .staff-listing-meta>label{padding-top:14px;border-top:1px solid rgba(148,163,184,.22)}.listing-modal-card .staff-listing-meta strong{color:#64748b;letter-spacing:0}.listing-modal-card .staff-listing-meta p{color:#0f172a;font-size:.98rem;margin-top:4px}.listing-modal-card .rich-content-preview{margin:0;padding:20px 22px;background:#ffffffd1;border-color:#94a3b842;color:#1f2937;line-height:1.75}.listing-modal-footer{display:flex;flex-direction:column;gap:12px;padding-top:22px;margin-top:2px;border-top:1px solid rgba(139,92,246,.1)}.listing-modal-card .rich-content-preview h2,.listing-modal-card .rich-content-preview h3,.listing-modal-card .rich-content-preview h4{color:#0f172a}.listing-modal-card .button-row{margin-top:16px}.listing-modal-card .permission-cloud{margin-top:18px;gap:10px}.listing-modal-card .attendance-panel-header .small-button,.listing-modal-footer .equal{margin-top:0}.rich-content-preview{padding:14px 16px;border-radius:var(--radius-md);background:#ffffff24;border:1px solid var(--surface-border)}.rich-content-preview h2,.rich-content-preview h3,.rich-content-preview h4{margin-bottom:8px}.rich-content-preview ul,.rich-content-preview ol{padding-left:20px}.rich-content-preview blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid var(--purple-500);color:var(--text-soft);background:#8b5cf60d;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.staff-listing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));grid-auto-flow:row dense;justify-content:stretch;gap:18px;align-items:stretch;transition:all var(--dur-slow) var(--ease-out)}.staff-listing-grid.is-list,.staff-application-grid.is-list{grid-template-columns:minmax(0,1fr)}.staff-listing-card{display:grid;gap:12px;padding:22px;border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 0%,rgba(45,135,245,.1),transparent 18%),radial-gradient(circle at 90% 100%,rgba(139,92,246,.08),transparent 20%),linear-gradient(145deg,#ffffff85,#fff3);box-shadow:0 4px 16px #1251b514,0 1px 4px #1251b50a,0 0 0 1px #ffffff75 inset;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),all var(--dur-base) var(--ease-out)}.staff-listing-card.is-list,.staff-application-card.is-list{gap:16px}.staff-listing-card>p{color:var(--text);line-height:1.55}.staff-listing-card:hover{border-color:#8b5cf642;box-shadow:0 16px 48px #1251b524,0 4px 12px #6d28d91a,0 0 0 1px #8b5cf614 inset;animation:float-up .4s var(--ease-out) both}.staff-listing-card-header,.listing-card-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.staff-listing-meta{margin-top:0}.staff-inline-message{padding:12px 14px;border-radius:var(--radius-md);background:#ffffff29;border:1px solid var(--surface-border);color:var(--text-strong)}.staff-listing-card,.staff-application-card,.staff-response-card,.staff-document-card,.staff-score-card,.staff-score-history-item,.staff-review-history,.staff-inline-message,.compact-list-shell{backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);background-clip:padding-box}.application-preference-strip{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.application-preference-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid var(--surface-border)}.application-preference-item-copy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.application-preference-item-copy strong{color:var(--text-strong);font-weight:700;line-height:1.3}.application-preference-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.preference-action-button{min-width:40px;padding-inline:0;justify-content:center}.preference-action-button.is-danger{color:var(--red-500)}.preference-action-button:disabled{opacity:.45;cursor:not-allowed}.cards-grid--wide{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-auto-flow:row dense;justify-content:stretch}@media(min-width:1180px){.portal-shell{width:min(1320px,100%);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;align-items:start}.portal-shell>*{grid-column:1 / -1}.workspace-grid,.staff-workspace-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));grid-auto-flow:row dense;align-items:start}.workspace-grid>.card,.staff-workspace-grid>.card{min-width:0}.workspace-grid>.workspace-grid,.workspace-grid>.button-row,.staff-workspace-grid>.workspace-grid,.staff-workspace-grid>.button-row{grid-column:1 / -1}.dashboard-shell>.hero-card{grid-column:span 7}.dashboard-shell>.onboarding-steps-card{grid-column:1 / -1}.dashboard-shell>.staff-message-card{grid-column:span 5}.listings-shell>.application-flow-card,.listings-shell>.listing-browser-card{grid-column:1 / -1}.cards-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense}.staff-listing-grid:not(.is-list),.staff-application-grid:not(.is-list),.finance-payment-grid:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))}.profile-shell>form.profile-form-shell,.certificates-shell>.certificates-grid,.certificates-shell>.certificates-hero-card{grid-column:1 / -1}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),520px));grid-auto-flow:row dense;justify-content:start}}@media(min-width:960px){.dashboard-shell>.hero-card{grid-column:1 / -1}.dashboard-hero-card,.staff-hero-card{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;text-align:left;gap:48px}.dashboard-hero-copy,.staff-hero-copy{justify-items:start;align-content:center}.dashboard-hero-actions,.staff-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;width:100%;max-width:100%;justify-content:end;justify-self:end;align-self:start;margin-top:0;margin-bottom:0}.dashboard-hero-actions{margin-left:auto}}@media(max-width:959px){.dashboard-hero-card{text-align:center}.dashboard-hero-copy{justify-items:center}.dashboard-hero-title{max-width:100%;white-space:normal;font-size:clamp(2.8rem,11vw,5rem);line-height:.92}.dashboard-hero-actions{justify-content:center;justify-self:stretch}}.listing-card{display:grid;gap:14px;position:relative;overflow:hidden;min-height:100%;border-radius:var(--radius-xl);border-color:#8b5cf624;background:radial-gradient(circle at 92% 0%,rgba(245,158,11,.14),transparent 16%),radial-gradient(circle at 0% 12%,rgba(45,135,245,.1),transparent 12%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.06),transparent 20%),linear-gradient(145deg,#ffffff85,#fff3);box-shadow:0 4px 16px #1251b517,0 1px 4px #1251b50d,0 0 0 1px #ffffff80 inset;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.listing-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#1251b51a,#7c3aed14);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.listing-card:hover{border-color:#8b5cf647;box-shadow:0 20px 60px #1251b529,0 6px 20px #6d28d91f,0 0 0 1px #8b5cf61a inset;animation:float-up .4s var(--ease-out) both}.listing-card.is-list:hover{transform:none;box-shadow:none;animation:none;border-color:transparent}.listing-card:hover:before{opacity:1}.listing-card.is-list:hover:before{opacity:0}.listing-card.is-list{gap:0;padding:0;border-radius:var(--radius-lg);width:100%;overflow:visible;background:transparent;border-color:transparent;box-shadow:none}.listing-card-copy{min-height:3.2em}.listing-card .staff-listing-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-card--feature{padding:20px;background:radial-gradient(circle at 92% 0%,rgba(245,158,11,.16),transparent 18%),radial-gradient(circle at 0% 12%,rgba(45,135,245,.12),transparent 14%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.08),transparent 22%),linear-gradient(145deg,#ffffffa3,#ffffff47);box-shadow:0 8px 24px #1251b51f,0 2px 8px #1251b50f,0 0 0 1px #ffffff85 inset;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.listing-card--feature .listing-card-header,.certificate-overview-card .certificate-overview-head{align-items:start}.listing-card-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.listing-card-summary,.certificate-overview-gridline{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.listing-card-summary>div,.certificate-overview-gridline>div{padding-top:12px;border-top:1px solid rgba(203,214,231,.9)}.listing-card-summary strong,.certificate-overview-gridline strong{font-size:.78rem;color:#7488a5}.listing-card-summary p,.certificate-overview-gridline p{margin-top:6px;font-size:.98rem;color:#15233b;font-weight:600}.listing-card-actions,.certificate-overview-actions{margin-top:2px}.listing-card-cta,.certificate-overview-actions .small-button{pointer-events:none;justify-self:start}.listing-results.is-list-view .listing-card:hover{transform:none;box-shadow:none}.listing-results.is-list-view .listing-card:before{opacity:0}.listing-results.is-list-view .listing-card+.listing-card{margin-top:10px}.onboarding-steps-card,.onboarding-step-list{display:grid;gap:16px}.certificate-request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.certificate-approval-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:end}.certificate-approval-form .equal{justify-self:start}.certificate-feedback-form,.certificate-feedback-list{display:grid;gap:12px}.certificate-feedback-item{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#ffffff29}.certificate-feedback-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.certificate-feedback-item span{font-weight:700;color:var(--text-strong)}.certificate-feedback-item small,.certificate-feedback-item p{margin:0}.feedback-question-type-pill{white-space:nowrap;flex:0 0 auto}.feedback-answer-display{color:var(--text-strong);font-weight:600}.feedback-binary-options{display:flex;gap:10px;flex-wrap:wrap}.feedback-binary-option{min-width:88px;display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:1px solid var(--surface-border);border-radius:999px;background:#fff3;color:var(--text-strong);font-weight:700;box-shadow:none}.feedback-binary-option.is-selected{color:#fff;border-color:transparent;background:linear-gradient(135deg,#5b4de6,#7c3aed);box-shadow:0 14px 26px #5c4ae93d}.feedback-star-control{display:grid;gap:8px}.feedback-star-row{display:flex;gap:8px;flex-wrap:wrap}.feedback-star-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid var(--surface-border);background:#ffffff2e;color:#7a5cff59;box-shadow:none}.feedback-star-button svg{width:20px;height:20px}.feedback-star-button.is-selected{color:#f4b400;background:#f4b40024;border-color:#f4b40059}.feedback-star-caption{margin:0;color:var(--text-soft);font-size:.92rem}.completed-internship-detail-panel{display:grid;gap:16px;margin-top:18px}.completed-internship-detail-header{margin-bottom:0}.certificate-feedback-summary{display:grid;gap:12px}.certificate-feedback-summary summary{cursor:pointer;color:var(--purple-600);font-weight:700}.certificate-feedback-summary[open] summary{margin-bottom:4px}.certificate-issued-panel,.certificate-meta-grid{display:grid;gap:14px}.certificate-issued-panel{align-items:center;padding:18px 20px;border:1px solid var(--surface-border);border-radius:16px;background:#ffffff38}.certificate-meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#fff3}.certificate-meta-row strong{color:var(--text-soft);font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}.certificate-meta-row p{margin-top:4px;color:var(--text-strong);word-break:break-word}.certificate-link-text{font-size:.9rem}.certificate-qr-panel{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#fff3}.certificate-qr-panel--compact{margin-top:2px}.certificate-qr-panel__frame{width:112px;height:112px;flex:0 0 auto;padding:8px;border-radius:22px;background:#fffffff2;box-shadow:inset 0 0 0 1px #0f172a0f,0 10px 22px #0f172a14;display:flex;align-items:center;justify-content:center}.certificate-qr-panel__image,.certificate-qr-panel__placeholder{width:100%;height:100%;object-fit:contain}.certificate-qr-panel__placeholder{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:2px dashed rgba(139,92,246,.24);color:var(--text-soft);font-size:.95rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.certificate-qr-panel__copy{display:grid;gap:4px}.certificate-qr-panel__copy strong{color:var(--text-soft);font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}.certificate-qr-panel__copy p{margin:0;color:var(--text-strong);word-break:break-word}.verify-shell{display:grid;gap:18px}.verify-hero-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:stretch;margin-bottom:60px}.verify-hero-card{display:flex;align-items:center}.verify-hero-card h1{margin-bottom:0}.verify-status-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.verify-status-card.is-verified{border-color:#16a34a52;background:radial-gradient(circle at 12% 12%,rgba(22,163,74,.14),transparent 30%),linear-gradient(145deg,#ffffff6b,#ffffff2e)}.verify-status-card.is-error{border-color:#dc26264d;background:#ef44440f}.verify-status-mark{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;background:#ffffff52;border:1px solid var(--surface-border);color:var(--blue-600);font-size:2rem}.verify-status-card.is-verified .verify-status-mark{color:var(--success);border-color:#16a34a47;background:#16a34a1a}.verify-status-card.is-error .verify-status-mark{color:var(--error)}.verify-status-copy{display:grid;gap:8px}.verify-status-copy h2{margin:0}.verify-details-card,.verify-detail-grid{display:grid;gap:16px}.verify-lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.verify-lookup-field{display:grid;gap:8px}.verify-lookup-field span{font-size:.84rem;font-weight:800;color:#64748b}.verify-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.verify-detail-grid>div,.verify-detail-note,.verify-empty-state{padding:16px 18px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#ffffff2e}.verify-detail-grid strong,.verify-detail-note strong{color:var(--text-soft);font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}.verify-detail-grid p,.verify-detail-note p{margin-top:6px;color:var(--text-strong)}.verify-empty-state{display:grid;gap:8px}.verify-empty-state p{margin:0;color:#52667f;line-height:1.55}.onboarding-step{display:grid;gap:10px;padding:16px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff29}.onboarding-step.is-complete{border-color:#16a34a52;background:#16a34a0f}.student-deliverables-card,.intern-deliverables-panel,.deliverable-list,.deliverable-card{display:grid;gap:16px}.deliverable-entry-grid{grid-template-columns:minmax(220px,1fr) minmax(240px,1.2fr) minmax(160px,.75fr) minmax(120px,.55fr) minmax(140px,.6fr);align-items:start}.deliverable-description-field{grid-column:1 / -1}.deliverable-card{padding:16px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff29}.listing-modal-card .deliverable-card .attendance-panel-header,.listing-modal-card .no-due-card .attendance-panel-header,.student-deliverables-card .deliverable-card .attendance-panel-header{position:static;z-index:auto;margin:0;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.deliverable-card p{margin:0;line-height:1.6}.deliverable-meta-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.deliverable-review-note{padding:10px 12px;border-radius:var(--radius-md);background:#ffffff24}.deliverable-review-field{margin-top:0}.deliverable-card-actions{margin-top:4px}.deliverable-status-pill.is-approved{border-color:#16a34a5c;background:linear-gradient(135deg,#15803d14,#4ade801f);color:var(--green-700);box-shadow:0 2px 10px #15803d24}.deliverable-status-pill.is-submitted{border-color:#1d6fd857;background:linear-gradient(135deg,#1251b514,#2d87f51f);color:var(--blue-700);box-shadow:0 2px 10px #1251b524}.deliverable-status-pill.is-rejected,.deliverable-status-pill.is-returned{border-color:#dc262657;background:linear-gradient(135deg,#b91c1c14,#ef44441f);color:var(--red-700);box-shadow:0 2px 10px #b91c1c24}.deliverable-status-pill.is-pending{border-color:#64748b52;background:#64748b1a;color:var(--text-soft)}.student-deliverable-upload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1.1fr) auto;gap:12px;align-items:end}.student-deliverable-upload .small-button{margin-bottom:0}.payments-shell .staff-listing-grid,.finance-payment-grid{margin-top:18px}.payment-record-card{gap:18px}.payment-record-card .dashboard-actions{margin-top:0}.payment-record-card.is-payment-requested,.payment-record-card.is-payment-link_sent{background:linear-gradient(145deg,#fff7edeb,#eff6ffd1),#ffffff61;border-color:#f59e0b3d}@media(max-width:820px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-brand-panel{min-height:260px}.finance-qr-form,.payment-list-row{grid-template-columns:1fr}.payment-list-actions{justify-content:flex-start}.application-timeline-step{grid-template-columns:40px minmax(0,1fr);gap:12px}.application-timeline-action{grid-column:2;justify-self:start;margin-top:-2px}}.payment-record-card.is-payment-receipt_submitted,.payment-record-card.is-payment-paid{background:linear-gradient(145deg,#dbeafef0,#ecfdf5d1),#ffffff61;border-color:#0ea5e93d}.payment-record-card.is-payment-verified{background:linear-gradient(145deg,#dcfce7f5,#f0fdf4d1),#ffffff61;border-color:#22c55e47}.payment-record-card.is-payment-rejected{background:linear-gradient(145deg,#fee2e2f5,#fff7edd1),#ffffff61;border-color:#ef444442}.payment-record-card.is-payment-refunded{background:linear-gradient(145deg,#ede9fef0,#f0f9ffd1),#ffffff61;border-color:#7c3aed3d}.finance-qr-card{background:linear-gradient(145deg,#f0fdf4b8,#eff6ffb8),#ffffff5c}.finance-qr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.finance-qr-form button{grid-column:1 / -1;justify-self:end}.finance-qr-form .field-block{grid-column:1 / -1}.finance-qr-scope-switcher{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 16px}.finance-qr-scope-switcher .finance-tab{padding:10px 14px}.finance-qr-config-grid{display:grid;gap:14px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.finance-qr-config-card{display:grid;gap:12px;padding:18px}.payment-compact-list .compact-list-body{display:grid;gap:10px}.payment-list-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(180px,1.2fr) minmax(110px,.8fr) minmax(88px,.5fr) minmax(110px,.7fr);gap:12px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid rgba(191,211,236,.72);background:#ffffffb8}.payment-list-main{display:grid;gap:4px;min-width:0}.payment-list-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.staff-proficiency-groups{display:grid;gap:14px}.finance-request-form{margin:18px 0 22px;padding:18px;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);background:#ffffff85;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.finance-request-form .intern-detail-fields,.finance-payment-fields,.payment-upload-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.finance-payment-fields .field-block,.payment-upload-fields .field-block{grid-column:1 / -1}.payment-modal-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:22px;align-items:start}.payment-qr-panel{display:grid;gap:14px}.payment-qr-image,.payment-qr-placeholder{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(139,92,246,.14);background:#ffffffd1}.payment-qr-image{display:block;object-fit:contain;padding:12px}.payment-qr-placeholder{display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-soft)}.payment-qr-placeholder i{font-size:2rem}.staff-application-review,.staff-application-grid,.staff-application-card,.staff-review-form,.staff-review-history{display:grid;gap:14px}.staff-application-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;transition:all var(--dur-slow) var(--ease-out)}.staff-application-card{padding:20px;border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:#ffffff29}.staff-detail-grid{display:grid;gap:18px}.staff-detail-section{display:grid;gap:14px}.staff-response-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.staff-response-card{display:grid;gap:8px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff24}.staff-detail-modal .staff-response-grid{grid-template-columns:1fr;gap:14px}.staff-detail-modal .staff-response-card{gap:10px}.staff-response-card .rich-content-preview{margin:0;padding:0;border:0;background:transparent;overflow-wrap:anywhere}.staff-response-card .rich-content-preview h2,.staff-response-card .rich-content-preview h3,.staff-response-card .rich-content-preview h4{margin-bottom:6px}.staff-response-section h4{font-size:1.7rem;line-height:1.2}.staff-response-card .field-label{font-size:1.02rem}.staff-response-card .rich-content-preview{font-size:1.08rem;line-height:1.7}.staff-response-card .rich-content-preview p,.staff-response-card .rich-content-preview li{font-size:inherit;line-height:inherit}.staff-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.staff-document-card{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff24}.staff-document-card .attendance-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.staff-document-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;min-width:0}.staff-document-actions .small-button{white-space:nowrap}.staff-score-editor{display:grid;gap:14px}.staff-score-card{display:grid;gap:12px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff24}.staff-score-card-head,.staff-score-history-item .attendance-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.staff-score-fields{display:grid;grid-template-columns:minmax(120px,180px) minmax(120px,180px) minmax(0,1fr);gap:12px}.staff-score-fields .staff-score-rationale{grid-column:1 / -1}.staff-score-history{display:grid;gap:12px;margin-top:6px}.staff-score-history-item{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:#ffffff24}.staff-score-history-rubrics{display:grid;gap:6px;font-size:.92rem}.staff-score-history-rubrics strong{color:var(--text-strong)}.staff-review-form{grid-template-columns:1fr}.staff-review-history{padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff29;font-size:.88rem}.profile-proficiency-list{display:grid;gap:12px;margin:12px 0}.profile-proficiency-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#ffffff29;width:100%;min-width:0;box-sizing:border-box}.profile-proficiency-row>.glass-select,.profile-proficiency-row>input[type=text],.profile-skill-row>.glass-select{flex:1 1 190px;min-width:170px}.profile-proficiency-row>.small-button,.profile-skill-row>.small-button{flex:0 1 150px}.proficiency-check,.proficiency-chip{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:#ffffff3d;color:var(--text-strong);font-size:.84rem;font-weight:700;line-height:1.1;white-space:nowrap;flex:0 1 auto;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.proficiency-check:hover,.proficiency-chip:hover{border-color:#1d6fd847;background:#1d6fd814;color:var(--blue-800);transform:none;scale:1}.proficiency-check input,.proficiency-chip input{width:16px;height:16px;flex:0 0 auto;transform:none;scale:1}.proficiency-picker-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.staff-proficiency-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;align-items:center}.staff-proficiency-cloud{margin-top:12px}.field-label{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.84rem;font-weight:700}.auth-status-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#0f172a2e;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.auth-status-card,.oauth-status-card{padding:40px 36px;text-align:center;max-width:520px;width:100%;margin:auto;background:#ffffffeb;border:1px solid rgba(139,92,246,.12);box-shadow:0 24px 56px #0f172a24;color:#0f172a;animation:fade-up var(--dur-base) var(--ease-out) both}.auth-status-card--success,.oauth-status-card.oauth-status-state-success{background:#f0fdf4e6;border-color:#22c55e33}.auth-status-card--error,.oauth-status-card.oauth-status-state-error{background:#fff1f2e6;border-color:#ef444433}.auth-status-card--message,.oauth-status-card.oauth-status-state-message{background:#fffbebe6;border-color:#f59e0b33}.auth-status-card--progress{background:#eff6ffeb;border-color:#3b82f633}.auth-status-graphic,.oauth-status-graphic{display:flex;justify-content:center;margin-bottom:20px}.auth-spinner,.oauth-spinner{width:56px;height:56px;border:3px solid rgba(139,92,246,.18);border-top-color:var(--purple-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-status-icon,.oauth-status-icon{width:64px;height:64px;overflow:visible}.auth-status-track,.oauth-status-track{fill:none;stroke:var(--surface-border);stroke-width:3}.auth-status-fill,.oauth-status-fill{fill:none;stroke:var(--blue-600);stroke-width:3;stroke-dasharray:163;stroke-dashoffset:0;stroke-linecap:round}.auth-status-card--success .auth-status-fill,.oauth-status-state-success .oauth-status-fill{stroke:var(--success)}.auth-status-card--error .auth-status-fill,.oauth-status-state-error .oauth-status-fill{stroke:var(--error)}.auth-status-card--message .auth-status-fill,.oauth-status-state-message .oauth-status-fill{stroke:var(--warning)}.auth-status-mark,.oauth-status-mark{fill:none;stroke:var(--blue-600);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.auth-status-card--success .auth-status-mark,.oauth-status-state-success .oauth-status-mark{stroke:var(--success)}.auth-status-card--error .auth-status-mark,.oauth-status-state-error .oauth-status-mark{stroke:var(--error)}.auth-status-card--message .auth-status-mark,.oauth-status-state-message .oauth-status-mark{stroke:var(--warning)}.auth-status-message,.oauth-status-message{color:#111827;font-size:.95rem;margin:8px 0 0}.auth-status-detail,.oauth-status-detail{font-size:.82rem;color:#111827;margin-top:4px}.auth-status-card h3,.oauth-status-card h3{color:#0f172a;font-weight:800}.auth-status-actions,.oauth-status-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}.modal-backdrop,.verification-modal-backdrop{position:fixed;inset:0;background:#e0ecff38;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.verification-modal-card{display:flex;flex-direction:column;width:min(480px,100%);max-height:calc(100dvh - clamp(104px,14vh,144px));overflow-y:auto;overflow-x:hidden;padding:40px 36px;background:#f8fbffb8;border:1px solid rgba(139,92,246,.14);box-shadow:0 28px 70px #0f172a2e;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);animation:fade-up var(--dur-base) var(--ease-out) both}@media(min-width:769px){.listing-modal-card,.verification-modal-card{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.28) transparent}.listing-modal-card::-webkit-scrollbar,.verification-modal-card::-webkit-scrollbar{width:8px;height:8px}.listing-modal-card::-webkit-scrollbar-track,.verification-modal-card::-webkit-scrollbar-track{background:transparent}.listing-modal-card::-webkit-scrollbar-thumb,.verification-modal-card::-webkit-scrollbar-thumb{background:#8b5cf647;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.listing-modal-card::-webkit-scrollbar-thumb:hover,.verification-modal-card::-webkit-scrollbar-thumb:hover{background:#8b5cf670;background-clip:padding-box}}.verification-modal-header{position:static;display:grid;gap:16px;margin:0;padding:0 0 18px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.verification-modal-body{display:grid;gap:16px;overflow:visible;padding-top:18px}.verification-modal-header>div{display:grid;gap:8px}.verification-modal-header h3{margin-bottom:8px}.verification-modal-header p{color:var(--text-soft);font-size:.9rem;margin-bottom:0}.verification-modal-field{margin-top:0!important}.verification-modal-note{font-size:.8rem;color:var(--text-muted);font-family:monospace;background:#8b5cf614;border-radius:var(--radius-sm);padding:6px 10px;margin-bottom:12px}.verification-modal-error{color:#111827;font-size:.88rem;font-weight:700;margin-top:6px;margin-bottom:0;padding:10px 12px;border-radius:14px;background:#f59e0b24;border:1px solid rgba(245,158,11,.2)}.verification-modal-actions{display:flex;gap:10px;margin-top:0}.toggle-checkbox,.attendance-checkbox,.proficiency-check{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 14px;border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:#ffffff38;color:var(--text-strong);font-weight:700;line-height:1.1}.toggle-checkbox input,.attendance-checkbox input,.proficiency-check input{width:16px;height:16px;accent-color:var(--blue-600);flex:0 0 auto}.checkbox-row,.toggle-checkbox,.attendance-checkbox,.proficiency-check,.proficiency-chip{transform:none;scale:1;will-change:auto;contain:layout paint}.checkbox-row:hover,.toggle-checkbox:hover,.attendance-checkbox:hover,.proficiency-check:hover,.proficiency-chip:hover{transform:none;scale:1}.checkbox-row input[type=checkbox],.toggle-checkbox input[type=checkbox],.attendance-checkbox input[type=checkbox],.proficiency-check input[type=checkbox],.proficiency-chip input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;min-width:16px;padding:0;margin:0;transform:none}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid rgba(139,92,246,.18)}.text-soft{color:var(--text-soft)}.text-accent{color:var(--blue-700)}.mt-0{margin-top:0}.section-header h2,.section-header h3{margin-bottom:4px}.icon-blue{background:var(--grad-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(18,81,181,.32))}.icon-purple{background:var(--grad-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(109,40,217,.32))}.icon-red{background:var(--grad-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(185,28,28,.28))}.icon-green{background:var(--grad-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(21,128,61,.28))}.icon-yellow{background:var(--grad-yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(180,83,9,.26))}.icon-rainbow{background:var(--grad-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(45,135,245,.26))}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);font-size:1.15rem;flex-shrink:0;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.icon-chip:hover{animation:icon-pop .42s var(--ease-out) both}.icon-chip--blue{background:linear-gradient(135deg,#e8f3ff,#c2deff);box-shadow:0 4px 14px #1251b538;color:#1251b5}.icon-chip--purple{background:linear-gradient(135deg,#f5f3ff,#ddd6fe);box-shadow:0 4px 14px #6d28d938;color:#6d28d9}.icon-chip--red{background:linear-gradient(135deg,#fff1f2,#fecaca);box-shadow:0 4px 14px #b91c1c2e;color:#b91c1c}.icon-chip--green{background:linear-gradient(135deg,#f0fdf4,#bbf7d0);box-shadow:0 4px 14px #15803d2e;color:#15803d}.icon-chip--yellow{background:linear-gradient(135deg,#fffbeb,#fde68a);box-shadow:0 4px 14px #b453092e;color:#b45309}button i,.topbar-menu-item i,.small-button i,.secondary-button i{transition:transform var(--dur-base) var(--ease-out)}button:hover i,.topbar-menu-item:hover i,.small-button:hover i,.secondary-button:hover i{animation:icon-pop .38s var(--ease-out) both}@media(max-width:768px){.content{padding:20px 16px}.topbar{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;width:100%;z-index:1100}.modern-navbar,.topbar nav{padding:0 16px;height:64px}.topbar-menu,.topbar-menu.is-open{padding-left:16px;padding-right:16px}.footer-inner{flex-direction:column;gap:10px;text-align:center;padding:16px}.card{padding:20px}.hero-card{padding:28px 20px}.profile-hero-avatar-wrap{padding:5px}.onboarding-footer{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.onboarding-footer-center{grid-column:1 / -1;order:-1}.language-grid{grid-template-columns:1fr 1fr}.signup-footer-actions{flex-direction:column}.attendance-layout{grid-template-columns:1fr}.attendance-layout--collapsed{grid-template-columns:76px minmax(0,1fr)}.attendance-panel--calendar{position:static;max-height:none;overflow:visible}.attendance-panel--calendar.is-collapsed{width:76px;min-width:76px;padding:14px 10px;overflow:hidden}.attendance-panel--calendar.is-collapsed .attendance-panel-header-copy,.attendance-panel--calendar.is-collapsed .attendance-panel-body{display:block}.attendance-panel--calendar.is-collapsed .calendar-nav{justify-content:flex-end}.attendance-panel--calendar.is-collapsed .calendar-nav>button:not(.calendar-collapse-toggle){display:inline-flex}.attendance-panel--calendar.is-collapsed .calendar-collapse-toggle span{display:inline}.attendance-calendar-picker{max-width:100%}.attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}.attendance-panel-header,.staff-explorer-toolbar,.compact-list-head,.compact-list-row,.attendance-select-row,.attendance-search-result,.attendance-record-card,.intern-detail-grid,.attendance-detail-grid,.attendance-access-form,.staff-listing-form,.application-form,.certificate-request-form,.certificate-meta-row,.deliverable-entry-grid,.student-deliverable-upload,.payment-modal-grid,.profile-proficiency-row,.profile-skill-row{grid-template-columns:1fr}.attendance-access-notes,.attendance-access-toggle,.attendance-access-form button{grid-column:1 / -1}.attendance-camera-shell{padding:10px}.attendance-record-card-meta{justify-items:start;text-align:left}.attendance-search-result{justify-items:start}.verify-status-card,.verify-hero-row,.verify-lookup-form,.listings-hero-row,.application-status-card,.listing-browser-toolbar{grid-template-columns:1fr}.listings-hero-head{flex-direction:column}.listing-view-toggle{justify-content:stretch}.listing-view-toggle-button{flex:1 1 0}.listing-card .staff-listing-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-table-head{display:none}.listing-row{grid-template-columns:minmax(240px,2fr) minmax(160px,1.1fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(100px,.7fr) minmax(140px,.9fr);gap:16px;min-width:920px}.listing-results.is-list-view{row-gap:10px}.listing-results.is-list-view .listing-row{padding:14px 18px}.listing-row-value{white-space:nowrap}.listing-row-meta-top{justify-content:flex-start}.listing-row-meta .permission-pill{justify-self:auto}.compact-list-head{display:none}.compact-list-row{gap:4px}.compact-list-row span{white-space:normal}.profile-proficiency-row,.profile-skill-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.profile-proficiency-row>*,.profile-skill-row>*{min-width:0}.profile-proficiency-row>.glass-select,.profile-proficiency-row>input[type=text],.profile-skill-row>.glass-select,.profile-skill-row>input[type=text]{flex:1 1 180px;width:auto}.profile-proficiency-row>.small-button,.profile-skill-row>.small-button{flex:0 0 auto}.proficiency-check,.proficiency-chip{width:auto;white-space:nowrap;justify-content:flex-start;text-align:left}.rich-editor-toolbar{gap:6px;padding:8px 10px}.rich-editor-button,.rich-editor-toolbar button{width:38px;min-width:38px;height:38px;padding:0}.rich-editor-button .rich-editor-label{display:none}.rich-editor-button i{display:inline-block;font-size:1.1rem}.rich-editor-colors{padding:6px;gap:5px}.rich-editor-color{width:22px;height:22px}.rich-editor-surface{min-height:160px}.legend-row{grid-template-columns:1fr 1fr}.attendance-day-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.status-toast{top:132px;right:16px;width:calc(100vw - 32px)}.staff-hero-card{flex-direction:column;align-items:stretch}.staff-module-grid{grid-template-columns:1fr}.staff-listing-card-header,.listing-card-header{flex-direction:column}.staff-detail-modal{width:min(100%,100%)}.staff-detail-modal .intern-detail-grid{grid-template-columns:1fr;gap:16px;margin-top:14px}.staff-detail-modal .intern-detail-section{gap:14px;padding-top:18px;padding-bottom:18px}.staff-detail-modal .section-header p{margin-top:6px;line-height:1.6}.staff-detail-modal .button-row{margin-top:14px}.staff-detail-modal .staff-score-section .button-row{margin-bottom:16px}.staff-detail-modal .permission-cloud{margin-top:14px;gap:8px}.staff-score-card-head{flex-direction:column;align-items:flex-start}.staff-detail-section>.attendance-panel-header,.staff-document-card .attendance-panel-header,.staff-score-history-item .attendance-panel-header{grid-template-columns:minmax(0,1fr);flex-direction:column;align-items:flex-start}.staff-detail-section>.attendance-panel-header>div,.staff-document-card .attendance-panel-header>div,.staff-score-history-item .attendance-panel-header>div{width:100%}.staff-score-card-head .permission-pill{width:fit-content}.staff-detail-section>.attendance-panel-header .button-row,.staff-document-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.staff-detail-section>.attendance-panel-header .small-button,.staff-document-actions .small-button{flex:1 1 140px;min-width:0}.staff-detail-header-row{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.staff-detail-header-side,.staff-detail-header-side--end{justify-self:start}.staff-detail-header-side--end{justify-self:end}.staff-detail-header-copy{width:100%}.staff-detail-header-side .small-button,.staff-detail-header-side--end .small-button,.modal-header-actions .small-button{min-width:44px;padding:10px 12px;justify-content:center;gap:0}.mobile-action-label{display:none}.staff-score-fields{grid-template-columns:1fr}.staff-detail-modal .staff-score-history,.staff-detail-modal .staff-review-history-section{margin-top:16px}.staff-detail-modal .intern-save-row{margin-top:20px;margin-bottom:8px}.staff-detail-modal .staff-review-history{margin-top:14px}.nodue-entry-grid{grid-template-columns:1fr}.staff-detail-modal .no-due-card{padding:12px}.staff-detail-modal .no-due-card .toggle-row--status,.staff-detail-modal .intern-assignment-panel.intern-full-row .toggle-row{flex-wrap:wrap}.no-due-card .toggle-row--status{gap:8px}.no-due-card .toggle-pill{flex:1 1 132px;min-width:0;padding:8px 10px;gap:8px;font-size:.82rem}.no-due-card .toggle-pill-track{width:32px;height:20px}.no-due-card .toggle-pill-thumb{width:14px}.no-due-card .toggle-pill.is-on .toggle-pill-thumb{transform:translate(12px)}.no-due-card .permission-pill{width:fit-content}.no-due-card select{min-height:44px}.intern-save-row{justify-content:stretch}.intern-save-row .small-button{width:100%}.staff-document-grid{grid-template-columns:1fr}.staff-explorer-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.staff-explorer-toolbar.has-action{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-toolbar-search{grid-column:1 / -1}.staff-toolbar-filter,.staff-view-toggle,.staff-toolbar-action{min-width:0;padding-top:0}.staff-toolbar-action{grid-column:1 / -1}.staff-view-toggle,.staff-toolbar-action{justify-content:stretch}.staff-toolbar-action .small-button{width:100%;white-space:nowrap;padding:12px 10px;font-size:.88rem}.staff-view-button{width:100%;justify-content:center;white-space:nowrap;padding:12px 10px;font-size:.88rem}.staff-toolbar-filter .glass-select-trigger{min-height:44px;padding:12px 14px;font-size:.9rem;white-space:nowrap}.finance-tabs,.attendance-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin-right:-16px;padding-right:16px;padding-bottom:4px}.finance-tabs::-webkit-scrollbar,.attendance-tabs::-webkit-scrollbar{display:none}.finance-tab{flex:0 0 auto;white-space:nowrap;scroll-snap-align:center;min-width:max-content}.finance-tab span{white-space:nowrap}}@media(max-width:480px){html,body,#root{overflow-x:hidden;overflow-y:auto}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{width:0;height:0;display:none}.logo-subtitle{display:none}.navbar-center{gap:8px}.logo-text{font-size:.95rem}.oauth-status-card,.verification-modal-card{padding:28px 20px}.auth-shell{min-height:calc(100dvh - 150px);padding:18px 12px 28px;place-items:start center}.auth-card{padding:22px 16px;border-radius:18px}.auth-hero-title{font-size:2.15rem}.listing-modal-backdrop,.verification-modal-backdrop{padding:12px 10px calc(12px + env(safe-area-inset-bottom));align-items:flex-start}.listing-modal-card,.verification-modal-card{width:100%;max-height:calc(100dvh - 24px)}.listing-modal-card{padding:0 16px 18px;border-radius:20px;scroll-padding-top:16px;gap:18px}.listing-modal-body{gap:16px}.listing-modal-body .staff-listing-meta{grid-template-columns:1fr;gap:12px}.listing-modal-body .staff-listing-meta>div,.listing-modal-body .staff-listing-meta>label{padding-top:10px}.listing-modal-card .permission-cloud{margin-top:8px;gap:8px}.listing-modal-card .permission-pill{white-space:normal;max-width:100%}.listing-modal-card .rich-content-preview{padding:14px 16px}.listing-modal-card .attendance-panel-header{position:sticky;top:0;z-index:3;margin:0 -16px 12px;padding:16px 16px 14px;gap:12px;grid-template-columns:minmax(0,1fr);align-items:start;background:#f8fbfff5;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.listing-modal-card .attendance-panel-header>div{width:100%}.listing-modal-card p{overflow-wrap:anywhere}.finance-modal-scope-tabs.finance-tabs{grid-template-columns:1fr;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.finance-modal-scope-tabs .finance-tab{justify-content:space-between;padding:12px 14px 16px;border:1px solid #d9e3f0;border-radius:14px;background:#fff}.finance-modal-scope-tabs .finance-tab:after{bottom:7px}.finance-history-card,.finance-payment-summary-card,.finance-history-payment-button,.payment-record-card{padding:14px}.finance-history-card .permission-cloud,.payment-record-card .permission-cloud,.staff-detail-modal{width:100%}.listing-modal-body>p{line-height:1.65}.listing-modal-card .button-row{margin-top:12px}.listing-modal-footer{padding-top:18px}.listing-modal-card .small-button,.listing-modal-card .equal{width:100%}.listing-modal-card .application-form-actions{justify-content:center;padding-bottom:4px}.listing-modal-card .application-form-actions .equal{width:min(100%,320px);margin-inline:auto}.listing-modal-card .attendance-panel-header .small-button{width:auto;max-width:100%;justify-self:start}.listing-modal-card .attendance-panel-header h3{font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.1;white-space:normal;word-break:normal;overflow-wrap:anywhere}.listing-modal-card .attendance-panel-header p{margin-top:8px;font-size:.95rem;line-height:1.5;white-space:normal}.finance-modal-history-section .attendance-panel-header{grid-template-columns:minmax(0,1fr);align-items:flex-start}.finance-modal-history-section .attendance-panel-header>div{width:100%}.finance-modal-history-section .permission-cloud{width:100%;justify-content:flex-start}.finance-modal-history-section .permission-pill{white-space:normal}.listing-modal-body .summary-grid,.listing-modal-body .staff-listing-meta,.listing-modal-card .permission-cloud{gap:14px}.listing-modal-body .summary-grid{grid-template-columns:1fr}.listing-modal-card .rich-content-preview h2,.listing-modal-card .rich-content-preview h3,.listing-modal-card .rich-content-preview h4{font-size:1rem;line-height:1.3}.listing-modal-card .intern-assignment-panel .toggle-row,.attendance-calendar{gap:8px}.attendance-day{min-height:44px;padding:8px 4px}}.attendance-mark-box input[readonly]{background:#94a3b81f;color:var(--text-soft);cursor:default}@keyframes shellFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shellScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}:root{--page-bg: #edf2f8;--pane-bg: #123258;--pane-bg-strong: #0d2744;--pane-text: #f4f8ff;--surface-base: #ffffff;--surface-subtle: #f5f8fc;--surface-soft: #ebf1f7;--line: #d2dceb;--line-strong: #a9bdd7;--text-900: #13263c;--text-700: #35506f;--text-500: #5f7691;--accent-blue: #2b6fdd;--accent-green: #2c8b5d;--accent-gold: #d99b12;--accent-red: #c84b47;--accent-cyan: #1781a6;--shadow-pane: 0 18px 44px rgba(10, 34, 61, .16);--shadow-card-flat: 0 10px 24px rgba(17, 41, 68, .09), 0 2px 6px rgba(17, 41, 68, .04), 0 1px 0 rgba(255, 255, 255, .9) inset;--shadow-card-hover-flat: 0 18px 34px rgba(17, 41, 68, .13), 0 5px 12px rgba(17, 41, 68, .06), 0 1px 0 rgba(255, 255, 255, .95) inset;--shadow-ui-soft: 0 6px 18px rgba(17, 41, 68, .06);--shadow-ui-soft-hover: 0 10px 22px rgba(17, 41, 68, .09);--shadow-input-soft: 0 3px 10px rgba(17, 41, 68, .05)}html,body,#root{background:var(--page-bg)}body{font-family:Aptos,Segoe UI Variable Display,Segoe UI,Trebuchet MS,sans-serif;color:var(--text-900);background:var(--page-bg);background-image:none}h1,h2,h3,h4{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--text-900);font-family:Segoe UI Variable Display,Aptos,Segoe UI,sans-serif;font-weight:800;letter-spacing:0}a{color:var(--accent-blue)}.app-background,.grainient-container{display:none}.App.app-shell{min-height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--page-bg)}.shell-backdrop{display:none}.shell-sidebar{position:sticky;top:0;height:100dvh;padding:18px 16px;background:var(--pane-bg);color:var(--pane-text);border-right:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-pane);overflow-y:auto;z-index:30}.shell-sidebar-brand{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}.shell-brand-mark{width:48px;height:48px;border-radius:10px;background:#f5f8fc;display:grid;place-items:center;box-shadow:0 8px 18px #06162738}.shell-brand-logo{width:28px;height:28px}.shell-brand-copy strong{display:block;color:#fff;font-size:1rem;font-weight:800}.shell-brand-copy span{display:block;margin-top:4px;color:#e7f0fcc7;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.shell-sidebar-status{padding:14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);margin-bottom:18px;box-shadow:0 8px 18px #0616271f}.shell-sidebar-status p{margin-top:10px;color:#f1f6ffd6;font-size:.88rem;line-height:1.55}.shell-status-badge,.page-badge,.permission-pill,.badge,.shell-nav-item-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:8px;border:1px solid rgba(43,111,221,.18);background:#eef4ff;background-image:none;color:#214a8b;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 1px #ffffffd9}.shell-status-badge{background:#ffffff24;background-image:none;color:#fff;border-color:#ffffff2e}.shell-nav{display:grid;gap:18px}.shell-nav-group{display:grid;gap:10px}.shell-nav-group-title{color:#e7f0fcbd;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:0 8px}.shell-nav-group-items{display:grid;gap:6px}.shell-nav-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--pane-text);text-align:left;cursor:pointer;box-shadow:0 2px 8px #0616270a;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.shell-nav-item:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 8px 18px #0616271f}.shell-nav-item.is-active{background:#f8fbff;color:#113157;border-color:#a9bfdc;box-shadow:0 10px 18px #04182d2e}.shell-nav-item-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#ffffff14}.shell-nav-item.is-active .shell-nav-item-icon{background:#dbe9ff;color:#1d56b6}.shell-nav-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-nav-item-copy strong{color:inherit;font-size:.95rem;font-weight:800}.shell-nav-item-copy small{display:block;margin-top:4px;color:inherit;opacity:.76;font-size:.78rem;line-height:1.45}.shell-main{min-width:0;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 14px;background:#edf2f8f5;border-bottom:1px solid var(--line);box-shadow:var(--shadow-ui-soft)}.shell-header-left,.shell-header-right{display:flex;align-items:center;gap:12px}.shell-header-left{min-width:0;flex:1 1 auto}.shell-header-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.shell-header-logo{width:34px;height:34px;object-fit:contain}.shell-header-copy strong{display:block;color:var(--text-900);font-size:1.05rem;font-weight:800;line-height:1.15}.shell-header-right{position:relative;flex:0 0 auto}.shell-header-search{position:relative;display:flex;align-items:center}.shell-header-search-panel{position:absolute;top:calc(100% + 14px);right:0;width:min(680px,calc(100vw - 32px));display:grid;gap:12px;padding:16px;border:1px solid #d7e3f0;border-radius:26px;background:radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,#fffffffc,#f5f9fffa);box-shadow:0 28px 60px #0f172a2e;z-index:30}.shell-header-search-form{display:block}.shell-header-search-input{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px 0 16px;min-height:58px;border-radius:24px;background:linear-gradient(180deg,#fffffffc,#f7fafffa);border:1px solid #cddcf0;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #2563eb14}.shell-header-search-input:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#7dd3fc,#2563eb 52%,#14b8a6)}.shell-header-search-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-strong);font:inherit;font-size:1rem}.shell-header-search-input input::-webkit-search-cancel-button,.shell-header-search-input input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.shell-header-search-input:focus-within{border-color:#8eb2ea;box-shadow:0 0 0 4px #2563eb1f,inset 0 1px #ffffffe6,0 8px 24px #2563eb14}.shell-header-search-clear{min-height:30px;width:30px;padding:0;border:0;border-radius:999px;background:transparent;color:#72809a;box-shadow:none}.shell-header-search-clear:hover,.shell-header-search-clear:focus-visible{transform:none;border-color:transparent;box-shadow:none;background:#94a3b81f}.shell-header-search-chips{display:none}.shell-header-search-results{display:grid;gap:8px;max-height:min(54dvh,420px);overflow:auto;padding-right:4px}.shell-header-search-result-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.shell-header-search-result-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#dbeafee6;color:#1d4ed8;font-size:.74rem;font-weight:700}.shell-header-search-empty{min-height:120px}.shell-header-button,.shell-header-chip,.small-button,.equal,.btn,.auth-oauth-btn,.menu-btn,.logout-btn,.topbar-menu-item,.listing-view-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;background-image:none;color:var(--text-900);font-weight:700;box-shadow:var(--shadow-card-flat);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;animation:shellFadeUp .32s ease both}.equal,.btn--primary,.login-primary-btn,.landing-login-button,.auth-status-actions .btn--primary{background:#225bb4;background-image:none;border-color:#1d56b6;color:#fff}.small-button:hover,.equal:hover,.btn:hover,.auth-oauth-btn:hover,.shell-header-button:hover,.shell-header-chip:hover,.listing-view-toggle-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover-flat);border-color:var(--line-strong)}.small-button.is-current,.listing-view-toggle-button.is-active{background:#dce9ff;background-image:none;border-color:#8fb3ea;color:#173f86}.shell-header-chip{background:#fff}.shell-header-button--menu{display:none}.content{padding:24px}.page-transition-shell{animation:shellFadeUp .32s ease both}.page-shell,.landing-shell,.portal-shell{width:100%}.page-hero,.landing-hero{background:#173f6d;background-image:none;border:1px solid #123258;border-radius:14px;box-shadow:0 18px 32px #102b4a29;position:relative;overflow:hidden}.page-hero h1,.page-hero h2,.page-hero h3,.page-hero h4,.page-hero strong,.page-hero .hero-kicker,.page-hero .permission-pill,.dashboard-hero-card h1,.dashboard-hero-card h2,.dashboard-hero-card h3,.dashboard-hero-card h4,.listings-hero-card h1,.staff-hero-card h1,.attendance-hero-card h1,.profile-hero-card h1,.verify-hero-card h1,.certificates-hero-card h1,.landing-hero h1,.landing-hero h2,.landing-hero h3,.landing-hero strong,.landing-brand-panel dt,.landing-brand-panel dd{color:#f6f9ff}.page-hero p,.page-hero span,.dashboard-hero-copy-text,.landing-hero-copy p,.landing-inline-note,.verify-status-copy p,.landing-brand-panel span{color:#d7e4f7}.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card{background:transparent;background-image:none;border:none;box-shadow:none;border-radius:0;padding:0 0 8px;text-align:left}.dashboard-hero-copy,.staff-hero-copy,.profile-hero-copy,.listings-hero-head>div,.attendance-hero-card>div,.verify-hero-card,.certificates-hero-card{justify-items:start;text-align:left}.dashboard-hero-title,.staff-hero-title,.profile-hero-title,.listings-hero-title,.attendance-hero-card h1,.verify-hero-card h1,.certificates-hero-card h1,.dashboard-hero-card h1,.listings-hero-card h1,.staff-hero-card h1,.profile-hero-card h1{color:var(--text-900);-webkit-text-fill-color:var(--text-900);font-weight:800;text-align:left}.card>h2,.card>h3,.section-header h2,.section-header h3,.attendance-panel-header h2,.attendance-panel-header h3,.listing-browser-head h2,.listing-browser-head h3,.verify-status-copy h2,.verify-details-card h3{color:var(--text-900);-webkit-text-fill-color:var(--text-900);font-size:clamp(1.45rem,2.2vw,1.8rem);font-weight:800;line-height:1.2;text-align:left;margin-bottom:.35rem}.card,.hero-card,.ui-card,.auth-card,.listing-modal-card,.verification-modal-card,.staff-listing-card,.landing-info-card,.landing-branch-card,.landing-metric-card,.verify-status-card,.verify-details-card,.attendance-panel,.attendance-panel--calendar,.onboarding-step,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.oauth-status-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card-flat);backdrop-filter:none;-webkit-backdrop-filter:none;animation:shellFadeUp .32s ease both;padding:16px}.listing-modal-card,.verification-modal-card,.payment-modal-card,.modal-header,.glass-select-panel,.glass-select-trigger,.footer-bar,.topbar,.auth-status-card,.verify-status-card,.listing-modal-card .attendance-panel-header,.verification-modal-header{backdrop-filter:none;-webkit-backdrop-filter:none}.hero-card:hover,.card:hover,.landing-info-card:hover,.landing-branch-card:hover,.landing-metric-card:hover,.staff-listing-card:hover,.deliverable-card:hover,.payment-record-card:hover,.attendance-record-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover-flat)}.summary-grid>div,.dashboard-summary>div,.staff-listing-meta>div,.verify-detail-grid>div,.landing-card-meta,.payment-modal-grid>div,.certificate-meta-row,.certificate-feedback-item,.attendance-record-card,.payment-record-card,.onboarding-step{background:var(--surface-subtle);border:1px solid #d9e3f0;border-radius:12px;padding:12px}.summary-grid>div,.dashboard-summary>div,.staff-listing-meta>div,.verify-detail-grid>div,.certificate-meta-row,.payment-modal-grid>div{background:transparent;box-shadow:none;border:none;border-bottom:1px solid #d8e2ee;border-radius:0;padding:12px 0 14px}.landing-metric-row,.landing-card-grid,.landing-branch-grid{display:grid;gap:16px}.landing-metric-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.landing-metric-card span,.landing-metric-card small{display:block}.landing-metric-card span{color:var(--text-500);font-size:.82rem;font-weight:700}.landing-metric-card strong{display:block;margin:8px 0 4px;color:var(--text-900);font-size:2rem;font-weight:800}.landing-inline-note{color:#d7e4f7;font-size:.9rem;line-height:1.5}.landing-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.landing-feature-strip{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.landing-feature-strip span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#f6f9ff;font-size:.84rem;font-weight:700;letter-spacing:.02em}.landing-brand-panel{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:none}.landing-brand-panel strong,.landing-brand-panel span{color:#fff}.landing-brand-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0}.landing-brand-metrics div{padding:10px 12px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.landing-brand-metrics dt{margin:0 0 4px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-brand-metrics dd{margin:0;font-size:.98rem;font-weight:700}.landing-section-head p,.landing-info-card p,.landing-branch-card p,.landing-card-meta span,.landing-metric-card small{color:var(--text-500)}.listing-browser-toolbar,.staff-explorer-toolbar{align-items:end}.listing-view-toggle-button,.staff-view-button,.staff-toolbar-action .small-button,.listing-browser-toolbar .small-button{white-space:nowrap}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.glass-select-trigger,.glass-select-option{border:1px solid var(--line);border-radius:10px;background:#fdfefe;color:var(--text-900);box-shadow:var(--shadow-input-soft),inset 0 1px 2px #1129440a;background-image:linear-gradient(var(--accent-blue),var(--accent-blue));background-repeat:no-repeat;background-position:left bottom;background-size:0 2px;transition:border-color .18s ease,background-size .18s ease,box-shadow .18s ease}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus,.glass-select-trigger:focus{outline:none;border-color:#c4d4ea;box-shadow:0 8px 18px #2b6fdd17,inset 0 1px 2px #1129440a;background-size:100% 2px}.glass-select-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 28px #11294429}.glass-select-option.is-selected{background:#eaf2ff;color:#1e56b5}.listing-modal-backdrop,.verification-modal-backdrop,.payment-modal-backdrop,.modal-backdrop,.auth-status-backdrop,.glass-select-backdrop{background:#12223675}.listing-modal-card,.verification-modal-card,.payment-modal-card,.auth-status-card,.oauth-status-card{animation:shellScaleIn .24s ease both}.listing-modal-card .attendance-panel-header,.verification-modal-header,.payment-modal-card .attendance-panel-header,.auth-status-card,.oauth-status-card{background:linear-gradient(180deg,#fff,#f3f7fc);border-bottom:1px solid #dbe4ef}.listing-modal-card .attendance-panel-header h3,.listing-modal-card .attendance-panel-header p,.verification-modal-header h3,.verification-modal-header p,.payment-modal-card .attendance-panel-header h3,.payment-modal-card .attendance-panel-header p,.auth-status-card h3,.auth-status-message,.auth-status-detail{color:var(--text-900)}.listing-modal-card,.verification-modal-card,.payment-modal-card{border-radius:16px;box-shadow:0 30px 60px #10213733}.verify-status-card h2,.verify-status-card p,.verify-details-card h3,.verify-details-card strong,.verify-details-card p{color:var(--text-900)}.toast,.status-toast{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 32px #11294424}.footer-bar{margin:0 24px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-card-flat)}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px}.footer-brand{display:grid;gap:4px}.footer-brand strong{font-family:Barlow,sans-serif;font-size:1rem;font-weight:800;color:var(--text-900);letter-spacing:.01em}.footer-brand small,.footer-meta small{font-size:.76rem;line-height:1.45;color:#637892}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-link{display:inline-flex;align-items:center;min-height:34px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface-subtle);color:var(--text-700);font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:var(--shadow-ui-soft);transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease}.footer-link:hover{border-color:#1d6fd847;background:#f7fbff;color:var(--accent);box-shadow:var(--shadow-ui-soft-hover);transform:translateY(-1px)}.footer-meta{justify-self:end}.section-header,.attendance-panel-header,.listing-browser-head,.staff-listing-card-header,.listing-card-header{align-items:start;gap:12px}.text-soft{color:var(--text-500)}.permission-cloud{gap:8px}.certificate-copy-button.is-copied,.deliverable-status-pill.is-approved,.permission-pill.is-success{background:#e9f7ee;border-color:#b7debf;color:#2c7b50}.permission-pill.is-warning,.payment-record-card .permission-pill.is-warning{background:#fff4dc;border-color:#f0d18a;color:#9d6a00}.permission-pill.is-error,.payment-record-card .permission-pill.is-error,.verification-modal-error{background:#ffe8e6;border-color:#edb5b0;color:#aa3832}.permission-pill.is-info,.payment-record-card .permission-pill.is-info{background:#e8f2ff;border-color:#b7d8ff;color:#215fa9}.permission-pill.is-seen,.payment-record-card .permission-pill.is-seen{background:#ecfdf3;border-color:#b7e4c4;color:#257448}.permission-pill.is-not-seen,.payment-record-card .permission-pill.is-not-seen{background:#fff0f0;border-color:#f0b8b8;color:#b33131}.permission-pill.is-muted,.payment-record-card .permission-pill.is-muted{background:#f3f5f8;border-color:#d7dde7;color:#647083}.finance-tabs{display:flex;flex-wrap:nowrap;gap:10px;margin:18px 0 6px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.finance-tab{min-height:42px;display:inline-flex;flex:0 0 auto;white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;border:1px solid #d9e3f0;border-radius:10px;background:#ffffffc2;color:var(--text-700);font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.finance-tab:hover,.finance-tab.is-active{border-color:#2b6fdd57;box-shadow:0 10px 24px #2b6fdd24;transform:translateY(-1px)}.finance-tab:hover span,.finance-tab.is-active span{background:linear-gradient(135deg,#165dcf,#7c3aed,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.finance-tab:hover svg,.finance-tab.is-active svg{color:#7c3aed;filter:drop-shadow(0 4px 10px rgba(124,58,237,.18))}.finance-tab-panel{display:grid;gap:18px;margin-top:16px}.finance-request-panel{margin-top:18px;background:linear-gradient(145deg,#eff6ffeb,#f5f3ffc7),var(--surface-subtle)}.finance-student-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.finance-dashboard-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.finance-student-browser,.finance-student-detail-panel{display:grid;gap:18px}.finance-modal-body,.finance-modal-history-section,.finance-history-list,.finance-history-payments,.finance-payment-modal-body{display:grid;gap:18px;min-width:0}.finance-modal-summary-grid,.finance-student-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.finance-student-payment-list{display:grid;gap:18px}.finance-history-card{gap:16px;min-width:0}.finance-history-card-header,.finance-history-card-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.finance-history-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.finance-payment-summary-card{width:100%;display:grid;gap:16px;min-width:0;text-align:left;padding:18px;border:1px solid #d9e3f0;border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f4f9ffeb);color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.finance-payment-summary-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #2b6fdd1f}.finance-payment-summary-head,.finance-payment-summary-head>span,.finance-payment-summary-meta,.finance-payment-summary-meta>span{display:grid;gap:6px;min-width:0}.finance-payment-summary-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.finance-payment-summary-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.finance-payment-summary-meta strong{color:var(--text-soft);font-size:.78rem}.finance-payment-summary-meta span>span{color:var(--text-strong);font-weight:600}.finance-history-payment-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;text-align:left;padding:16px 18px;border:1px solid #d9e3f0;border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f4f9ffeb);color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.finance-history-payment-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2b6fdd1f}.finance-history-payment-copy,.finance-history-payment-meta{display:grid;gap:6px;min-width:0}.finance-history-payment-meta{justify-items:end;flex-shrink:0}.finance-history-empty{padding:12px 2px 0}@media(min-width:1120px){.finance-student-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.finance-dashboard-workbench{grid-template-columns:1fr}}@media(max-width:720px){.finance-payment-summary-head{grid-template-columns:1fr}.finance-history-payment-button{flex-direction:column;align-items:flex-start}.finance-history-payment-meta{width:100%;justify-items:start}}.finance-student-card{display:grid;gap:10px;text-align:left;padding:16px;border:1px solid #d9e3f0;border-radius:10px;background:#ffffffc2;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.finance-student-card:hover,.finance-student-card.is-selected{transform:translateY(-2px);box-shadow:0 16px 34px #2b6fdd24}.finance-student-card.is-attention{border-color:#f0d18a;background:linear-gradient(145deg,#fff8e8,#eef6ff)}.finance-student-card.is-clear{border-color:#b7debf;background:linear-gradient(145deg,#ecfdf3,#f8fbff)}.finance-student-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.finance-student-card-meta{color:var(--text-500);font-size:.9rem;line-height:1.45}.payment-record-card{position:relative;overflow:hidden;border-left-width:5px;border-left-style:solid}.payment-record-card.is-payment-requested,.payment-record-card.is-payment-link_sent{border-left-color:#f59e0b;background:linear-gradient(145deg,#fff8e8,#eef6ff)}.payment-record-card.is-payment-receipt_submitted,.payment-record-card.is-payment-paid{border-left-color:#0ea5e9;background:linear-gradient(145deg,#eaf3ff,#ecfdf3)}.payment-record-card.is-payment-verified{border-left-color:#22c55e;background:linear-gradient(145deg,#e9f7ee,#f8fbff)}.payment-record-card.is-payment-rejected{border-left-color:#ef4444;background:linear-gradient(145deg,#ffe8e6,#fff8e8)}.payment-record-card.is-payment-refunded{border-left-color:#7c3aed;background:linear-gradient(145deg,#f1edff,#eef6ff)}@media(max-width:1100px){.App.app-shell{grid-template-columns:minmax(0,1fr)}.shell-header-button--menu{display:inline-flex}.shell-sidebar{position:fixed;top:88px;left:0;bottom:0;height:calc(100dvh - 88px);width:min(320px,86vw);transform:translate(-100%);transition:transform .22s ease;z-index:45;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.shell-sidebar.is-open{transform:translate(0)}.shell-backdrop{display:block;position:fixed;inset:88px 0 0;background:#09162661;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:44}.shell-backdrop.is-open{opacity:1;pointer-events:auto}.landing-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.shell-header{position:sticky;top:0;z-index:40;padding:12px 12px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.shell-header-left,.shell-header-right{width:auto;flex:0 0 auto;min-width:0;justify-content:flex-start;flex-wrap:nowrap}.shell-header-left{flex:1 1 auto;gap:10px}.shell-header-copy{min-width:0;align-items:flex-start;justify-content:center;text-align:left}.shell-header-copy strong{font-size:.95rem;line-height:1.2}.shell-header-chip--identity{display:none}.shell-header-button,.shell-header-chip{min-height:42px;padding:10px 14px}.shell-header-button--menu,.shell-header-right>.shell-header-button{min-width:0;width:auto;padding:8px 12px;gap:6px;min-height:38px;color:#13263c!important;border-color:#c7d9ef!important}.shell-header-button--menu span,.shell-header-right>.shell-header-button span{display:inline-flex}.shell-header-button--menu .app-icon,.shell-header-right>.shell-header-button .app-icon{color:#13263c!important;width:18px!important;height:18px!important}.shell-header-button--menu .app-icon__glyph,.shell-header-right>.shell-header-button .app-icon__glyph{color:#13263c!important;fill:#13263c!important;stroke:#13263c!important;opacity:1!important}.shell-header-button--menu .app-icon *,.shell-header-right>.shell-header-button .app-icon *{color:#13263c!important;fill:#13263c!important;stroke:#13263c!important;opacity:1!important}.shell-header-right{gap:8px;justify-self:end}.listing-view-toggle-button,.staff-view-button,.staff-toolbar-action .small-button,.listing-browser-toolbar .small-button{min-width:46px;width:46px;padding:10px;gap:0;font-size:0}.listing-view-toggle-button svg,.staff-view-button svg,.staff-toolbar-action .small-button svg,.listing-browser-toolbar .small-button svg{flex:0 0 auto}.landing-brand-metrics{grid-template-columns:1fr}.content{padding:16px}.footer-bar{margin:0 16px 16px}.footer-inner{grid-template-columns:1fr;text-align:left}.landing-metric-row{grid-template-columns:1fr}.landing-cta-row{align-items:flex-start;flex-direction:column}}@media(max-width:960px){.listing-browser-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.listing-view-toggle{justify-content:flex-end}.staff-explorer-toolbar,.staff-explorer-toolbar.has-action{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.staff-toolbar-search{grid-column:1 / -1}}.profile-hero-card,.profile-hero-head{background:transparent;background-image:none;border:none;box-shadow:none}.profile-hero-avatar-wrap{background:transparent;border-color:#c9d6e6;box-shadow:none}.profile-hero-avatar-fallback{background:#eef3f9;background-image:none;color:#5f7691;border:1px solid #d4e0ee}.profile-hero-avatar-fallback svg{color:#6c7f95}.hero-card.dashboard-hero-card,.hero-card.staff-hero-card{background:transparent;background-image:none;border:none;box-shadow:none}.dashboard-hero-title,.staff-hero-title,.hero-card.dashboard-hero-card h1,.hero-card.staff-hero-card h1{color:var(--accent);-webkit-text-fill-color:var(--accent)}.staff-hero-actions .small-button:hover,.dashboard-hero-actions .small-button:hover{color:var(--accent);border-color:#1d6fd857;background:#f7fbff}.staff-hero-actions .small-button:hover svg,.dashboard-hero-actions .small-button:hover svg,.staff-hero-actions .small-button:hover span,.dashboard-hero-actions .small-button:hover span{color:var(--accent);-webkit-text-fill-color:var(--accent)}.staff-toolbar-action{justify-content:flex-end;align-self:end;min-width:0}.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{display:flex;width:auto;min-width:0;margin:0;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.staff-toolbar-action .small-button{margin:0;flex:0 0 auto}.dashboard-shell .summary-grid.dashboard-summary,.staff-shell .summary-grid.dashboard-summary,.staff-shell .summary-grid.staff-summary-grid{gap:12px;margin-top:16px}.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button{position:relative;padding:14px 14px 12px;border:1px solid #d9e3f0;border-radius:12px;background:#ffffff94;box-shadow:0 10px 24px #1129440f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-shell .summary-grid.dashboard-summary>div:before,.dashboard-shell .summary-grid.dashboard-summary>button:before,.staff-shell .summary-grid.dashboard-summary>div:before,.staff-shell .summary-grid.dashboard-summary>button:before,.staff-shell .summary-grid.staff-summary-grid>div:before,.staff-shell .summary-grid.staff-summary-grid>button:before{content:"";position:absolute;top:-1px;left:18px;width:34px;height:4px;border-radius:999px;background:var(--accent);opacity:.82}.dashboard-shell .summary-grid.dashboard-summary>div:hover,.dashboard-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.dashboard-summary>div:hover,.staff-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.staff-summary-grid>div:hover,.staff-shell .summary-grid.staff-summary-grid>button:hover{transform:translateY(-1px);border-color:#1d6fd847;box-shadow:0 14px 30px #11294414}.summary-metric-card:before{display:none}.summary-metric-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-height:156px;padding:18px 18px 16px;border:1px solid rgba(191,211,236,.92);border-radius:16px;background:linear-gradient(180deg,#fffffff5,#f4f8ffe6);box-shadow:0 10px 24px #11294412}.summary-metric-button{width:100%;appearance:none;text-align:left;cursor:pointer}.summary-metric-button:hover,.summary-metric-button:focus-visible{border-color:#1d6fd852;box-shadow:0 16px 34px #1129441a;transform:translateY(-2px)}.summary-metric-button:focus-visible{outline:2px solid rgba(29,111,216,.24);outline-offset:2px}.summary-metric-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#eef3ff;color:var(--accent);box-shadow:inset 0 1px #ffffffeb}.summary-metric-value{margin:14px 0 0;font-size:clamp(2.3rem,3vw,3rem);line-height:.92;font-weight:900;color:#15233b}.summary-metric-value--compact{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.2;word-break:break-word}.summary-metric-label{margin-top:2px;font-size:1.05rem;line-height:1.3;letter-spacing:0;text-transform:none;color:#8a9ab3;font-weight:800}.summary-metric-card--uploads .summary-metric-icon{background:#e8f7ff;color:#1193c8}.summary-metric-card--pending .summary-metric-icon{background:#eef0ff;color:#7884ff}.summary-metric-card--applications .summary-metric-icon,.summary-metric-card--listings .summary-metric-icon,.summary-metric-card--students .summary-metric-icon{background:#eef3ff;color:var(--accent)}.summary-metric-card--verified .summary-metric-icon{background:#f0ecff;color:#5b48d7}.summary-metric-card--attendance .summary-metric-icon{background:#ebf6ff;color:#1578b8}.summary-metric-card--calendar .summary-metric-icon{background:#eef3ff;color:#5d6bf2}.summary-metric-card--finance .summary-metric-icon{background:#edf7f1;color:#16915b}.summary-metric-card--staff .summary-metric-icon{background:#f4efff;color:#6a48d7}.listing-create-modal{width:min(980px,calc(100vw - 32px))}.listing-create-modal .listing-modal-body{gap:20px}.listing-create-modal .staff-listing-form{margin-top:2px}.listing-modal-backdrop,.verification-modal-backdrop,.payment-modal-backdrop,.modal-backdrop,.auth-status-backdrop{background:#0f172a6b;backdrop-filter:none;-webkit-backdrop-filter:none}.listing-modal-card,.verification-modal-card,.payment-modal-card,.auth-status-card,.oauth-status-card{background:#fff;background-image:none;border:1px solid #d7e1ec;border-radius:18px;box-shadow:0 28px 56px #0f172a2e;backdrop-filter:none;-webkit-backdrop-filter:none}.listing-modal-card .attendance-panel-header,.payment-modal-card .attendance-panel-header,.verification-modal-header,.auth-status-card,.oauth-status-card{background:#fff;background-image:none;border-bottom:1px solid #dde6f0;backdrop-filter:none;-webkit-backdrop-filter:none}.listing-modal-card .attendance-panel-header .small-button,.payment-modal-card .attendance-panel-header .small-button,.verification-modal-header .small-button,.auth-status-card .small-button,.oauth-status-card .small-button{min-height:40px;padding:10px 14px}.listing-modal-body,.verification-modal-body{gap:18px}.listing-modal-footer,.verification-modal-actions,.payment-modal-card .button-row:last-child{padding-top:18px;border-top:1px solid #e4ebf3}.toast{position:fixed;top:96px;right:24px;z-index:5200;width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;background:#fff;border:1px solid #d7e1ec;border-radius:14px;box-shadow:0 18px 38px #0f172a29}.toast--success,.toast--error,.toast--warning,.toast--info{background:#fff}.toast__accent{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#eef3ff;color:var(--accent)}.toast__accent--success{background:#edf8f1;color:#1d8b5f}.toast__accent--error{background:#fff1f2;color:#cc3a4d}.toast__accent--warning{background:#fff8e8;color:#c58412}.toast__accent--info{background:#eef3ff;color:var(--accent)}.toast__copy{min-width:0}.toast__copy strong{display:block;margin-bottom:4px;font-family:Barlow,sans-serif;font-size:.94rem;font-weight:800;color:var(--text-900)}.toast__copy p{margin:0;color:#31465f;font-size:.93rem;line-height:1.5}.toast__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#51657e}.toast__close:hover{background:#f4f7fb;border-color:#dbe5ef;color:var(--text-900);transform:none}.dashboard-shell .summary-grid.dashboard-summary strong,.staff-shell .summary-grid.dashboard-summary strong,.staff-shell .summary-grid.staff-summary-grid strong{color:#5f7390;font-weight:800}.dashboard-shell .summary-grid.dashboard-summary p,.staff-shell .summary-grid.dashboard-summary p,.staff-shell .summary-grid.staff-summary-grid p{color:var(--text-900);font-weight:700}.finance-tabs{display:inline-flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;margin:18px 0 8px;padding:6px;border:1px solid #d9e3f0;border-radius:16px;background:#ffffffad;box-shadow:inset 0 1px #ffffffe0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.finance-tabs::-webkit-scrollbar{display:none}.finance-tab{position:relative;min-height:44px;flex:0 0 auto;gap:10px;padding:10px 16px 14px;border:none;border-radius:12px;background:transparent;color:#536983;font-weight:800;box-shadow:none;transform:none}.finance-tab:after{content:"";position:absolute;left:50%;bottom:6px;width:22px;height:4px;border-radius:999px;background:var(--accent);opacity:0;transform:translate(-50%) scaleX(.35);transition:opacity .18s ease,transform .18s ease}.finance-tab:hover{background:#f7fbff;color:var(--accent)}.finance-tab.is-active{background:#fff;color:var(--accent);box-shadow:0 10px 22px #1d6fd81f}.finance-tab.is-active:after{opacity:1;transform:translate(-50%) scaleX(1)}.finance-tab span,.finance-tab:hover span,.finance-tab.is-active span{background:none;-webkit-text-fill-color:currentColor;color:currentColor}.finance-tab.is-active span{font-weight:900}.finance-tab svg,.finance-tab:hover svg,.finance-tab.is-active svg{color:currentColor;filter:none}@media(max-width:900px){.director-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.director-filter-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{width:100%;justify-content:stretch;flex-wrap:wrap}.finance-tabs{display:inline-flex;width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px}.finance-tabs::-webkit-scrollbar{display:none}.finance-tab{flex:0 0 auto;min-width:max-content;justify-content:center;scroll-snap-align:center}}@media(max-width:760px){.listing-modal-card{width:min(100%,calc(100vw - 24px));padding:0 20px 24px;gap:18px}.listing-modal-card .attendance-panel-header{margin-inline:-20px;padding-inline:20px;gap:14px}.modal-header-primary,.modal-header-actions,.staff-listing-card-header>div,.finance-history-card-header>div,.finance-history-card-actions,.finance-history-payment-copy,.payment-record-card .permission-cloud{min-width:0;width:100%}.finance-student-modal .attendance-panel-header,.finance-payment-detail-modal .attendance-panel-header{grid-template-columns:minmax(0,1fr)}.finance-modal-scope-tabs.finance-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-right:0;padding-right:0;overflow:visible;scroll-snap-type:none}.finance-modal-scope-tabs .finance-tab{min-width:0;width:100%;justify-content:center;padding-inline:10px}.finance-history-card-header,.finance-history-card-actions,.payment-record-card .staff-listing-card-header,.payment-record-card .button-row{flex-direction:column;align-items:stretch}.finance-history-card-actions .small-button,.payment-record-card .button-row .small-button{width:100%;justify-content:center}.finance-history-meta,.finance-payment-summary-meta,.finance-payment-fields,.payment-modal-grid{grid-template-columns:1fr}.finance-history-card h4,.finance-history-card p,.finance-history-payment-copy .text-soft,.finance-payment-summary-head .text-soft,.payment-record-card .staff-listing-card-header p{white-space:normal;overflow-wrap:anywhere}.staff-explorer-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.staff-explorer-toolbar.has-action{grid-template-columns:minmax(0,1fr) auto auto}.staff-toolbar-search{grid-column:1 / -1}.staff-toolbar-filter,.staff-view-toggle,.staff-toolbar-action{grid-column:auto}.staff-view-toggle,.staff-toolbar-action{justify-content:flex-end}.staff-toolbar-action{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch;min-width:0}.staff-toolbar-action>*{width:100%;min-width:0}.staff-toolbar-action>label{display:grid;gap:6px}.staff-toolbar-action>label>span{white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:0;writing-mode:horizontal-tb;text-orientation:mixed}.staff-view-button,.staff-toolbar-action .small-button,.listing-view-toggle-button,.listing-browser-toolbar .small-button{flex:1 1 0;width:auto;min-width:0}.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap}.staff-view-button,.staff-toolbar-action .small-button{min-width:46px;width:46px;padding:10px;gap:0;font-size:0;justify-content:center}.staff-view-button svg,.staff-toolbar-action .small-button svg{flex:0 0 auto}.staff-view-button>span,.staff-toolbar-action .small-button>span,.listing-view-toggle-button>span,.listing-browser-toolbar .small-button>span{display:none}.certificate-approval-modal .staff-toolbar-action{justify-content:stretch}.dashboard-hero-card,.staff-hero-card{text-align:center}.dashboard-hero-copy,.staff-hero-copy{justify-items:center;margin-inline:auto}.dashboard-hero-title,.staff-hero-title,.hero-card.dashboard-hero-card h1,.hero-card.staff-hero-card h1{text-align:center;margin-inline:auto}.footer-inner{grid-template-columns:1fr;gap:14px;text-align:center}.footer-links{justify-content:center}.footer-meta{justify-self:center}.toast{top:80px;right:12px;width:calc(100vw - 24px);grid-template-columns:auto minmax(0,1fr) auto}.listing-modal-card,.verification-modal-card,.payment-modal-card{border-radius:16px}}.small-button:before,.secondary-button:before,.menu-btn:before,.logout-btn:before,.topbar-menu-item:before,button[type=submit]:before,.equal:before{display:none}.small-button:hover>span:not(i):not([class*=icon]),.secondary-button:hover>span:not(i):not([class*=icon]),.warning-button:hover>span:not(i),.danger-button:hover>span:not(i),.finance-tab:hover span,.finance-tab.is-active span{background:none;-webkit-text-fill-color:currentColor;color:inherit}.small-button:hover i,.secondary-button:hover i,.finance-tab:hover svg,.finance-tab.is-active svg{filter:none}.permission-pill,.permission-pill:nth-child(3n+2),.permission-pill:nth-child(3n+3),.application-preference-order,.deliverable-status-pill.is-approved,.deliverable-status-pill.is-submitted,.deliverable-status-pill.is-rejected,.deliverable-status-pill.is-returned,.status-toast--success,.status-toast--error,.status-toast--warning,.status-toast--info,.finance-request-panel,.finance-qr-card,.payment-record-card.is-payment-requested,.payment-record-card.is-payment-link_sent,.payment-record-card.is-payment-receipt_submitted,.payment-record-card.is-payment-paid,.payment-record-card.is-payment-verified,.payment-record-card.is-payment-rejected,.payment-record-card.is-payment-refunded,.landing-brand-panel,.attendance-day--approved,.attendance-day--midway,.attendance-day--pending_approval,.attendance-day--not_given,.attendance-day--rejected,.legend-swatch.green,.legend-swatch.blue,.legend-swatch.yellow,.legend-swatch.red,.toggle-pill.is-on,.toggle-pill.is-on .toggle-pill-track,.attendance-switch.is-on .attendance-switch-track,.compact-list-head,.compact-list-row:hover,.glass-select-option:hover,.glass-select-option.is-selected,.rich-editor-button:hover,.rich-editor-toolbar,.listing-card:before,.finance-student-card.is-attention,.finance-student-card.is-clear{background-image:none}.landing-brand-panel,.finance-request-panel,.finance-qr-card,.payment-record-card.is-payment-requested,.payment-record-card.is-payment-link_sent,.payment-record-card.is-payment-receipt_submitted,.payment-record-card.is-payment-paid,.payment-record-card.is-payment-verified,.payment-record-card.is-payment-rejected,.payment-record-card.is-payment-refunded,.status-toast--success,.status-toast--error,.status-toast--warning,.status-toast--info{background:#fff}.landing-hero,.page-hero{background-image:none}.listing-modal-card .attendance-panel-header,.payment-modal-card .attendance-panel-header,.verification-modal-header,.auth-status-card,.oauth-status-card{background:#fff;background-image:none}.landing-shell{width:min(1240px,100%);margin:0 auto;gap:28px}.landing-shell .landing-hero{position:relative;isolation:isolate;min-height:clamp(560px,74vh,760px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(24px,3.5vw,36px);align-items:stretch;padding:clamp(30px,4vw,52px);border-radius:30px;border:1px solid rgba(192,214,244,.18);background:radial-gradient(circle at top left,rgba(96,165,250,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(125,211,252,.16),transparent 28%),linear-gradient(140deg,#091b33f5,#113358f0 52%,#194f7ceb);box-shadow:0 30px 80px #0f172a2e;overflow:hidden}.landing-shell .landing-hero:before,.landing-shell .landing-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}.landing-shell .landing-hero:before{width:360px;height:360px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(125,211,252,.22),transparent 68%)}.landing-shell .landing-hero:after{width:300px;height:300px;left:-80px;bottom:-140px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%)}.landing-shell .landing-hero-copy,.landing-shell .landing-brand-panel{position:relative;z-index:1}.landing-shell .landing-hero-copy{display:grid;align-content:center;gap:20px}.landing-shell .landing-hero-intro{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-shell .landing-badge{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#f7fbff;box-shadow:inset 0 1px #ffffff1f}.landing-shell .landing-kicker{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#ebf4ffd6;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.landing-shell .landing-hero-copy h1{margin:0;max-width:11ch;color:#f8fbff;-webkit-text-fill-color:#f8fbff;font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.04em}.landing-shell .landing-hero-copy p{max-width:640px;margin:0;color:#e1ecfce6;font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.78}.landing-shell .landing-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.landing-shell .landing-login-button{min-width:168px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#3574dcf5,#265cb7f5);box-shadow:0 18px 28px #08193238}.landing-shell .landing-verify-button{min-width:186px;border-radius:16px;border:1px solid rgba(191,219,254,.34);background:#ffffff14;color:#f7fbff;box-shadow:inset 0 1px #ffffff1f,0 16px 24px #08193229}.landing-shell .landing-inline-note{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#e2edfae6;font-size:.92rem;line-height:1.5}.landing-shell .landing-feature-strip{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}.landing-shell .landing-feature-strip span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#eff6ff;font-size:.88rem;font-weight:700;letter-spacing:.01em}.landing-shell .landing-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}.landing-shell .landing-hero-stat{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.landing-shell .landing-hero-stat-icon,.landing-shell .landing-metric-icon,.landing-shell .landing-card-icon,.landing-shell .landing-spotlight-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#ffffff1f;color:#eff6ff;flex:0 0 auto}.landing-shell .landing-hero-stat strong{display:block;margin:0 0 2px;color:#fff;font-size:1.5rem;font-weight:800;line-height:1}.landing-shell .landing-hero-stat span{display:block;color:#f8fbff;font-size:.88rem;font-weight:700}.landing-shell .landing-hero-stat small{display:block;margin-top:4px;color:#dbe6f7cc;font-size:.8rem;line-height:1.45}.landing-shell .landing-brand-panel{display:grid;align-content:start;gap:18px;min-height:auto;padding:clamp(22px,3vw,30px);border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff29,#ffffff14);box-shadow:inset 0 1px #ffffff1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:left}.landing-shell .landing-brand-header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.landing-shell .landing-brand-mark{display:grid;place-items:center;width:clamp(92px,10vw,118px);aspect-ratio:1;border-radius:24px;background:#ffffffeb;box-shadow:0 18px 32px #08162a33}.landing-shell .landing-brand-mark img{width:72%;height:auto}.landing-shell .landing-brand-copy{display:grid;gap:6px}.landing-shell .landing-brand-copy strong{margin:0;color:#fff;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800}.landing-shell .landing-brand-copy span{color:#e3ecf8db;font-size:.95rem;line-height:1.65}.landing-shell .landing-spotlight-grid{display:grid;gap:12px}.landing-shell .landing-spotlight-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.landing-shell .landing-spotlight-card strong{display:block;margin:0 0 4px;color:#fff;font-size:1rem}.landing-shell .landing-spotlight-card p{margin:0;color:#dfe9f6cc;font-size:.86rem;line-height:1.55}.landing-shell .landing-brand-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}.landing-shell .landing-brand-metrics div{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.landing-shell .landing-brand-metrics dt{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;color:#dfeaf7d6;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-shell .landing-brand-metrics dd{margin:0;color:#fff;font-size:1rem;font-weight:700}.landing-shell .landing-metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.landing-shell .landing-metric-card{display:grid;gap:12px;align-content:start;padding:18px;border-radius:18px;border:1px solid rgba(195,210,229,.76);background:linear-gradient(180deg,#ffffffc7,#f8fbffb3);box-shadow:0 18px 40px #11294414;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-shell .landing-metric-card strong{display:block;margin:0;color:#10233e;font-size:1.18rem;line-height:1.3;font-weight:800}.landing-shell .landing-metric-card small{display:block;color:#5e718c;font-size:.9rem;line-height:1.65}.landing-shell .landing-section{display:grid;gap:20px}.landing-shell .landing-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.landing-shell .landing-section-head h2{margin:0;color:#11243f;-webkit-text-fill-color:#11243f;font-size:clamp(1.75rem,3vw,2.4rem)}.landing-shell .landing-section-head p{max-width:620px;color:#61748f;font-size:.96rem;line-height:1.65}.landing-shell .landing-card-grid,.landing-shell .landing-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px}.landing-shell .landing-info-card,.landing-shell .landing-branch-card{display:grid;gap:14px;padding:22px;border-radius:22px;border:1px solid rgba(195,210,229,.78);background:linear-gradient(180deg,#fffc,#f6faffb8);box-shadow:0 18px 36px #11294412;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-shell .landing-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-shell .landing-info-card .permission-pill{padding:8px 12px;border-radius:999px;border:1px solid rgba(23,63,109,.08);background:#165dcf14;color:#24518f;font-weight:800}.landing-shell .landing-info-card h3,.landing-shell .landing-branch-card h3{margin:0;color:#11243f;-webkit-text-fill-color:#11243f;font-size:1.16rem;font-weight:800}.landing-shell .landing-info-card p,.landing-shell .landing-branch-card p{margin:0;color:#61748f;font-size:.94rem;line-height:1.68}.landing-shell .landing-card-meta{display:flex;flex-wrap:wrap;gap:10px;padding:0;background:transparent;border:none}.landing-shell .landing-card-meta span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#10233e0d;color:#39506e;font-size:.84rem;font-weight:700}.landing-shell .landing-branch-card{grid-template-columns:auto 1fr;align-items:start}.landing-shell .landing-card-icon{background:linear-gradient(135deg,#2563eb1f,#38bdf82e);color:#1d4ed8}.landing-shell .landing-metric-icon{background:linear-gradient(135deg,#1058c81f,#0ea5e929);color:#1d4ed8}.landing-shell .landing-metric-card:hover,.landing-shell .landing-info-card:hover,.landing-shell .landing-branch-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px #1129441a}@media(max-width:1100px){.landing-shell .landing-hero{grid-template-columns:1fr;min-height:auto}.landing-shell .landing-brand-panel,.landing-shell .landing-hero-copy{align-content:start}.landing-shell .landing-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.landing-shell .landing-hero-stats,.landing-shell .landing-brand-metrics,.landing-shell .landing-brand-header{grid-template-columns:1fr}}@media(max-width:768px){.landing-shell{gap:22px}.landing-shell .landing-hero{padding:24px;border-radius:24px}.landing-shell .landing-hero-copy h1{max-width:none;font-size:clamp(2.5rem,12vw,3.6rem)}.landing-shell .landing-cta-row{flex-direction:column;align-items:stretch}.landing-shell .landing-inline-note,.landing-shell .landing-login-button{width:100%}.landing-shell .landing-feature-strip span{width:100%;justify-content:center}.landing-shell .landing-metric-row{grid-template-columns:1fr}.landing-shell .landing-section-head{align-items:start}}.finance-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.finance-summary-grid>.finance-summary-card{min-height:190px;padding:20px 20px 18px;border:1px solid rgba(202,214,231,.9);border-radius:20px;background:linear-gradient(180deg,#ffffffeb,#f5f9ffdb);box-shadow:0 14px 28px #11294414;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.finance-summary-grid>.finance-summary-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563ebd1,#38bdf8b3)}.finance-summary-grid>.finance-summary-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px #1129441a}.finance-summary-card .summary-metric-icon{width:64px;height:64px;border-radius:20px;box-shadow:inset 0 1px #fffffff2}.finance-summary-card .summary-metric-value{margin-top:22px}.finance-summary-card .summary-metric-label{margin-top:6px;color:#7184a2}.finance-summary-grid>.finance-summary-card.summary-metric-card--students:before{background:linear-gradient(90deg,#2563ebe6,#60a5fab8)}.finance-summary-grid>.finance-summary-card.summary-metric-card--uploads:before{background:linear-gradient(90deg,#0284c7e0,#67e8f9bd)}.finance-summary-grid>.finance-summary-card.summary-metric-card--pending:before{background:linear-gradient(90deg,#6366f1e0,#a78bfab8)}.finance-summary-grid>.finance-summary-card.summary-metric-card--verified:before{background:linear-gradient(90deg,#7c3aede0,#c4b5fdb8)}@media(max-width:1100px){.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.finance-summary-grid{grid-template-columns:1fr}}:root{--page-bg: #eaf0f7;--surface-base: rgba(255, 255, 255, .64);--surface-subtle: rgba(245, 248, 252, .56);--surface-soft: rgba(235, 241, 247, .48);--line: rgba(194, 208, 227, .72);--line-strong: rgba(157, 180, 210, .92);--glass-blur: 14px;--glass-surface: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(246, 250, 255, .5));--glass-surface-strong: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(246, 250, 255, .62))}body{background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 24%),linear-gradient(180deg,#edf3fa,#e8eff7)}.App.app-shell{background:transparent}.shell-sidebar{background:linear-gradient(180deg,#123258e6,#0d2744db);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.shell-sidebar-status,.shell-nav-item,.shell-header,.shell-header-button,.shell-header-chip,.small-button,.equal,.btn,.auth-oauth-btn,.menu-btn,.logout-btn,.topbar-menu-item,.listing-view-toggle-button,.footer-bar,.footer-link,.toast,.status-toast,.glass-select-panel,.glass-select-trigger,.card,.hero-card,.ui-card,.auth-card,.listing-modal-card,.verification-modal-card,.staff-listing-card,.landing-info-card,.landing-branch-card,.landing-metric-card,.verify-status-card,.verify-details-card,.attendance-panel,.attendance-panel--calendar,.onboarding-step,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.oauth-status-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel,.finance-request-panel,.finance-qr-card,.payment-record-card,.finance-student-card,.summary-metric-card,.summary-grid>div,.dashboard-summary>div,.staff-listing-meta>div,.verify-detail-grid>div,.payment-modal-grid>div,.certificate-meta-row,.certificate-feedback-item,.attendance-record-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.listing-modal-backdrop,.verification-modal-backdrop,.payment-modal-backdrop,.modal-backdrop,.auth-status-backdrop{background:#0f172a6b!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important}.shell-sidebar-status,.shell-nav-item,.shell-header-button,.shell-header-chip,.small-button,.btn,.auth-oauth-btn,.menu-btn,.logout-btn,.topbar-menu-item,.listing-view-toggle-button,.footer-link,.glass-select-trigger,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.glass-select-option{background:var(--glass-surface)}.shell-header,.footer-bar,.glass-select-panel,.toast,.status-toast,.listing-modal-card,.verification-modal-card,.payment-modal-card,.auth-status-card,.oauth-status-card,.verify-status-card,.verify-details-card,.card,.hero-card,.ui-card,.auth-card,.staff-listing-card,.landing-info-card,.landing-branch-card,.landing-metric-card,.attendance-panel,.attendance-panel--calendar,.onboarding-step,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel,.finance-request-panel,.finance-qr-card,.payment-record-card,.finance-student-card,.summary-metric-card{background:var(--glass-surface-strong)}.shell-header,.footer-bar,.glass-select-panel,.listing-modal-card,.verification-modal-card,.payment-modal-card,.auth-status-card,.oauth-status-card{border:1px solid rgba(255,255,255,.54)}.listing-modal-card .attendance-panel-header,.payment-modal-card .attendance-panel-header,.verification-modal-header,.auth-status-card,.oauth-status-card,.topbar{background:var(--glass-surface-strong)}.shell-header,.footer-bar,.topbar{backdrop-filter:blur(calc(var(--glass-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 2px))}.summary-grid>div,.dashboard-summary>div,.staff-listing-meta>div,.verify-detail-grid>div,.payment-modal-grid>div,.certificate-meta-row,.certificate-feedback-item,.attendance-record-card{background:#ffffff57;border-color:#c2d0e394;box-shadow:0 6px 16px #1129440d}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.glass-select-trigger,.glass-select-option{background:#ffffff94}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus,.glass-select-trigger:focus{background:#ffffffc7;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;border-color:#c4d4ea;box-shadow:0 8px 18px #2b6fdd17,inset 0 1px 2px #1129440a}.footer-link:hover,.shell-nav-item:hover,.small-button:hover,.equal:hover,.btn:hover,.auth-oauth-btn:hover,.shell-header-button:hover,.shell-header-chip:hover,.listing-view-toggle-button:hover,.staff-view-button:hover{background:#f7fbff;background-image:none;color:var(--accent)}.finance-tab,.staff-view-button{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.landing-shell{width:min(1220px,100%);gap:22px}.landing-shell .landing-hero{min-height:auto;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:24px;padding:clamp(26px,4vw,42px)}.landing-shell .landing-hero-copy{gap:16px}.landing-shell .landing-hero-copy h1{max-width:12ch;font-size:clamp(2.8rem,5.8vw,4.8rem)}.landing-shell .landing-hero-copy p{max-width:560px;font-size:1rem;line-height:1.65}.landing-shell .landing-inline-note{min-height:48px}.landing-shell .landing-feature-strip{gap:10px}.landing-shell .landing-feature-strip span{min-height:38px;padding:0 12px}.landing-shell .landing-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-shell .landing-hero-stat{padding:14px 16px}.landing-shell .landing-brand-panel{gap:16px}.landing-shell .landing-spotlight-grid{grid-template-columns:1fr}.landing-shell .landing-brand-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-shell .landing-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-shell .landing-metric-card{gap:12px;min-height:150px}.landing-shell .landing-card-grid,.landing-shell .landing-branch-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.landing-shell .landing-info-card,.landing-shell .landing-branch-card{gap:10px;min-height:0}.landing-shell .landing-info-card p,.landing-shell .landing-branch-card p{font-size:.92rem;line-height:1.55}.landing-shell .landing-branch-card .landing-card-meta{margin-top:2px}.public-page-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;padding:0;box-sizing:border-box;overflow-x:hidden}.public-page-shell__content{width:100%;flex:1 1 auto;display:flex;flex-direction:column}.public-page-shell .landing-shell,.public-page-shell .portal-shell,.public-page-shell .verify-shell{width:100%;max-width:none;margin:0;box-sizing:border-box}.public-page-shell .landing-shell{min-height:100dvh;padding:0 clamp(16px,3vw,32px) clamp(16px,3vw,32px)}.public-page-shell .portal-shell{padding:clamp(16px,3vw,32px)}.public-page-shell .landing-shell .landing-hero,.public-page-shell .landing-shell .landing-section,.public-page-shell .landing-shell .landing-metric-row,.public-page-shell .portal-shell .verify-hero-row,.public-page-shell .portal-shell .verify-details-card{width:100%}@media(max-width:768px){.landing-shell .landing-metric-row,.landing-shell .landing-brand-metrics,.landing-shell .landing-hero-stats{grid-template-columns:1fr}}.shell-sidebar{padding:20px 14px 24px}.shell-sidebar .shell-sidebar-brand{margin-bottom:18px}.shell-sidebar .shell-sidebar-status{padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffff24,#ffffff14);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 28px #06162729;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.shell-sidebar .shell-status-badge{min-height:32px;padding:6px 14px;border-radius:12px;background:#ffffff24;border-color:#ffffff3d}.shell-sidebar .shell-sidebar-status p{color:#eef5ffe6;font-size:.9rem}.shell-sidebar .shell-nav{gap:20px}.shell-sidebar .shell-nav-group{gap:12px}.shell-sidebar .shell-nav-group-title{padding:0 10px;color:#e3edfbc2;font-size:.7rem;letter-spacing:.16em}.shell-sidebar .shell-nav-group-items{gap:10px}.shell-sidebar .shell-nav-item{position:relative;grid-template-columns:46px minmax(0,1fr);gap:12px;min-height:74px;padding:11px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:#f3f8ff;box-shadow:0 12px 24px #06162724;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.shell-sidebar .shell-nav-item:after{display:none}.shell-sidebar .shell-nav-item:hover{border-color:#ffffff1f;background:#ffffff17;box-shadow:0 10px 18px #0616271f;transform:translateY(-1px)}.shell-sidebar .shell-nav-item.is-active{border-color:#ffffff29;background:#ffffff1f;color:#f8fbff;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 18px #04182d24}.hero-kicker,.page-badge,.eyebrow{display:none}.page-hero,.landing-hero,.hero-card.page-hero,.hero-card.landing-hero{background:transparent;background-image:none;border:none;box-shadow:none;padding:0;min-height:auto}.hero-card.listings-hero-card,.listings-hero-card,.hero-card.listings-hero-card.page-hero,.hero-card.listings-hero-card.page-hero--listings{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;padding:0!important;min-height:auto!important}.content{padding:20px 24px}.page-transition-shell{gap:18px}.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card{padding:0;margin-bottom:4px}.dashboard-shell .summary-grid.dashboard-summary>div:before,.dashboard-shell .summary-grid.dashboard-summary>button:before,.staff-shell .summary-grid.dashboard-summary>div:before,.staff-shell .summary-grid.dashboard-summary>button:before,.staff-shell .summary-grid.staff-summary-grid>div:before,.staff-shell .summary-grid.staff-summary-grid>button:before{display:none}.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button{padding:14px 16px;border-radius:12px;box-shadow:0 6px 16px #1129440a}.permission-cloud{gap:10px;margin-top:14px}@media(max-width:768px){.content{padding:16px}}.shell-sidebar .shell-nav-item-icon{width:40px;height:40px;border-radius:12px;background:#ffffff14;color:currentColor}.shell-sidebar .shell-nav-item:hover .shell-nav-item-icon{background:#ffffff1f}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-icon{background:linear-gradient(180deg,#ffffffeb,#e8f0ffd6);color:#245db9;box-shadow:inset 0 1px #fffffff0,0 8px 18px #245db938}.shell-sidebar .shell-nav-item-copy strong{font-size:.94rem;font-weight:800}.shell-sidebar .shell-nav-item-copy small{margin-top:4px;color:#e4edf9d1;opacity:1;font-size:.76rem}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy small{color:#f1f7ffd1}.shell-sidebar .shell-nav-item-badge{background:#ffffff24;border-color:#fff3;color:#f3f8ff}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-badge{background:#ffffff29;border-color:#ffffff2e;color:#fff}.signup-shell,.onboarding-shell{width:100%;max-width:none;margin:0;gap:18px}.signup-intro-panel,.signup-step-panel,.signup-section-panel,.onboarding-header,.onboarding-footer{background:transparent;background-image:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.signup-intro-panel{padding:0;margin:0}.signup-intro-panel h3,.onboarding-header h3{margin:0 0 6px}.signup-step-panel{padding:0;margin:0}.signup-header,.signup-progress-wrap{margin-bottom:12px}.signup-step-breadcrumbs{padding:0;margin-top:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start}.signup-section-panel{padding:0;margin:0}.signup-form-grid{gap:18px 20px;padding:4px 0 0}.signup-field,.signup-field>div,.signup-field>label{gap:8px}.signup-actions{margin-top:8px}.onboarding-header{padding:0;gap:12px}.onboarding-workspace{gap:18px}.step-card{padding:0;background:transparent;border:none;box-shadow:none}.onboarding-footer{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;padding:10px 0 0;gap:16px;margin-top:2px}.onboarding-footer-left,.onboarding-footer-right{align-items:center}.onboarding-footer-center{min-width:0;gap:6px}.onboarding-footer-step{margin:0;text-align:center}.onboarding-progress{width:100%;margin-top:0}.onboarding-footer-button{min-width:132px;min-height:44px;padding:11px 18px;border-radius:12px;white-space:nowrap}.onboarding-footer-left .onboarding-footer-button{justify-content:flex-start}.onboarding-footer-right .onboarding-footer-button{justify-content:center}@media(max-width:768px){.onboarding-footer{grid-template-columns:1fr;gap:12px}.onboarding-footer-left,.onboarding-footer-right{width:100%;justify-content:stretch}.onboarding-footer-button{width:100%;justify-content:center}}.footer-bar{margin:0;width:100%;border-left:0;border-right:0;border-bottom:0;border-radius:0;box-shadow:none}.footer-inner{padding:18px 24px}.verify-details-card .verify-detail-grid{gap:14px}.verify-details-card .verify-detail-grid>div,.verify-details-card .verify-detail-note,.verify-details-card .verify-empty-state{padding:18px 20px;border:1px solid #d8e3ef;border-radius:14px;background:#ffffffc2;box-shadow:0 8px 20px #1129440d}.shell-sidebar .shell-nav-item.is-active{background:#ffffff2e;border-color:#ffffff42;box-shadow:inset 0 1px #ffffff14,0 12px 28px #08172d2e}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy strong{color:#fff}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy small{color:#f5faffe6}.glass-select-backdrop{z-index:5400}.glass-select-panel{z-index:5500;background:#fff;border:1px solid #d6e1ee;box-shadow:0 24px 48px #0f172a2e}.glass-select-option{background:#fff}.glass-select-option:hover,.glass-select-option.is-selected{background:#eef4ff;color:#1f4fa8}.listing-modal-card,.verification-modal-card,.payment-modal-card{scrollbar-color:#b7c6da transparent}.listing-modal-card::-webkit-scrollbar,.verification-modal-card::-webkit-scrollbar,.payment-modal-card::-webkit-scrollbar{width:10px}.listing-modal-card::-webkit-scrollbar-thumb,.verification-modal-card::-webkit-scrollbar-thumb,.payment-modal-card::-webkit-scrollbar-thumb{background:#c4d2e5;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.listing-modal-card::-webkit-scrollbar-thumb:hover,.verification-modal-card::-webkit-scrollbar-thumb:hover,.payment-modal-card::-webkit-scrollbar-thumb:hover{background:#aebfd8}.listing-modal-card .staff-listing-meta,.listing-modal-card .summary-grid{gap:14px}.listing-modal-card .staff-listing-meta>div,.listing-modal-card .staff-listing-meta>label,.listing-modal-card .summary-grid>div,.payment-modal-card .payment-modal-grid>div,.verification-modal-card .auth-fields{padding:16px 18px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fbff;box-shadow:0 8px 20px #1129440a}.listing-modal-card .staff-listing-meta>div,.listing-modal-card .staff-listing-meta>label,.listing-modal-card .summary-grid>div{border-bottom:0}.listing-modal-card .rich-content-preview,.payment-modal-card .payment-qr-panel,.payment-modal-card .payment-qr-placeholder{border-radius:16px;border:1px solid #dbe5f0;background:#f8fbff;box-shadow:0 8px 20px #1129440a}.listing-create-modal .listing-modal-body{gap:22px}.listing-create-modal .staff-listing-form{gap:18px 20px}.listing-create-modal .staff-listing-form label,.listing-create-modal .staff-listing-form .staff-listing-form-wide{gap:8px}.listing-create-modal .proficiency-picker-grid{padding:14px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fbff}.listing-create-modal .staff-proficiency-add-row{gap:12px;align-items:center}.listing-create-modal .permission-cloud{margin-top:10px}.listing-create-modal .text-soft{margin:0}.shell-sidebar .shell-nav-item.is-active{background:#ffffff42;border-color:#ffffff57;box-shadow:inset 0 1px #ffffff1f,0 14px 32px #08172d33}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-icon{background:#fff;color:#1f5bc2;box-shadow:0 10px 22px #1f5bc238}.small-button:hover,.secondary-button:hover,.shell-header-button:hover,.shell-header-chip:hover,.menu-btn:hover,.logout-btn:hover,.topbar-menu-item:hover,.listing-view-toggle-button:hover,.staff-view-button:hover,.footer-link:hover,.auth-oauth-btn:hover,.btn:hover:not(.btn--primary),button[type=button]:hover:not(.equal):not(.btn--primary):not(.warning-button):not(.danger-button){background:#f7fbff;background-image:none;border-color:#c3d5ea;color:#1f4f9f;-webkit-text-stroke:0;text-shadow:none;letter-spacing:0;transform:translateY(-1px);box-shadow:0 10px 24px #11294414}button[type=submit]:hover,.equal:hover,.btn--primary:hover,.login-primary-btn:hover,.landing-login-button:hover,.auth-status-actions .btn--primary:hover{background:#1f56ab;background-image:none;border-color:#1a4b95;color:#fff;-webkit-text-stroke:0;text-shadow:none;letter-spacing:0;transform:translateY(-1px);box-shadow:0 12px 26px #1251b53d}.warning-button:hover{background:#fff7e8;background-image:none;border-color:#d9770657;color:#a16207;-webkit-text-stroke:0;text-shadow:none}.danger-button:hover{background:#fff1f2;background-image:none;border-color:#dc262657;color:#b91c1c;-webkit-text-stroke:0;text-shadow:none}.menu-btn:hover .navbar-action-label,.logout-btn:hover .navbar-action-label,.topbar-menu-item:hover .menu-label,.topbar-menu-item:hover span:not(.icon-chip),.small-button:hover .btn-label,.secondary-button:hover .btn-label,.warning-button:hover .btn-label,.danger-button:hover .btn-label,.shell-header-button:hover .btn-label,.listing-view-toggle-button:hover .btn-label,.footer-link:hover .btn-label,button:hover>span:not([class*=icon]),button:hover>strong,button:hover>small{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;color:inherit;text-shadow:none}button:hover svg,button:hover i,button:hover .topbar-menu-icon,button:hover .shell-nav-item-icon,button:hover .navbar-action-icon{color:inherit;fill:currentColor;stroke:currentColor}button[type=submit]:hover:after,button.equal:hover:after,.menu-btn:hover:before,.logout-btn:hover:before,.topbar-menu-item:hover:before{opacity:0;animation:none}.shell-sidebar .shell-nav-item:hover{background:#ffffff1a;border-color:#83aeeb38;box-shadow:0 12px 28px #2b6fdd1f}.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy small{color:#f7fbff}.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy,.shell-sidebar .shell-nav-item:hover .shell-nav-item-row,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy>span,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy small,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-row,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy>span,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy small{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;text-shadow:none}.shell-sidebar .shell-nav-item:hover .shell-nav-item-icon{background:#ffffff24;box-shadow:0 8px 18px #2b6fdd24}.shell-sidebar .shell-nav-item.is-active,.shell-sidebar .shell-nav-item.is-active:hover{background:linear-gradient(180deg,#fbfdfffa,#f0f7fff5);border-color:#d5e3f4;color:#163e82;box-shadow:inset 0 1px #ffffffe6,0 16px 34px #2b6fdd29}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy,.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy strong{color:#163e82}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-copy small,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy small{color:#56719a}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-icon,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-icon{background:linear-gradient(135deg,#2f6fe0,#5b8ff5);color:#fff;box-shadow:0 12px 24px #2b6fdd3d}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-icon svg,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-icon svg{color:#fff;fill:currentColor;stroke:currentColor}.shell-sidebar .shell-nav-item.is-active .shell-nav-item-badge,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-badge{background:#e8f1ff;border-color:#c9daf4;color:#2055ac}.App.app-shell{grid-template-columns:304px minmax(0,1fr)}.shell-sidebar{scrollbar-width:thin;scrollbar-color:#2f6fe0 transparent}.shell-sidebar::-webkit-scrollbar{width:12px}.shell-sidebar::-webkit-scrollbar-track{background:transparent}.shell-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#1f5bc2);border:3px solid transparent;border-radius:999px;background-clip:padding-box}.shell-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f8ef8,#2f6fe0);background-clip:padding-box}.shell-sidebar::-webkit-scrollbar-button{display:none;width:0;height:0}.shell-sidebar::-webkit-scrollbar-corner{background:transparent}.shell-sidebar .shell-nav-item:hover{background:linear-gradient(180deg,#fbfdfff5,#eff6fff0);border-color:#c9daf4;color:#163e82;box-shadow:0 14px 30px #2b6fdd29}.certificates-empty-state{width:min(780px,100%);margin:0 auto;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.certificates-empty-state h3,.certificates-empty-state p{margin-left:auto;margin-right:auto}.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item:hover .shell-nav-item-copy small,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy strong,.shell-sidebar .shell-nav-item.is-active:hover .shell-nav-item-copy small{color:#163e82;-webkit-text-fill-color:currentColor;text-shadow:none}.shell-sidebar .shell-nav-item:hover .shell-nav-item-icon{background:linear-gradient(135deg,#dbe9ff,#eff5ff);color:#2055ac;box-shadow:0 10px 20px #2b6fdd24}.dashboard-hero-copy-text{color:#4e6481}.profile-shell.theme-light{background:linear-gradient(180deg,#f6f9ff,#eaf1fb);color:#13233d}.profile-shell.theme-light .profile-hero-card,.profile-shell.theme-light .card{background:#fffffff0;border-color:#d8e3ef;box-shadow:0 18px 34px #11294414}.profile-shell.theme-light .profile-hero-card h1,.profile-shell.theme-light .card h3,.profile-shell.theme-light .card strong,.profile-shell.theme-light .card p,.profile-shell.theme-light .card span,.profile-shell.theme-light .profile-hero-title{color:#13233d}.profile-shell.theme-light .text-soft,.profile-shell.theme-light .field-label{color:#5c6f88}.profile-shell.theme-light .profile-hero-avatar-wrap{background:#ffffffeb;border-color:#d4dfed}.profile-shell.theme-light .profile-hero-avatar-fallback{background:linear-gradient(135deg,#eef4ff,#dde9ff);color:#2055ac}.profile-shell.theme-light input:not([type=checkbox]):not([type=radio]):not([type=file]),.profile-shell.theme-light select,.profile-shell.theme-light textarea,.profile-shell.theme-light .glass-select-trigger{background:#fff;border-color:#d8e3ef;color:#13233d}.profile-shell.theme-light .summary-grid>div{background:transparent;border-color:transparent;box-shadow:none;color:#13233d}.profile-shell.theme-light .summary-grid>div strong{color:#62748f}.profile-shell.theme-light .summary-grid>div p{color:#13233d}.profile-shell.theme-light .profile-theme-button{background:#eef4ff;border-color:#d5e1f1;color:#2055ac}.profile-shell.theme-light .profile-theme-button.is-active{background:#2055ac;border-color:#2055ac;color:#fff}.profile-shell.theme-dark{background:linear-gradient(180deg,#18314f,#11243b);color:#f4f8ff}.profile-shell.theme-dark .profile-hero-card,.profile-shell.theme-dark .card{background:#0f1d30b8;border-color:#ffffff1f;box-shadow:0 20px 36px #04122142}.profile-shell.theme-dark .profile-hero-card h1,.profile-shell.theme-dark .card h3,.profile-shell.theme-dark .card strong,.profile-shell.theme-dark .card p,.profile-shell.theme-dark .card span,.profile-shell.theme-dark .profile-hero-title{color:#f4f8ff}.profile-shell.theme-dark .text-soft,.profile-shell.theme-dark .field-label{color:#dfeaf8d6}.profile-shell.theme-dark .profile-hero-avatar-wrap{background:#ffffff0f;border-color:#ffffff1f}.profile-shell.theme-dark input:not([type=checkbox]):not([type=radio]):not([type=file]),.profile-shell.theme-dark select,.profile-shell.theme-dark textarea,.profile-shell.theme-dark .glass-select-trigger{background:#ffffff14;border-color:#ffffff24;color:#f4f8ff}.profile-shell.theme-dark .summary-grid>div{background:transparent;border-color:transparent;box-shadow:none;color:#f4f8ff}.profile-shell.theme-dark .summary-grid>div strong{color:#dfeaf8d6}.profile-shell.theme-dark .summary-grid>div p{color:#f4f8ff}.profile-shell.theme-dark .profile-theme-button{background:#ffffff14;border-color:#ffffff24;color:#f4f8ff}.profile-shell.theme-dark .profile-theme-button.is-active{background:#fff;border-color:#fff;color:#2055ac}.profile-theme-toggle{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-theme-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:12px;border:1px solid #d5e1f1;font-weight:700;box-shadow:none}.onboarding-shell{width:100%;max-width:none;margin:0;gap:24px}.onboarding-header,.step-card,.onboarding-footer,.onboarding-message{width:100%;max-width:none}.onboarding-header{padding:28px 32px}.onboarding-workspace{gap:24px}.step-card{padding:28px 32px}.step-grid{gap:18px 20px}.onboarding-footer{grid-template-columns:minmax(140px,auto) minmax(0,1fr) minmax(140px,auto);gap:16px;padding:24px 32px;align-items:center}.onboarding-footer-left,.onboarding-footer-right{width:100%}.onboarding-footer-left{justify-content:flex-start}.onboarding-footer-right{justify-content:flex-end}.onboarding-footer-center{min-width:0;width:100%;gap:10px}.onboarding-footer-step{font-size:.86rem;color:#51647e}.onboarding-progress{height:8px;margin-top:0}.onboarding-footer-button{min-width:148px;min-height:50px;padding:13px 20px;border-radius:14px;box-shadow:none}.onboarding-footer-left .onboarding-footer-button{background:#fff;border-color:#cfddee;color:#1f3d63}.onboarding-footer-right .onboarding-footer-button{background:#1f5bc2;border-color:#1f5bc2;color:#fff}.onboarding-footer-right .onboarding-footer-button:disabled{background:#dce9ff;border-color:#a9c6f2;color:#1f4f9f;opacity:1}.onboarding-footer-left .onboarding-footer-button:disabled{background:#f6f9ff;border-color:#d9e4f1;color:#6b7f97;opacity:1}.onboarding-footer-button:hover:not(:disabled){box-shadow:0 10px 22px #2b6fdd24}.onboarding-footer-button:disabled{box-shadow:none;transform:none}.onboarding-footer-button svg,.onboarding-footer-button i{flex-shrink:0}.onboarding-footer-left .onboarding-footer-button,.onboarding-footer-right .onboarding-footer-button{justify-content:center}@media(max-width:900px){.onboarding-shell{gap:18px}.onboarding-header,.step-card,.onboarding-footer,.onboarding-message{padding-left:20px;padding-right:20px}.onboarding-footer{grid-template-columns:1fr;gap:12px}.onboarding-footer-left,.onboarding-footer-right{justify-content:stretch}.onboarding-footer-button{width:100%;min-width:0}.onboarding-footer-center{order:-1}}.dashboard-hero-actions .small-button,.dashboard-hero-actions .small-button.is-current{box-shadow:none}.small-button:hover,.secondary-button:hover,.shell-header-button:hover,.shell-header-chip:hover,.menu-btn:hover,.logout-btn:hover,.topbar-menu-item:hover,.listing-view-toggle-button:hover,.staff-view-button:hover,.footer-link:hover,.auth-oauth-btn:hover,.btn:hover:not(.btn--primary),button[type=button]:hover:not(.equal):not(.btn--primary):not(.warning-button):not(.danger-button),.summary-metric-button:hover,.dashboard-shell .summary-grid.dashboard-summary>div:hover,.dashboard-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.dashboard-summary>div:hover,.staff-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.staff-summary-grid>div:hover,.staff-shell .summary-grid.staff-summary-grid>button:hover,.staff-listing-card:hover,.landing-info-card:hover,.landing-branch-card:hover,.landing-metric-card:hover,.attendance-record-card:hover,.payment-record-card:hover{box-shadow:0 12px 28px #2b6fdd1f}.certificate-feedback-summary{gap:14px;padding:10px;border-radius:16px}.certificate-feedback-summary summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 18px;border:1px solid rgba(189,206,228,.96);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f3f8fff0);box-shadow:inset 0 1px #ffffffeb,0 6px 18px #0f172a0d;color:#0f548c;font-size:.98rem;font-weight:700;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.certificate-feedback-summary summary::-webkit-details-marker{display:none}.certificate-feedback-summary summary:after{content:"";flex:0 0 auto;width:10px;height:10px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transform-origin:center;transition:transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.certificate-feedback-summary summary:hover,.certificate-feedback-summary summary:focus-visible{border-color:#0f6cbd6b;background:linear-gradient(180deg,#fff,#ecf5fffa);box-shadow:inset 0 1px #fffffff5,0 10px 24px #0f6cbd1a;color:#0f6cbd;outline:none}.certificate-feedback-summary[open] summary{border-color:#0f6cbd75;background:linear-gradient(180deg,#f0f7fffa,#e9f3fff5);box-shadow:inset 0 1px #fffffff5,0 12px 28px #0f6cbd1c;color:#0f6cbd}.certificate-feedback-summary[open] summary:after{transform:rotate(225deg) translateY(-1px)}.certificate-feedback-summary[open] summary+*{margin-top:6px}.profile-shell{background:transparent;color:#13233d}.profile-shell .profile-hero-title{margin-left:0}.profile-shell .card,.profile-shell .hero-card,.profile-shell .profile-hero-card{background:transparent;background-image:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.profile-shell .card{padding:24px}.profile-shell .adaptive-card-grid.profile-form-grid{display:grid;grid-template-columns:minmax(0,1fr);column-width:auto;column-gap:0;gap:18px}.profile-shell .adaptive-card-grid.profile-form-grid>*{margin:0;break-inside:auto}.profile-shell .profile-hero-avatar-wrap{background:transparent;border-color:#c9d6e6;box-shadow:none}.profile-shell .profile-hero-avatar-fallback{background:#eef3f9;color:#6c7f95;border:1px solid #d4e0ee}.profile-shell .profile-hero-avatar-fallback svg{color:#6c7f95}.profile-shell .summary-grid>div{background:transparent;border-color:transparent;box-shadow:none}.profile-shell .card h3{margin-bottom:14px}.profile-shell .profile-proficiency-list{margin-top:14px;margin-bottom:14px}.profile-shell .summary-grid>div strong{color:#62748f}.profile-shell .summary-grid>div p{color:#13233d}.summary-grid>div,.dashboard-summary>div,.staff-listing-meta>div,.verify-detail-grid>div,.payment-modal-grid>div,.certificate-meta-row,.certificate-feedback-item{background:transparent;box-shadow:none}.signup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.signup-actions--single{grid-template-columns:minmax(0,1fr)}.signup-nav-button{min-height:48px;box-shadow:none;color:inherit}.signup-nav-button.btn--primary{color:#fff}.signup-nav-button.btn--soft{color:var(--text-900)}.certificates-empty-state,.certificates-empty-state h3,.certificates-empty-state p{text-align:center}@media(max-width:1100px){.App.app-shell{grid-template-columns:minmax(0,1fr)}.shell-main,.page-transition-shell,.page-shell,.landing-shell,.portal-shell,.auth-shell,.signup-shell,.onboarding-shell{min-width:0;width:100%}.page-shell,.landing-shell,.portal-shell,.auth-shell{padding-left:clamp(14px,3.5vw,22px);padding-right:clamp(14px,3.5vw,22px);box-sizing:border-box}.shell-sidebar{width:min(340px,88vw)}.auth-shell--expanded{place-items:start stretch}.auth-shell--expanded .signup-shell,.auth-shell--expanded .onboarding-shell{max-width:none;margin:0}.auth-shell--expanded .signup-form-grid,.auth-shell--expanded .step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.page-shell,.landing-shell,.portal-shell,.auth-shell{padding-left:12px;padding-right:12px}.card,.hero-card,.page-hero,.landing-hero{padding-left:16px;padding-right:16px}.profile-hero-head{flex-direction:column;align-items:center;text-align:center;gap:18px}.profile-hero-copy{width:100%;display:grid;justify-items:center;text-align:center}.profile-hero-title{width:100%;margin:0;text-align:center;font-size:clamp(2.4rem,16vw,4.25rem);line-height:.98;word-break:break-word}.profile-hero-avatar-wrap{width:min(180px,42vw);height:min(180px,42vw)}.profile-form-grid{--adaptive-card-min: 100% }.signup-shell,.onboarding-shell{gap:16px}.signup-intro-panel,.signup-step-panel,.signup-section-panel,.onboarding-header,.onboarding-footer,.onboarding-message,.step-card{padding-left:0;padding-right:0}.auth-shell--expanded .signup-form-grid,.auth-shell--expanded .step-grid,.form-grid.step-grid,.signup-form-grid{grid-template-columns:minmax(0,1fr)}.signup-step-breadcrumbs{overflow-x:auto;padding-bottom:4px}.signup-actions{grid-template-columns:1fr}.signup-nav-button,.onboarding-footer-button{width:100%}}.payments-shell .summary-grid.staff-listing-meta{gap:18px 22px}.payments-shell .summary-grid.staff-listing-meta>div,.payments-shell .staff-listing-meta>div{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.listings-shell .listings-hero-title{margin-top:12px;margin-left:12px}.listings-shell .application-status-card{align-items:center}.listings-shell .application-status-head{flex-direction:column;align-items:center;justify-content:center;text-align:center}.listings-shell .application-status-copy{min-height:100%;align-content:center;justify-items:center;text-align:center}.listings-shell .application-status-pill{align-self:center}.listings-shell .application-status-copy .text-soft{text-align:center;margin-inline:auto}.payments-shell .dashboard-hero-title,.page-shell--policy .dashboard-hero-title{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.02;white-space:normal}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid>.summary-metric-card{min-width:0;min-height:176px;padding:24px 20px 22px;overflow-wrap:normal;word-break:normal}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-value,.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-label{overflow-wrap:normal;word-break:normal}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-value{font-size:clamp(1.7rem,1.7vw,2.25rem);white-space:nowrap}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-value--compact,.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-label{white-space:normal}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-label{font-size:.88rem;line-height:1.22}.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid .summary-metric-value--compact{font-size:clamp(1.25rem,1.45vw,1.7rem);line-height:1.12;max-width:100%}@media(max-width:1100px){.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-shell .summary-grid.dashboard-summary,.staff-shell .summary-grid.dashboard-summary,.staff-shell .summary-grid.staff-summary-grid,.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button,.dashboard-shell .summary-grid.dashboard-summary.fee-summary-grid>.summary-metric-card{min-height:0;padding:12px 12px 10px}.summary-metric-card{min-height:124px;padding:14px 14px 12px}}.text-soft,.dashboard-hero-copy-text,.page-hero .text-soft,.hero-card .text-soft{color:#556b86}.landing-shell .landing-office-list{display:grid;gap:16px}.landing-shell .landing-office-card{border:1px solid rgba(201,218,244,.9);border-radius:16px;background:#ffffff9e;box-shadow:0 14px 30px #11294414;overflow:hidden}.landing-shell .landing-office-toggle{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:start;padding:16px 18px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;box-shadow:none}.landing-shell .landing-office-toggle:hover{background:#e9f2ff6b}.landing-shell .landing-office-toggle.is-open{background:#e9f2ff7a}.landing-shell .landing-office-copy{min-width:0;display:grid;gap:8px}.landing-shell .landing-office-copy h3{margin:0;color:var(--text-strong);font-size:clamp(1.15rem,2.1vw,1.45rem)}.landing-shell .landing-office-copy p{margin:0;color:var(--text-soft);line-height:1.6}.landing-shell .landing-office-status{display:grid;justify-items:end;align-content:center;gap:2px;min-width:72px}.landing-shell .landing-office-status strong{font-size:1.25rem;color:var(--text-strong)}.landing-shell .landing-office-status small{color:var(--text-soft);font-size:.82rem}.landing-shell .landing-office-chevron{align-self:center;color:var(--accent)}.landing-shell .landing-office-dropdown{border-top:1px solid rgba(201,218,244,.8);padding:16px 18px 18px}.landing-shell .landing-office-school-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.landing-shell .landing-office-school-card{display:grid;gap:8px;padding:14px 14px 12px;border:1px solid rgba(211,223,239,.9);border-radius:14px;background:#f8fbffc7}.landing-shell .landing-office-school-card h4{margin:0;color:var(--text-strong);font-size:1.05rem}.landing-shell .landing-office-school-card p{margin:0;color:var(--text-soft);line-height:1.55}.landing-shell .landing-office-empty{padding:4px 0 2px}@media(max-width:768px){.landing-shell .landing-office-toggle{grid-template-columns:auto minmax(0,1fr) auto}.landing-shell .landing-office-status{justify-items:start;align-content:start}.landing-shell .landing-office-chevron{grid-column:3;grid-row:1}.landing-shell .landing-office-status{grid-column:2;grid-row:2}}.toggle-pill{min-height:44px;justify-content:center}.toggle-pill.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.toggle-pill.is-disabled:hover{transform:none;box-shadow:none}.listing-modal-card.student-certificate-modal,.listing-modal-card.completed-internship-modal,.listing-modal-card.attendance-record-modal{width:min(1080px,100%)}.student-certificate-modal-grid,.completed-internship-grid{display:grid;gap:18px}.certificate-overview-grid{align-items:stretch}.certificate-overview-card{width:100%;display:grid;gap:16px;text-align:left;cursor:pointer;padding:24px;background:radial-gradient(circle at 10% 0%,rgba(45,135,245,.12),transparent 38%),linear-gradient(180deg,#ffffffeb,#f5f9ffd1);border:1px solid rgba(203,214,231,.96);border-radius:24px;box-shadow:0 16px 38px #1129441a,0 3px 10px #1129440d;transition:border-color .2s ease,box-shadow .2s ease}.completed-internship-card{position:relative;overflow:hidden;border:1px solid rgba(203,214,231,.96);border-radius:24px;background:radial-gradient(circle at 10% 0%,rgba(45,135,245,.38),transparent 38%),linear-gradient(180deg,#ffffffeb,#f5f9ffd1);box-shadow:0 16px 38px #1129441a,0 3px 10px #1129440d}.completed-internship-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563ebdb,#60a5faa8);pointer-events:none}.completed-internship-card:hover{border-color:#8b5cf63d;box-shadow:0 20px 48px #11294424,0 4px 14px #6d28d914}.certificate-overview-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.certificate-overview-gridline{margin:0}.certificate-overview-actions{margin-top:2px;justify-content:flex-start}.certificate-overview-actions .small-button{pointer-events:none}@media(max-width:1100px){.listing-card-summary,.certificate-overview-gridline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.listing-card-summary,.certificate-overview-gridline{grid-template-columns:1fr}}.completed-internships-section,.completed-internships-actions{gap:12px}.attendance-day-indicators{display:flex;gap:4px;flex-wrap:wrap}.attendance-day-indicator{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 2px #ffffff47}.attendance-day-indicator.is-approved{background:#ecfdf3}.attendance-day-indicator.is-pending{background:#fff7d6}.attendance-day-indicator.is-unseen{background:#bfdbfe}.attendance-day-indicator.is-midway{background:#dbeafe}.attendance-day-indicator.is-complete{background:#dcfce7}.attendance-day-indicator.is-missing{background:#fee2e2}.attendance-day-indicator.is-rejected{background:#ffe2e2}.attendance-day-indicator.is-late{background:#bfdbfe}.attendance-day-indicator.is-extension{background:#ddd6fe}.attendance-month-summary--compact{margin-top:0;margin-bottom:0}.attendance-empty-state{margin-top:16px}.attendance-single-column,.attendance-request-grid,.attendance-approval-grid{display:grid;gap:20px}.attendance-request-grid,.attendance-approval-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.attendance-approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-request-form{display:grid;gap:14px}.attendance-request-list{display:grid;gap:10px}.attendance-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid #d7e3f0;background:#f8fbff;color:var(--text-strong);text-align:left}.attendance-request-card:hover,.attendance-request-card.is-selected{border-color:#adc4e3;box-shadow:0 10px 22px #11294414}.attendance-request-card-copy{display:grid;gap:4px}.attendance-request-card-copy strong{font-family:Barlow,sans-serif}.attendance-request-card-copy p,.attendance-request-card-meta{color:var(--text-soft);font-size:.85rem}.attendance-request-card-meta{display:grid;justify-items:end;gap:4px;text-align:right}.attendance-request-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#94a3b829;color:var(--text-soft);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.attendance-request-pill.is-pending{background:#facc1529;color:#8a5b00}.attendance-request-pill.is-approved{background:#22c55e29;color:#166534}.attendance-request-pill.is-rejected{background:#ef444429;color:#991b1b}.attendance-request-pill.is-unseen{background:#2563eb24;color:#1d4ed8}.attendance-mobile-note{margin-top:-4px}.attendance-student-summary{margin-top:14px}.attendance-roster-grid,.attendance-student-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.attendance-student-history-list{display:grid;gap:12px}.attendance-student-history-list .attendance-student-internship-card{width:100%}.attendance-student-history-list .attendance-student-internship-card__header{grid-template-columns:minmax(0,1fr) auto}.attendance-student-history-list .attendance-detail-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.attendance-day-student-card,.attendance-student-internship-card{display:grid;gap:12px;padding:16px;border-radius:16px;border:1px solid rgba(191,204,220,.92);background:#ffffffd1;color:var(--text-strong);text-align:left;box-shadow:0 10px 24px #1129440f}.attendance-day-student-card.is-attention{border-color:#1d4ed847;box-shadow:0 14px 28px #2563eb1f}.attendance-day-student-card__copy,.attendance-day-student-card__meta,.attendance-student-internship-card__header{display:grid;gap:4px}.attendance-day-student-card__copy strong,.attendance-student-internship-card__header h4{font-family:Barlow,sans-serif}.attendance-day-student-card__copy p,.attendance-day-student-card__meta small,.attendance-student-internship-card__header p{color:var(--text-soft)}.attendance-student-internship-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.attendance-student-history{display:grid;gap:16px}.attendance-detail-grid--compact{gap:12px}.attendance-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;width:fit-content;padding:4px 10px;border-radius:999px;background:#94a3b829;color:var(--text-soft);font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.attendance-status-chip.is-complete,.attendance-status-chip.is-approved,.attendance-status-chip.is-current{background:#22c55e24;color:#166534}.attendance-status-chip.is-midway,.attendance-status-chip.is-pending_approval,.attendance-status-chip.is-request_pending{background:#facc152e;color:#8a5b00}.attendance-status-chip.is-missing,.attendance-status-chip.is-rejected,.attendance-status-chip.is-past{background:#ef444424;color:#991b1b}.attendance-status-chip.is-request_unseen,.attendance-status-chip.is-late_join_gap,.attendance-status-chip.is-extension{background:#2563eb24;color:#1d4ed8}.attendance-panel--mark,.attendance-panel--request-form,.attendance-panel--request-list,.attendance-panel--students,.attendance-panel--approvals,.attendance-panel--requests{min-width:0}@media(max-width:900px){.attendance-request-grid,.attendance-approval-grid{grid-template-columns:1fr}}@media(max-width:768px){.attendance-tabs{gap:8px}.attendance-tab{flex:0 0 auto;justify-content:center;text-align:center;min-width:max-content}.attendance-request-card{grid-template-columns:1fr}.attendance-request-card-meta{justify-items:start;text-align:left}}.attendance-record-list--tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.attendance-record-table{display:grid;gap:8px}.attendance-record-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr);gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid #d7e3f0;background:#f8fbff;color:var(--text-strong);text-align:left}.attendance-record-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-record-row--head{background:transparent;border-style:dashed;color:var(--text-soft);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.attendance-record-row.is-selected,.attendance-record-row:hover{border-color:#adc4e3;box-shadow:0 10px 22px #11294414}.attendance-record-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.attendance-record-modal .listing-modal-body,.student-certificate-modal .listing-modal-body,.completed-internship-modal .listing-modal-body{gap:18px}@media(max-width:900px){.attendance-record-row{grid-template-columns:1fr}.attendance-record-row--head{display:none}.attendance-record-session-grid{grid-template-columns:1fr}}.listings-shell .card:not(.listing-modal-card),.dashboard-shell .card:not(.listing-modal-card):not(.payment-modal-card),.staff-shell .card:not(.listing-modal-card),.payments-shell .card:not(.listing-modal-card):not(.payment-modal-card),.certificates-shell .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card):not(.verification-modal-card),.attendance-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){background:linear-gradient(180deg,#ffffffe6,#f6faffd6);border:1px solid rgba(198,211,229,.94);box-shadow:0 16px 34px #11294414;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.listings-shell .listing-card--feature,.staff-shell .staff-listing-card,.staff-shell .staff-application-card,.staff-shell .staff-response-card,.staff-shell .staff-document-card,.staff-shell .staff-score-card,.staff-shell .staff-score-history-item,.staff-shell .staff-review-history,.staff-shell .compact-list-shell,.payments-shell .finance-student-card{background:linear-gradient(180deg,#fffffff0,#f6faffe0);border:1px solid rgba(198,211,229,.94);box-shadow:0 16px 34px #11294414;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.listings-shell .application-status-card,.listings-shell .listing-browser-card,.dashboard-shell .onboarding-steps-card,.dashboard-shell .completed-internships-section,.dashboard-shell .student-deliverables-card,.staff-shell .staff-message-card,.staff-shell .application-flow-card,.staff-shell .staff-listing-manager,.certificates-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){padding:24px}.listings-shell .cards-grid--wide,.staff-shell .staff-listing-grid,.staff-shell .staff-application-grid,.payments-shell .finance-student-dashboard-grid,.dashboard-shell .completed-internship-grid,.certificates-shell .certificates-grid{gap:20px}@media(max-width:768px){.listings-shell .application-status-card,.listings-shell .listing-browser-card,.dashboard-shell .onboarding-steps-card,.dashboard-shell .completed-internships-section,.dashboard-shell .student-deliverables-card,.staff-shell .staff-message-card,.staff-shell .application-flow-card,.staff-shell .staff-listing-manager,.certificates-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){padding:18px}#staff-internships{gap:14px}#staff-internships .staff-explorer-head{gap:12px}#staff-internships .attendance-panel-header{grid-template-columns:1fr;align-items:flex-start;gap:10px}#staff-internships .staff-result-count{width:100%;justify-content:center}#staff-internships .staff-explorer-toolbar,#staff-internships .staff-explorer-toolbar.has-action{grid-template-columns:1fr;gap:10px;align-items:stretch}#staff-internships .staff-toolbar-search,#staff-internships .staff-toolbar-filter,#staff-internships .staff-view-toggle,#staff-internships .staff-toolbar-action{grid-column:1 / -1;min-width:0;padding-top:0}#staff-internships .staff-toolbar-search input{width:100%;min-height:46px}#staff-internships .staff-view-toggle,#staff-internships .staff-toolbar-action{justify-content:stretch}#staff-internships .staff-toolbar-action{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch}#staff-internships .staff-toolbar-action>label{display:grid;gap:6px}#staff-internships .staff-toolbar-action>label>span{white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:0;writing-mode:horizontal-tb;text-orientation:mixed}#staff-internships .staff-view-button,#staff-internships .staff-toolbar-action .small-button{width:100%;min-width:0;justify-content:center}#staff-internships .staff-view-button,#staff-internships .staff-toolbar-action .small-button{gap:8px;font-size:.92rem;white-space:nowrap}#staff-internships .staff-explorer-filter-row{margin-top:8px}#staff-internships .staff-scope-tabs{margin:0;gap:8px;padding-bottom:2px}#staff-internships .finance-tab{flex:0 0 auto;width:max-content;min-width:max-content;padding-inline:14px}#staff-internships .staff-listing-grid{grid-template-columns:1fr;gap:14px}#staff-internships .staff-listing-card{padding:18px}#staff-internships .staff-listing-card-header{flex-direction:column;gap:10px}#staff-internships .summary-grid.staff-listing-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#staff-internships .summary-grid.staff-listing-meta>div{padding:12px}}@media(max-width:520px){#staff-internships .staff-explorer-head h3{font-size:clamp(1.55rem,8vw,2rem);line-height:1.1}#staff-internships .staff-explorer-head p.text-soft{line-height:1.5}#staff-internships .staff-result-count{min-height:40px;padding-inline:12px}#staff-internships .summary-grid.staff-listing-meta{grid-template-columns:1fr}#staff-internships .staff-listing-card{padding:16px}#staff-internships .finance-tab{padding-inline:12px}}:root{--surface: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(245, 249, 255, .84) 100%);--surface-hover: linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(241, 247, 255, .9) 100%);--surface-border: rgba(191, 211, 236, .88);--surface-blur: blur(22px);--bg-body: #edf4ff;--bg-mid: #f6f9ff;--bg-base: #fbfdff;--grad-blue: linear-gradient(135deg, #0f6cbd 0%, #2563eb 100%);--grad-cool: linear-gradient(135deg, #0f6cbd 0%, #2563eb 58%, #60a5fa 100%);--grad-vivid: linear-gradient(135deg, #0f6cbd 0%, #2563eb 48%, #60a5fa 100%);--shadow-blue: 0 12px 30px rgba(15, 108, 189, .24), 0 3px 10px rgba(37, 99, 235, .12);--shadow-card: 0 12px 28px rgba(15, 76, 129, .08), 0 2px 8px rgba(37, 99, 235, .05);--shadow-card-hover: 0 18px 42px rgba(15, 108, 189, .15), 0 6px 14px rgba(37, 99, 235, .08)}body{background-color:#edf4ff;background-image:radial-gradient(circle at 0% 0%,rgba(125,211,252,.22) 0%,transparent 28%),radial-gradient(circle at 100% 0%,rgba(96,165,250,.18) 0%,transparent 26%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.14) 0%,transparent 30%),linear-gradient(180deg,#fafcfffa,#edf4ff 48%,#e6f0ff)}.app-background{background:radial-gradient(circle at 12% 16%,rgba(125,211,252,.16),transparent 26%),radial-gradient(circle at 84% 10%,rgba(96,165,250,.14),transparent 24%),linear-gradient(180deg,#f8fbfff5,#ecf4ffdb 45%,#e4efffc2)}h1,h2,h3,h4{background:var(--grad-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-icon{position:relative;display:inline-grid;place-items:center;vertical-align:middle;color:currentColor}.app-icon__glyph{grid-area:1 / 1;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.app-icon__glyph.is-spinning{animation:spin .7s linear infinite}.app-icon--auto .app-icon__glyph--filled,.app-icon--regular .app-icon__glyph--filled,.app-icon--filled .app-icon__glyph--regular{opacity:0;transform:scale(.9)}.app-icon--auto .app-icon__glyph--regular,.app-icon--regular .app-icon__glyph--regular,.app-icon--filled .app-icon__glyph--filled{opacity:1;transform:scale(1)}:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn):is(:hover,:focus-visible) .app-icon--auto .app-icon__glyph--regular,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-selected .app-icon--auto .app-icon__glyph--regular,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-active .app-icon--auto .app-icon__glyph--regular{opacity:0;transform:scale(.86)}:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn):is(:hover,:focus-visible) .app-icon--auto .app-icon__glyph--filled,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-selected .app-icon--auto .app-icon__glyph--filled,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-active .app-icon--auto .app-icon__glyph--filled{opacity:1;transform:scale(1)}:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn):is(:hover,:focus-visible) .app-icon__glyph,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-selected .app-icon__glyph,:is(button,a,[role=button],.topbar-menu-item,.menu-btn,.logout-btn).is-active .app-icon__glyph{filter:drop-shadow(0 5px 12px rgba(15,108,189,.18))}.card,.ui-card,.summary-metric-card,.staff-module-card,.attendance-record-card,.attendance-record-row,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.listings-shell .listing-card:not(.is-list),.listings-shell .listing-card--feature,.staff-shell .staff-listing-card:not(.is-list),.staff-shell .staff-application-card:not(.is-list),.staff-shell .staff-response-card,.staff-shell .staff-document-card,.staff-shell .staff-score-card,.payments-shell .finance-student-card,.certificates-shell .certificate-card{position:relative;border-color:#bfd3eceb;background:linear-gradient(180deg,#fffffff2,#f4f8ffe0);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card:before,.ui-card:before,.summary-metric-card:before,.staff-module-card:before,.attendance-record-card:before,.attendance-record-row:before,.landing-metric-card:before,.landing-office-card:before,.landing-office-school-card:before,.landing-info-card:before,.landing-branch-card:before,.listings-shell .listing-card:not(.is-list):before,.listings-shell .listing-card--feature:before,.staff-shell .staff-listing-card:not(.is-list):before,.staff-shell .staff-application-card:not(.is-list):before,.staff-shell .staff-response-card:before,.staff-shell .staff-document-card:before,.staff-shell .staff-score-card:before,.payments-shell .finance-student-card:before,.certificates-shell .certificate-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top right,rgba(96,165,250,.18),transparent 26%),linear-gradient(180deg,#ffffff1f,#3b82f608);opacity:.9}.card:not(.listing-modal-card):not(.verification-modal-card):not(.payment-modal-card):not(.auth-card):hover,.ui-card:hover,.summary-metric-card:hover,.staff-module-card:hover,.attendance-record-card:hover,.attendance-record-row:hover,.landing-metric-card:hover,.landing-office-card:hover,.landing-office-school-card:hover,.landing-info-card:hover,.landing-branch-card:hover,.listings-shell .listing-card:not(.is-list):hover,.listings-shell .listing-card--feature:hover,.staff-shell .staff-listing-card:not(.is-list):hover,.staff-shell .staff-application-card:not(.is-list):hover,.staff-shell .staff-response-card:hover,.staff-shell .staff-document-card:hover,.staff-shell .staff-score-card:hover,.payments-shell .finance-student-card:hover,.certificates-shell .certificate-card:hover{transform:translateY(-3px) scale(1.01);border-color:#60a5fab8;box-shadow:var(--shadow-card-hover)}.card:not(.listing-modal-card):not(.verification-modal-card):not(.payment-modal-card):not(.auth-card):hover,.hero-card:hover,.ui-card:hover,.summary-metric-card:hover,.staff-module-card:hover,.attendance-record-card:hover,.attendance-record-row:hover,.landing-metric-card:hover,.landing-office-card:hover,.landing-office-school-card:hover,.landing-info-card:hover,.landing-branch-card:hover,.listings-shell .listing-card:not(.is-list):hover,.listings-shell .listing-card--feature:hover,.staff-shell .staff-listing-card:not(.is-list):hover,.staff-shell .staff-application-card:not(.is-list):hover,.staff-shell .staff-response-card:hover,.staff-shell .staff-document-card:hover,.staff-shell .staff-score-card:hover,.payments-shell .finance-student-card:hover,.certificates-shell .certificate-card:hover,.dashboard-shell .summary-grid.dashboard-summary>div:hover,.dashboard-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.dashboard-summary>div:hover,.staff-shell .summary-grid.dashboard-summary>button:hover,.staff-shell .summary-grid.staff-summary-grid>div:hover,.staff-shell .summary-grid.staff-summary-grid>button:hover,.finance-summary-grid>.finance-summary-card:hover,.staff-listing-card:hover,.listing-card:hover{transform:none;animation:none}.topbar,.topbar-menu,.glass-select-panel,.listing-modal-card,.verification-modal-card,.payment-modal-card{box-shadow:0 18px 42px #0f4c811f,0 4px 14px #2563eb14}.btn-primary,button[type=submit],button.equal{background:linear-gradient(135deg,#0f6cbd,#2563eb 62%,#60a5fa);box-shadow:0 12px 28px #0f6cbd42,0 3px 10px #2563eb1f}button[type=submit]:hover,button.equal:hover{background:linear-gradient(135deg,#0b5cab,#1d4ed8 62%,#60a5fa);box-shadow:0 18px 34px #0f6cbd4d,0 4px 12px #2563eb24;font-weight:700;-webkit-text-stroke:0;letter-spacing:0}.small-button,.secondary-button,.inline-icon-button,.glass-select-trigger{background:linear-gradient(180deg,#ffffffeb,#f3f8ffdb);border-color:#bfd3eceb;box-shadow:0 6px 16px #0f4c810f,0 1px 4px #2563eb0a}.small-button:hover,.secondary-button:hover,.inline-icon-button:hover,.glass-select-trigger:hover{background:linear-gradient(180deg,#fffffffa,#eff6fff0);border-color:#60a5fab8;box-shadow:0 12px 24px #0f6cbd1f,0 3px 10px #2563eb14}.permission-pill,.status-badge,.eyebrow{background:linear-gradient(135deg,#0f6cbd1a,#60a5fa24);border-color:#60a5fa47}.listings-shell .cards-grid--wide,.staff-shell .staff-listing-grid,.staff-shell .staff-application-grid,.payments-shell .finance-student-dashboard-grid,.dashboard-shell .completed-internship-grid,.certificates-shell .certificates-grid{gap:22px}.landing-shell{width:min(1440px,100%);gap:20px}.landing-shell .landing-hero{min-height:auto;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;padding:clamp(24px,3.5vw,38px)}.landing-shell .landing-hero-copy{gap:14px}.landing-shell .landing-hero-copy h1{max-width:13ch;font-size:clamp(2.9rem,4.8vw,4.9rem)}.landing-shell .landing-cta-row{margin-top:2px}.landing-shell .landing-login-button{min-width:148px}.landing-shell .landing-brand-panel{gap:14px;padding:22px}.landing-shell .landing-metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.landing-shell .landing-metric-card{min-height:138px;padding:20px}.landing-shell .landing-metric-card--schools{background:linear-gradient(180deg,#e3f2ffeb,#f4faffd1)}.landing-shell .landing-metric-card--offices{background:linear-gradient(180deg,#ecf5ffeb,#f2fff8d1)}.landing-shell .landing-office-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.landing-shell .landing-office-card{display:grid;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffffe6,#f5faffd1)}.landing-shell .landing-office-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.landing-shell .landing-office-rank{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.05em;color:#16365d}.landing-shell .landing-office-rank--1{background:linear-gradient(135deg,#60a5fa38,#3b82f61f)}.landing-shell .landing-office-rank--2{background:linear-gradient(135deg,#10b9812e,#2dd4bf1f)}.landing-shell .landing-office-rank--3{background:linear-gradient(135deg,#fbbf2433,#f59e0b1f)}.landing-shell .landing-office-rank--4{background:linear-gradient(135deg,#a855f72e,#818cf81f)}.landing-shell .landing-office-status{min-width:74px;padding:8px 10px;border-radius:14px;background:#165db914;color:#245db9}.landing-shell .landing-office-status strong{font-size:1.15rem}.landing-shell .landing-office-status small{color:#557393}.landing-shell .landing-office-copy{display:grid;gap:4px}.landing-shell .landing-office-copy h3{margin:0;font-size:1.1rem}.landing-shell .landing-office-copy p{margin:0;font-size:.9rem;line-height:1.5}.landing-shell .landing-office-card>.landing-card-meta{gap:8px}.landing-shell .landing-office-school-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.landing-shell .landing-office-school-card{gap:6px;min-height:0;padding:12px;border-radius:16px;background:linear-gradient(180deg,#ffffffd6,#eff7ffbd)}@media(min-width:1280px){.landing-shell .landing-office-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.landing-shell .landing-hero{grid-template-columns:1fr}}@media(max-width:768px){.landing-shell .landing-metric-row,.landing-shell .landing-brand-metrics,.landing-shell .landing-office-list,.landing-shell .landing-office-school-list{grid-template-columns:1fr}}.landing-shell{width:min(1360px,100%);gap:18px}.landing-shell .landing-hero{min-height:auto;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;align-items:stretch;padding:clamp(22px,3.2vw,36px)}.landing-shell .landing-hero-copy{gap:12px}.landing-shell .landing-hero-copy h1{max-width:12ch;font-size:clamp(2.4rem,4.3vw,4.5rem)}.landing-shell .landing-hero-copy p{max-width:560px;font-size:.98rem;line-height:1.6}.landing-shell .landing-cta-row{gap:10px;flex-wrap:wrap}.landing-shell .landing-login-button,.landing-shell .landing-verify-button{min-width:156px}.landing-shell .landing-verify-button{background:linear-gradient(180deg,#ffffffeb,#f0f7ffdb);color:#16365d;border:1px solid rgba(96,165,250,.42);box-shadow:0 8px 20px #11294412}.landing-shell .landing-verify-button:hover{border-color:#3b82f6a3;box-shadow:0 14px 28px #1129441a}.landing-shell .landing-feature-strip{gap:8px}.landing-shell .landing-feature-strip span{min-height:36px;padding:0 12px;background:linear-gradient(135deg,#3b82f624,#22c55e1f)}.landing-shell .landing-brand-panel{gap:14px;padding:20px}.landing-shell .landing-brand-copy span{font-size:.9rem;line-height:1.55}.landing-shell .landing-brand-metrics{gap:10px}.landing-shell .landing-brand-metrics div{padding:12px}.landing-shell .landing-metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-shell .landing-metric-card{min-height:132px;padding:18px}.landing-shell .landing-metric-card--verify{background:linear-gradient(180deg,#f1f5ffeb,#f8faffd1)}.landing-shell .landing-office-picker{display:grid;gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(198,211,229,.94);background:linear-gradient(180deg,#ffffffeb,#f6faffdb);box-shadow:0 16px 34px #11294414;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-shell .landing-office-select-label{display:grid;gap:8px;color:#16365d;font-weight:700}.landing-shell .landing-office-select-label span{font-size:.86rem;letter-spacing:.03em;text-transform:uppercase}.landing-shell .landing-office-select{min-height:46px;padding:10px 14px;border-radius:16px;border:1px solid rgba(191,211,236,.95);background:#ffffffe0;color:#123258;box-shadow:inset 0 1px 2px #1129440a}.landing-shell .landing-office-card--selected{display:grid;gap:12px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fafcfff5,#f2f7ffe6)}.landing-shell .landing-office-school-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.landing-shell .landing-office-school-card{gap:6px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#ffffffe0,#eff7ffc2)}.landing-shell .landing-office-school-card .permission-pill{width:fit-content;min-height:24px;padding:4px 8px;font-size:.72rem}.landing-shell .landing-office-school-card h4{margin:0;font-size:.96rem;color:#123258}.landing-shell .landing-office-school-card p{margin:0;font-size:.82rem;line-height:1.45}.landing-shell .landing-info-card,.landing-shell .landing-branch-card{gap:10px;padding:18px}.landing-shell .landing-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-shell .landing-office-card,.landing-shell .landing-info-card,.landing-shell .landing-branch-card,.landing-shell .landing-metric-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.landing-shell .landing-office-card:hover,.landing-shell .landing-info-card:hover,.landing-shell .landing-branch-card:hover,.landing-shell .landing-metric-card:hover{transform:none}:is(.card,.ui-card,.summary-metric-card,.staff-module-card,.attendance-record-card,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.staff-response-card,.staff-document-card,.staff-score-card,.finance-student-card,.certificate-card,.completed-internship-card,.finance-summary-card,.staff-listing-card,.listing-card):hover{transform:none}:is(button.equal,.small-button,.secondary-button,.warning-button,.danger-button,.shell-header-button,.listing-view-toggle-button,.staff-view-button,.summary-metric-button):hover{transform:none}@media(min-width:1280px){.landing-shell .landing-office-picker{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start}.landing-shell .landing-office-select-label{align-content:start}}@media(max-width:1100px){.landing-shell .landing-hero{grid-template-columns:1fr}.landing-shell .landing-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.landing-shell .landing-metric-row,.landing-shell .landing-brand-metrics,.landing-shell .landing-office-picker,.landing-shell .landing-office-school-list{grid-template-columns:1fr}.landing-shell .landing-login-button,.landing-shell .landing-verify-button{width:100%}}.signup-step-panel,.signup-section-panel,.step-card{padding:24px;width:100%;margin:0;box-sizing:border-box}.auth-shell.auth-shell--expanded,.auth-shell.auth-shell--expanded .signup-shell{width:100%;max-width:none;margin:0}.auth-shell.auth-shell--expanded .signup-step-panel,.auth-shell.auth-shell--expanded .signup-section-panel{width:100%;max-width:none}.signup-shell{display:flex;flex-direction:column;gap:24px;width:100%;max-width:none}.signup-step-panel,.signup-section-panel{padding:28px 32px;border-radius:20px;width:100%;margin:0}.signup-footer-actions{display:flex;justify-content:flex-end;gap:12px}.signup-nav-button{min-width:160px;height:48px;flex:0 0 auto}:where(.card,.ui-card,.summary-metric-card,.staff-module-card,.attendance-record-card,.attendance-record-row,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.listing-card,.staff-listing-card,.staff-application-card,.staff-response-card,.staff-document-card,.staff-score-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card,.permission-pill,.toggle-pill,.shell-sidebar .shell-nav-item,.listing-view-toggle-button,.staff-view-button,.small-button,.secondary-button,.inline-icon-button,.glass-select-trigger,.menu-btn,.logout-btn,button[type=submit],button.equal):hover{transform:none!important}:where(.card,.ui-card,.summary-metric-card,.staff-module-card,.attendance-record-card,.attendance-record-row,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.listing-card,.staff-listing-card,.staff-application-card,.staff-response-card,.staff-document-card,.staff-score-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card){transition:none!important;animation:none!important}:where(.card,.ui-card,.summary-metric-card,.staff-module-card,.attendance-record-card,.attendance-record-row,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.listing-card,.staff-listing-card,.staff-application-card,.staff-response-card,.staff-document-card,.staff-score-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card):hover{transition:none!important;animation:none!important}.listing-card:before,.listing-card:hover:before,.listing-card.is-list:hover:before{opacity:0!important;transition:none!important}.finance-summary-grid>.finance-summary-card:hover,.finance-payment-summary-card:hover,.finance-history-payment-button:hover,.finance-student-card:hover,.staff-listing-card:hover,.staff-application-card:hover,.staff-response-card:hover,.staff-document-card:hover,.staff-score-card:hover,.payment-record-card:hover,.completed-internship-card:hover,.certificate-card:hover{animation:none!important}:where(.kila-card--content,.staff-response-card,.staff-document-card,.staff-score-card,.landing-info-card,.landing-office-card,.landing-office-school-card,.attendance-record-card,.attendance-record-row){background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:none!important;animation:none!important}:where(.kila-card--tile,.summary-metric-card,.listing-card:not(.is-list),.listing-card--feature,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.landing-branch-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card){position:relative;overflow:hidden;border:1px solid rgba(164,202,255,.82)!important;background:linear-gradient(135deg,#fffffff5,#f5f9ffeb),linear-gradient(135deg,#2563eb14,#f0a50012)!important;box-shadow:0 14px 30px #0f4c811f!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important}:where(.kila-card--tile,.summary-metric-card,.listing-card:not(.is-list),.listing-card--feature,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.landing-branch-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top right,rgba(96,165,250,.18),transparent 28%),radial-gradient(circle at bottom left,rgba(240,165,0,.12),transparent 24%);opacity:.9}:where(.kila-card--tile,.summary-metric-card,.listing-card:not(.is-list),.listing-card--feature,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.landing-branch-card,.finance-summary-card,.finance-payment-summary-card,.finance-history-payment-button,.finance-student-card,.payment-record-card,.completed-internship-card,.certificate-card):hover{transform:translateY(-2px) scale(1.01)!important;border-color:#60a5fab8!important;box-shadow:0 18px 34px #0f4c8129!important;filter:saturate(1.02);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important}:where(.kila-card--content,.staff-response-card,.staff-document-card,.staff-score-card,.landing-info-card,.landing-office-card,.landing-office-school-card,.attendance-record-card,.attendance-record-row):hover{transform:none!important;box-shadow:none!important;border-color:transparent!important;animation:none!important}.staff-scope-tabs{margin:14px 0 18px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.staff-scope-tabs::-webkit-scrollbar{display:none}.staff-explorer-filter-row{margin-top:14px}.staff-unsaved-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.staff-explorer-toolbar,.staff-explorer-toolbar.has-action,.listing-browser-toolbar{grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}.staff-toolbar-search,.staff-toolbar-filter,.staff-view-toggle,.staff-toolbar-action,.listing-search-field{width:100%;min-width:0}.staff-view-toggle,.listing-view-toggle,.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:stretch}.staff-view-button,.listing-view-toggle-button,.staff-toolbar-action .small-button,.listing-browser-toolbar .small-button{flex:1 1 0;min-width:0!important;width:auto!important}.finance-tabs,.attendance-tabs,.staff-scope-tabs,#staff-internships .staff-scope-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding-bottom:4px}.finance-tabs::-webkit-scrollbar,.attendance-tabs::-webkit-scrollbar,.staff-scope-tabs::-webkit-scrollbar{display:none}.finance-tab,.attendance-tab,#staff-internships .staff-scope-tabs .finance-tab{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;scroll-snap-align:start}}.kila-landing{--kila-primary: #0a2647;--kila-primary-light: #144272;--kila-accent: #f0a500;--kila-accent-hover: #d18e00;--kila-bg-light: #f8fafc;--kila-bg-white: #ffffff;--kila-text-dark: #1e293b;--kila-text-muted: #64748b;--kila-border: #e2e8f0;--kila-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--kila-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--kila-shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--kila-radius: 16px;--kila-transition: .25s cubic-bezier(.4, 0, .2, 1);width:100%;min-height:100dvh;padding:0 clamp(16px,3vw,32px) clamp(16px,3vw,32px);display:grid;gap:28px;align-content:start;background:radial-gradient(circle at top left,rgba(96,165,250,.18),transparent 32%),radial-gradient(circle at top right,rgba(240,165,0,.12),transparent 24%),linear-gradient(180deg,#f8fafc,#eef4ff 48%,#fff);color:var(--kila-text-dark);font-family:Inter,DM Sans,sans-serif;-webkit-font-smoothing:antialiased}.kila-landing h1,.kila-landing h2,.kila-landing h3,.kila-landing h4,.kila-landing strong,.kila-landing .kila-landing__brand-copy strong,.kila-landing .kila-landing__eyebrow{font-family:Poppins,Inter,sans-serif}.kila-landing__nav{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1rem 1.25rem;border-bottom:1px solid var(--kila-border);border-radius:0 0 24px 24px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--kila-shadow-sm)}.kila-landing__brand{display:inline-flex;align-items:center;gap:.8rem;color:var(--kila-primary);text-decoration:none;min-width:0}.kila-landing__brand-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0a264714,#1442721f);border:1px solid rgba(10,38,71,.12);flex:0 0 auto}.kila-landing__brand-mark img{width:36px;height:36px;object-fit:contain}.kila-landing__brand-copy{display:grid;gap:2px;min-width:0}.kila-landing__brand-copy strong{font-size:clamp(1.05rem,2vw,1.55rem);letter-spacing:.12em;text-transform:uppercase;line-height:1.1}.kila-landing__brand-copy span{color:var(--kila-text-muted);font-size:.88rem;line-height:1.35}.kila-landing__nav-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.kila-landing__nav-button,.kila-landing__button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.7rem 1.25rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--kila-transition),border-color var(--kila-transition),color var(--kila-transition),box-shadow var(--kila-transition),transform var(--kila-transition)}.kila-landing__nav-button--outline,.kila-landing__button--outline{background:transparent;border-color:var(--kila-primary);color:var(--kila-primary)}.kila-landing__nav-button--solid,.kila-landing__button--solid{background:var(--kila-accent);border-color:var(--kila-accent);color:var(--kila-primary);box-shadow:var(--kila-shadow-sm)}.kila-landing__nav-button:hover,.kila-landing__button:hover{transform:translateY(-1px);box-shadow:var(--kila-shadow-md)}.kila-landing__nav-button--outline:hover,.kila-landing__button--outline:hover{background:var(--kila-primary);color:#fff}.kila-landing__nav-button--solid:hover,.kila-landing__button--solid:hover{background:var(--kila-accent-hover);border-color:var(--kila-accent-hover)}.kila-landing__hero{display:grid;gap:18px;place-items:center;text-align:center;padding:clamp(44px,7vw,78px) clamp(20px,5vw,56px);border-bottom:1px solid var(--kila-border);background:linear-gradient(160deg,#f0f4ff,#e8f0fe 40%,#fdfdfd)}.kila-landing__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.15rem;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:.86rem;font-weight:700;letter-spacing:.03em}.kila-landing__hero h1{max-width:900px;margin:0;color:var(--kila-primary);font-size:clamp(2.3rem,5.5vw,3.8rem);line-height:1.14;letter-spacing:-.04em}.kila-landing__hero h1 span{color:var(--kila-accent)}.kila-landing__hero p{max-width:760px;margin:0;color:var(--kila-text-muted);font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.75}.kila-landing__hero-actions{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:6px}.kila-landing__section{width:min(1280px,100%);margin:0 auto;display:grid;gap:24px}.kila-landing__section-head{display:grid;gap:6px}.kila-landing__section-head h2{margin:0;color:var(--kila-primary);font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.02em}.kila-landing__section-head p{margin:0;color:var(--kila-text-muted);font-size:1rem}.kila-landing__centers{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.kila-center-card{display:grid;gap:0;overflow:hidden;border:1px solid var(--kila-border);border-radius:var(--kila-radius);background:var(--kila-bg-white);box-shadow:var(--kila-shadow-sm)}.kila-center-card--office{overflow:visible}.kila-center-card--office.is-expanded{grid-column:1 / -1;border-color:#3b82f61f;box-shadow:var(--kila-shadow-lg);background:linear-gradient(180deg,#f7fafffa,#f0f8fff2);border-radius:20px;position:relative;z-index:5}.kila-center-card--office.is-expanded .kila-center-card__header{background:linear-gradient(180deg,#f1f7fffa,#ecf4ffe0);border-bottom-left-radius:0;border-bottom-right-radius:0}.kila-center-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.2rem .9rem;background:linear-gradient(180deg,#f8fafcf5,#f8fafcb8)}.kila-center-card__toggle{width:100%;border:0;background:linear-gradient(180deg,#f8fafcf5,#f8fafcb8);color:inherit;text-align:left;cursor:pointer;appearance:none}.kila-center-card__toggle:hover{background:linear-gradient(180deg,#f2f6fcfa,#eff4fae6)}.kila-center-card__toggle:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:-3px}.kila-center-card__toggle.is-expanded{background:linear-gradient(180deg,#f1f7fffa,#ecf4ffe0)}.kila-center-card__toggle-indicator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;margin-left:auto;border-radius:999px;background:#dfe8f4d1;color:var(--kila-primary-light);transition:transform .18s ease,background-color .18s ease}.kila-center-card__toggle.is-expanded .kila-center-card__toggle-indicator{transform:rotate(180deg);background:#cfe6ffe6}.kila-center-card__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eef2ff;color:var(--kila-primary-light);flex:0 0 auto}.kila-center-card__copy{min-width:0}.kila-center-card__copy h3{margin:0;color:var(--kila-primary);font-size:clamp(1.08rem,1.8vw,1.25rem);line-height:1.25}.kila-center-card__copy p{margin:.25rem 0 0;color:var(--kila-text-muted);line-height:1.55}.kila-center-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.kila-center-card__body{padding:0 1.2rem 1.2rem}.kila-center-card__dropdown{padding:0 1.2rem 1.2rem;width:100%;box-sizing:border-box;transform-origin:top center;will-change:transform,opacity}.kila-center-card__dropdown{animation:kila-fly-in .26s cubic-bezier(.22,.9,.32,1) both}@keyframes kila-fly-in{0%{opacity:0;transform:translateY(-10px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}.kila-center-card__empty{margin:0;color:var(--kila-text-muted);font-size:.95rem}.kila-school-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.kila-school-grid--compact{gap:.75rem}.kila-school-card{display:grid;gap:.55rem;padding:.95rem 1rem;border:1px solid #eef1f5;border-radius:14px;background:#fbfcfe}.kila-school-card--compact{gap:.45rem}.kila-school-card__name{font-weight:800;color:var(--kila-primary-light);font-size:.98rem;line-height:1.35}.kila-school-card__description{color:#64748b;font-size:.9rem;line-height:1.6}.kila-school-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.1rem}.kila-tag{display:inline-flex;align-items:center;min-height:26px;padding:.2rem .7rem;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:700}.kila-tag--status{justify-content:center;width:min(168px,100%);min-height:30px;padding:.3rem .85rem;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.01em;text-align:center}.kila-tag--success{background:#10b9811f;color:#047857}.kila-tag--muted{background:#94a3b829;color:#475569}.kila-tag--soft{background:#eef2ff;color:#4338ca}.kila-landing__footer{width:min(1280px,100%);margin:0 auto;padding:3rem 1.5rem;border-radius:24px;background:var(--kila-primary);color:#fff;text-align:center;box-shadow:var(--kila-shadow-lg);display:grid;gap:.9rem;justify-items:center}.kila-landing__footer h3{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.15rem);letter-spacing:-.03em;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#ffffff}.kila-landing__footer p{margin:0;max-width:760px;color:#ffffffe6;font-size:1rem;line-height:1.7}.kila-landing__footer-actions{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-top:.4rem}.kila-landing__button--light:hover{background:#ffffff1f;border-color:#fff;color:#fff}@media(max-width:920px){.kila-landing__nav{align-items:flex-start;flex-direction:column}.kila-landing__nav-actions{width:100%}.kila-landing__nav-button{flex:1 1 0}.kila-center-card__header{flex-direction:column}.kila-center-card__index{display:none}}@media(max-width:640px){.kila-landing{padding:14px;gap:20px}.kila-landing__nav,.kila-landing__hero,.kila-landing__footer{border-radius:18px}.kila-landing__nav-actions,.kila-landing__hero-actions,.kila-landing__footer-actions,.kila-landing__nav-button,.kila-landing__button{width:100%}.kila-center-card__header,.kila-center-card__body{padding:1rem}.kila-school-grid{grid-template-columns:1fr}.kila-landing__footer{padding:2.2rem 1rem}}:where(.dashboard-shell .application-timeline-card,.dashboard-shell .application-next-steps-card,.dashboard-shell .onboarding-steps-card,.dashboard-shell .onboarding-step,.dashboard-shell .application-contact-card,.dashboard-shell .application-next-steps-card .application-details-grid>div,.dashboard-shell .application-next-steps-card .summary-grid.dashboard-summary>div,.dashboard-shell .application-next-steps-card .summary-grid.dashboard-summary>button){background:transparent!important;border-color:transparent!important;box-shadow:none!important}:where(.small-button,.secondary-button,.inline-icon-button,.glass-select-trigger,.landing-verify-button,.kila-landing__nav-button--outline,.kila-landing__button--outline,.shell-header-button,.shell-header-chip,.listing-view-toggle-button,.staff-view-button,.auth-oauth-btn,.btn,.btn-primary,.btn--primary,button[type=submit],button.equal){background-image:none!important}:where(.small-button,.secondary-button,.inline-icon-button,.glass-select-trigger,.landing-verify-button,.kila-landing__nav-button--outline,.kila-landing__button--outline,.shell-header-button,.shell-header-chip,.listing-view-toggle-button,.staff-view-button,.auth-oauth-btn,.btn){background:#fffffff5!important;border-color:#bfd3ecf5!important;color:var(--text-900)!important;box-shadow:0 6px 16px #0f4c810f!important}:where(.small-button:hover,.secondary-button:hover,.inline-icon-button:hover,.glass-select-trigger:hover,.landing-verify-button:hover,.kila-landing__nav-button--outline:hover,.kila-landing__button--outline:hover,.shell-header-button:hover,.shell-header-chip:hover,.listing-view-toggle-button:hover,.staff-view-button:hover,.auth-oauth-btn:hover,.btn:hover){background:#fffffffa!important;border-color:#60a5fab8!important;box-shadow:0 12px 24px #0f6cbd1f!important}:where(.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.oauth-status-card){background:#fff!important;background-image:none!important;border:1px solid #d7e1ec!important;box-shadow:0 28px 56px #0f172a2e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:where(.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.oauth-status-card) .listing-modal-body,:where(.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.oauth-status-card) .payment-modal-grid,:where(.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.oauth-status-card) .summary-grid,:where(.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.oauth-status-card) .staff-listing-meta{background:transparent}:where(.equal,.btn-primary,.btn--primary,.login-primary-btn,.landing-login-button,.kila-landing__nav-button--solid,.kila-landing__button--solid,button[type=submit]){background:#225bb4!important;border-color:#1d56b6!important;color:#fff!important;box-shadow:0 12px 28px #0f6cbd42!important}:where(.equal:hover,.btn-primary:hover,.btn--primary:hover,.login-primary-btn:hover,.landing-login-button:hover,.kila-landing__nav-button--solid:hover,.kila-landing__button--solid:hover,button[type=submit]:hover){background:#1d4ed8!important;box-shadow:0 16px 30px #0f6cbd47!important}:where(.card,.ui-card,.hero-card,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.verify-status-card,.verify-details-card,.staff-module-card,.attendance-panel,.attendance-panel--calendar,.attendance-detail,.attendance-session-card,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.staff-response-card,.staff-document-card,.staff-score-card,.staff-score-history-item,.staff-review-history,.staff-detail-section,.application-status-card,.application-flow-card,.application-timeline-card,.application-next-steps-card,.application-contact-card,.staff-message-card,.staff-listing-manager,.finance-qr-card,.finance-qr-config-card,.finance-request-panel,.finance-history-card,.payment-record-card,.finance-student-browser,.student-deliverables-card,.completed-internships-section,.profile-shell .card,.summary-grid>div,.summary-grid>button,.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button,.listings-shell .application-status-card,.listings-shell .listing-browser-card,.listings-shell .cards-grid--wide>*,.kila-center-card,.kila-school-card){background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:where(.card,.ui-card,.hero-card,.listing-modal-card,.verification-modal-card,.payment-modal-card,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.verify-status-card,.verify-details-card,.staff-module-card,.attendance-panel,.attendance-panel--calendar,.attendance-detail,.attendance-session-card,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.oauth-status-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.staff-response-card,.staff-document-card,.staff-score-card,.staff-score-history-item,.staff-review-history,.staff-detail-section,.application-status-card,.application-flow-card,.application-timeline-card,.application-next-steps-card,.application-contact-card,.staff-message-card,.staff-listing-manager,.finance-qr-card,.finance-qr-config-card,.finance-request-panel,.finance-history-card,.payment-record-card,.finance-student-browser,.student-deliverables-card,.completed-internships-section,.staff-detail-modal,.profile-shell .card,.summary-grid>div,.summary-grid>button,.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button,.listings-shell .application-status-card,.listings-shell .listing-browser-card,.listings-shell .cards-grid--wide>*,.kila-center-card,.kila-school-card):before{content:none!important}:where(.card,.ui-card,.hero-card,.listing-modal-card,.verification-modal-card,.payment-modal-card,.landing-metric-card,.landing-office-card,.landing-office-school-card,.landing-info-card,.landing-branch-card,.verify-status-card,.verify-details-card,.staff-module-card,.attendance-panel,.attendance-panel--calendar,.deliverable-card,.certificate-issued-panel,.certificate-feedback-summary,.payment-qr-panel,.payment-qr-placeholder,.no-due-card,.oauth-status-card,.signup-intro-panel,.signup-step-panel,.signup-section-panel,.staff-listing-card:not(.is-list),.staff-application-card:not(.is-list),.staff-response-card,.staff-document-card,.staff-score-card,.staff-review-history,.staff-detail-section,.application-status-card,.application-flow-card,.application-timeline-card,.application-next-steps-card,.application-contact-card,.staff-message-card,.staff-listing-manager,.finance-qr-card,.finance-qr-config-card,.finance-request-panel,.finance-history-card,.finance-student-browser,.student-deliverables-card,.completed-internships-section,.staff-detail-modal,.profile-shell .card,.summary-grid>div,.summary-grid>button,.dashboard-shell .summary-grid.dashboard-summary>div,.dashboard-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.dashboard-summary>div,.staff-shell .summary-grid.dashboard-summary>button,.staff-shell .summary-grid.staff-summary-grid>div,.staff-shell .summary-grid.staff-summary-grid>button,.listings-shell .application-status-card,.listings-shell .listing-browser-card,.listings-shell .cards-grid--wide>*,.kila-center-card,.kila-school-card):hover{transform:none!important;box-shadow:none!important}:where(.summary-metric-card,.attendance-record-card,.attendance-record-row,.attendance-request-card,.finance-student-card,button.certificate-card,.unstyled-card-button>.listing-card,.unstyled-card-button>.staff-application-card,.unstyled-card-button>.staff-listing-card,.unstyled-card-button>.certificate-card){position:relative;border:1px solid rgba(191,211,236,.92)!important;border-radius:16px!important;background:linear-gradient(180deg,#fffffff5,#f4f8ffe6)!important;box-shadow:0 10px 24px #11294412!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)!important}:where(.summary-metric-card,.attendance-record-card,.attendance-record-row,.attendance-request-card,.finance-student-card,button.certificate-card,.unstyled-card-button>.listing-card,.unstyled-card-button>.staff-application-card,.unstyled-card-button>.staff-listing-card,.unstyled-card-button>.certificate-card):hover,:where(.summary-metric-card,.attendance-record-card,.attendance-record-row,.attendance-request-card,.finance-student-card,button.certificate-card,.unstyled-card-button>.listing-card,.unstyled-card-button>.staff-application-card,.unstyled-card-button>.staff-listing-card,.unstyled-card-button>.certificate-card):focus-visible{transform:translateY(-2px) scale(1.01)!important;border-color:#60a5fab8!important;box-shadow:0 16px 34px #1129441a!important}:is(h1,h2,h3,h4,h5,h6,strong,small,.btn-label,.menu-label,.navbar-action-label,.shell-nav-item-copy strong,.shell-nav-item-copy small,.finance-tab span,.summary-metric-label,.dashboard-hero-title,.staff-hero-title,.profile-hero-title,.listings-hero-title,.auth-title,.auth-subtitle,.login-title,.login-subtitle,.kila-landing__brand-copy strong,.kila-landing__brand-copy span,.kila-center-card__copy h3,.kila-school-card__name):hover{background:none!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit!important;text-shadow:none!important;transform:none!important;scale:1!important;animation:none!important;transition:none!important;opacity:1!important}:is(.hero-card,.page-hero,.landing-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):hover,:is(.hero-card,.page-hero,.landing-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):focus-visible{transform:none!important;scale:1!important;box-shadow:inherit!important;border-color:inherit!important;animation:none!important;transition:none!important}:is(.hero-card,.page-hero,.landing-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):hover :is(h1,h2,h3,h4,h5,h6,strong,span,p),:is(.hero-card,.page-hero,.landing-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):focus-visible :is(h1,h2,h3,h4,h5,h6,strong,span,p){background:none!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;transform:none!important;scale:1!important;animation:none!important;transition:none!important}.payments-shell .payment-record-card,.payments-shell .payment-list-row{position:relative!important;overflow:hidden!important;border:1px solid rgba(198,211,229,.96)!important;border-radius:18px!important;background:radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 28%),linear-gradient(180deg,#fffffffa,#f4f8ffeb)!important;box-shadow:0 16px 34px #11294414!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.payments-shell .payment-record-card{display:grid!important;gap:18px!important;padding:22px!important}.payments-shell .payment-record-card:before,.payments-shell .payment-list-row:before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:radial-gradient(circle at top right,rgba(96,165,250,.16),transparent 24%),linear-gradient(180deg,#ffffff1f,#3b82f608)!important;opacity:.95!important}.payments-shell .payment-record-card>*,.payments-shell .payment-list-row>*{position:relative;z-index:1}.payments-shell .payment-record-card:hover,.payments-shell .payment-list-row:hover{transform:translateY(-2px)!important;border-color:#60a5fabf!important;box-shadow:0 18px 38px #1129441c!important}.payments-shell .payment-record-card.is-payment-requested,.payments-shell .payment-record-card.is-payment-link_sent{border-left:5px solid #f59e0b!important;background:radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 28%),linear-gradient(145deg,#fff8e8fa,#f6fafff0)!important}.payments-shell .payment-record-card.is-payment-receipt_submitted,.payments-shell .payment-record-card.is-payment-paid{border-left:5px solid #0ea5e9!important;background:radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 28%),linear-gradient(145deg,#eaf3fffa,#ecfdf5eb)!important}.payments-shell .payment-record-card.is-payment-verified{border-left:5px solid #22c55e!important;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 28%),linear-gradient(145deg,#e9f7eefa,#f8fbfff0)!important}.payments-shell .payment-record-card.is-payment-rejected{border-left:5px solid #ef4444!important;background:radial-gradient(circle at top right,rgba(239,68,68,.14),transparent 28%),linear-gradient(145deg,#ffe8e6fa,#fff8e8f0)!important}.payments-shell .payment-record-card.is-payment-refunded{border-left:5px solid #7c3aed!important;background:radial-gradient(circle at top right,rgba(124,58,237,.14),transparent 28%),linear-gradient(145deg,#f1edfffa,#eef6fff0)!important}:is(h1,h2,h3,h4,h5,h6,.dashboard-hero-title,.staff-hero-title,.profile-hero-title,.listings-hero-title,.auth-title,.login-title,.section-title,.modal-title,.kila-center-card__copy h3,.kila-school-card__name),:is(h1,h2,h3,h4,h5,h6,.dashboard-hero-title,.staff-hero-title,.profile-hero-title,.listings-hero-title,.auth-title,.login-title,.section-title,.modal-title,.kila-center-card__copy h3,.kila-school-card__name):is(:hover,:focus,:focus-visible){color:#003153!important;-webkit-text-fill-color:#003153!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important;transform:none!important;scale:1!important;animation:none!important;transition:none!important;opacity:1!important}:is(.hero-card,.page-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card){transform:none!important;scale:1!important;animation:none!important;transition:none!important;box-shadow:0 12px 28px #11294414!important;border-color:var(--surface-border)!important}:is(.hero-card,.page-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):is(:hover,:focus,:focus-visible){transform:none!important;scale:1!important;animation:none!important;transition:none!important;box-shadow:0 12px 28px #11294414!important;border-color:var(--surface-border)!important}:is(.landing-hero,.kila-landing__hero){transform:none!important;scale:1!important;animation:none!important;transition:none!important}:is(.landing-hero,.kila-landing__hero):is(:hover,:focus,:focus-visible){transform:none!important;scale:1!important;animation:none!important;transition:none!important}:is(.hero-card,.page-hero,.landing-hero,.kila-landing__hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card) :is(h1,h2,h3,h4,h5,h6),:is(.hero-card,.page-hero,.landing-hero,.kila-landing__hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):is(:hover,:focus,:focus-visible) :is(h1,h2,h3,h4,h5,h6){color:#003153!important;-webkit-text-fill-color:#003153!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;transform:none!important;scale:1!important;animation:none!important;transition:none!important;box-shadow:none!important;background:transparent!important}.payments-shell :is(.hero-card,.page-hero,.dashboard-hero-card,.dashboard-hero-copy),.certificates-shell :is(.hero-card,.page-hero,.certificates-hero-card){box-shadow:none!important;background:transparent!important;background-image:none!important;border:none!important}.payments-shell :is(.hero-card,.page-hero,.dashboard-hero-card,.dashboard-hero-copy):is(:hover,:focus,:focus-visible),.certificates-shell :is(.hero-card,.page-hero,.certificates-hero-card):is(:hover,:focus,:focus-visible){box-shadow:none!important;background:transparent!important;background-image:none!important;border:none!important}:is(.hero-card,.page-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card){box-shadow:none!important}:is(.hero-card,.page-hero,.dashboard-hero-card,.staff-hero-card,.attendance-hero-card,.profile-hero-card,.verify-hero-card,.certificates-hero-card,.listings-hero-card):is(:hover,:focus,:focus-visible){box-shadow:none!important}.content-modal-backdrop{background:#0f172a94!important;backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important}.content-modal-card{background:#fff!important;background-image:none!important;border:1px solid #d7e1ec!important;box-shadow:0 28px 64px #0f172a3d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-modal-card :where(.modal-sticky-header,.attendance-panel-header,.section-header,.modal-header){background:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-modal-card :where(.listing-modal-body,.modal-body,.payment-modal-grid,.summary-grid,.staff-listing-meta){background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-modal-card :where(.staff-detail-section,.deliverable-card,.certificate-feedback-form,.certificate-issued-panel,.certificate-meta-row,.payment-modal-grid>div,.summary-grid>div,.staff-listing-meta>div,.staff-listing-meta>label,.auth-fields){background:#f8fbff!important;background-image:none!important;border-color:#d7e3f0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.completed-internship-history-table{width:100%;overflow-x:auto}.completed-internship-history-table table{width:100%;min-width:720px;border-collapse:collapse}.completed-internship-history-table th,.completed-internship-history-table td{padding:12px 14px;border-bottom:1px solid #dbe6f3;text-align:left;vertical-align:top}.completed-internship-history-table th{color:var(--text-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:0}@media(max-width:768px){.shell-header{grid-template-columns:auto minmax(0,1fr) auto!important;padding:16px 16px 12px!important;gap:14px!important}.shell-header-left,.shell-header-right{min-width:0!important;width:auto!important}.shell-header-left{display:contents!important}.shell-header-copy{grid-column:2!important;min-width:0!important;width:100%!important;align-items:center!important;justify-content:center!important;text-align:center!important}.shell-header-copy strong{font-size:clamp(.92rem,3.7vw,1.08rem)!important;line-height:1.15!important}.shell-header-logo{width:42px!important;height:42px!important}.shell-header-button--menu,.shell-header-button--logout,.shell-header-chip--login{width:auto!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:stretch!important;border-radius:12px!important;background:#fff!important;background-color:#fff!important;border-color:#cddcf0!important;color:#16304d!important;box-shadow:0 12px 28px #11294414!important}.shell-header-button--menu,.shell-header-button--logout{width:56px!important;min-width:56px!important;padding:0!important;gap:0!important;margin-top:4px!important}.shell-header-button--menu span,.shell-header-button--logout span,.shell-header-chip--login span,.shell-header-button--menu .app-icon,.shell-header-button--logout .app-icon{display:none!important}.shell-header-button--menu .app-icon,.shell-header-button--logout .app-icon,.shell-header-chip--login .app-icon{width:24px!important;height:24px!important;color:#16304d!important;opacity:1!important;display:inline-flex!important}.shell-header-button--menu .app-icon--auto .app-icon__glyph--regular,.shell-header-button--menu .app-icon--auto .app-icon__glyph--filled,.shell-header-button--logout .app-icon--auto .app-icon__glyph--regular,.shell-header-button--logout .app-icon--auto .app-icon__glyph--filled,.shell-header-button--menu .app-icon--regular .app-icon__glyph,.shell-header-button--logout .app-icon--regular .app-icon__glyph,.shell-header-button--menu .app-icon__glyph,.shell-header-button--logout .app-icon__glyph,.shell-header-chip--login .app-icon__glyph,.shell-header-button--menu .app-icon *,.shell-header-button--logout .app-icon *,.shell-header-chip--login .app-icon *{color:#16304d!important;fill:#16304d!important;stroke:#16304d!important;opacity:1!important}.shell-header-button--menu,.shell-header-button--logout{font-size:.98rem!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #cddcf0!important}.shell-header-button--menu:hover,.shell-header-button--menu:focus,.shell-header-button--menu:focus-visible,.shell-header-button--menu:active,.shell-header-button--logout:hover,.shell-header-button--logout:focus,.shell-header-button--logout:focus-visible,.shell-header-button--logout:active{background:#fff!important;background-color:#fff!important;background-image:none!important;border-color:#cddcf0!important;color:#16304d!important;box-shadow:0 12px 28px #11294414!important}.shell-header-right{grid-column:3!important;justify-self:end!important}}.onboarding-shell,.signup-shell{width:min(1220px,100%)!important;max-width:1220px!important;margin:0 auto!important;gap:22px!important}.onboarding-step-card{padding:28px!important;border-radius:30px!important;background:linear-gradient(180deg,#fffffffa,#f4f8fff0)!important;border:1px solid #dbe6f3!important;box-shadow:0 24px 54px #1129441a!important}.signup-stage-card{overflow:hidden}.onboarding-step-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,760px);justify-content:space-between;gap:30px;align-items:stretch}.onboarding-step-aside{position:relative;overflow:hidden;display:grid;align-content:start;gap:24px;min-height:100%;padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.42);color:#0f172a;box-shadow:inset 0 1px #ffffff80,inset 0 -18px 34px #ffffff24,0 24px 50px #3f5e8f2e}.onboarding-step-card--personal .onboarding-step-aside{background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.72),transparent 26%),radial-gradient(circle at 78% 78%,rgba(59,130,246,.28),transparent 30%),linear-gradient(145deg,#c7f0ff,#88b8ff 55%,#d8d3ff)}.onboarding-step-card--address .onboarding-step-aside{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.7),transparent 25%),radial-gradient(circle at 84% 72%,rgba(14,165,233,.24),transparent 28%),linear-gradient(145deg,#d5f4ea,#90d3ff 54%,#c9d8ff)}.onboarding-step-card--emergency .onboarding-step-aside{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.68),transparent 25%),radial-gradient(circle at 82% 76%,rgba(248,113,113,.22),transparent 30%),linear-gradient(145deg,#ffe0cf,#ffd8f1 55%,#c9d9ff)}.onboarding-step-card--education .onboarding-step-aside,.onboarding-step-card--school .onboarding-step-aside{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 78% 76%,rgba(79,70,229,.24),transparent 29%),linear-gradient(145deg,#dff0ff,#9fb8ff 52%,#baf0e4)}.onboarding-step-card--language .onboarding-step-aside{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 80% 78%,rgba(217,70,239,.2),transparent 28%),linear-gradient(145deg,#d7f3ff,#8dd3ff 50%,#d8c8ff)}.onboarding-step-card--skills .onboarding-step-aside{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 80% 76%,rgba(34,197,94,.22),transparent 28%),linear-gradient(145deg,#d8fce7,#8dd3c7 52%,#9ec5ff)}.onboarding-step-card--internship .onboarding-step-aside{background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.7),transparent 25%),radial-gradient(circle at 82% 78%,rgba(245,158,11,.2),transparent 30%),linear-gradient(145deg,#ffedd5,#fdba74 52%,#c4b5fd)}.onboarding-step-card--review .onboarding-step-aside,.onboarding-step-card--default .onboarding-step-aside{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 82% 76%,rgba(37,99,235,.22),transparent 28%),linear-gradient(145deg,#e0ecff,#a5c4ff 54%,#cceee8)}.onboarding-step-art{position:relative;min-height:320px;border-radius:30px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.88),transparent 18%),radial-gradient(circle at 70% 74%,rgba(255,255,255,.22),transparent 22%),linear-gradient(160deg,#ffffff57,#ffffff0a);box-shadow:inset 18px 18px 34px #ffffff47,inset -18px -18px 30px #55709c24,0 18px 36px #0f172a1f}.onboarding-step-art:before,.onboarding-step-art:after{content:"";position:absolute;border-radius:999px;filter:blur(.5px)}.onboarding-step-art:before{width:156px;height:156px;top:24px;right:26px;background:#fff3}.onboarding-step-art:after{width:112px;height:112px;left:28px;bottom:24px;background:#ffffff29}.onboarding-step-art-badge{position:absolute;inset:0;display:grid;place-items:center;border-radius:30px;background:transparent;color:#0f3b84;box-shadow:none}.onboarding-step-art-badge .app-icon{color:#fffffffa!important;filter:drop-shadow(0 18px 26px rgba(15,23,42,.22)) drop-shadow(0 3px 0 rgba(255,255,255,.35))}.onboarding-step-art-badge .app-icon__glyph,.onboarding-step-art-badge .app-icon *{color:#fffffffa!important;fill:#fffffffa!important;stroke:#fffffffa!important}.signup-step-kicker{display:inline-flex!important;width:fit-content}.signup-step-orbit{position:absolute;z-index:2;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6,0 16px 28px #2a50842e}.signup-step-orbit .app-icon,.signup-step-orbit .app-icon__glyph,.signup-step-orbit .app-icon *{color:#2a63c7!important;fill:#2a63c7!important;stroke:#2a63c7!important}.signup-step-orbit--one{top:30px;right:34px;transform:rotate(-7deg)}.signup-step-orbit--two{left:34px;bottom:34px;transform:rotate(6deg)}.signup-step-orbit--three{right:66px;bottom:70px;transform:rotate(-4deg)}.onboarding-step-aside-copy{display:grid;gap:10px}.onboarding-step-aside-copy h3{margin:0;font-size:clamp(1.6rem,1.2rem + .75vw,2.15rem);line-height:1.02}.onboarding-step-aside-copy p{margin:0;color:#0f172ac2;line-height:1.6}.onboarding-step-content{min-width:0;display:grid;align-content:start;gap:18px;width:100%;max-width:760px;justify-self:end}.onboarding-section-title{display:grid;gap:8px}.onboarding-section-title h3,.onboarding-section-title p{margin:0}.onboarding-section-title--split{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.onboarding-form-grid{grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:18px 20px!important;align-items:start}.onboarding-field,.onboarding-field-stack{display:flex;flex-direction:column;gap:8px}.onboarding-field>input,.onboarding-field>textarea,.onboarding-field-stack>input,.onboarding-field-stack>textarea{min-height:48px}.onboarding-field-toggle{min-height:48px;align-items:center;padding:0 2px}.onboarding-dense-stack{display:grid;gap:14px}.onboarding-language-grid{grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(0,1fr))!important;align-items:center;gap:12px}.onboarding-language-grid>*{min-width:0}.onboarding-skill-grid{grid-template-columns:minmax(260px,1.2fr) minmax(220px,.9fr)!important;gap:16px}@media(max-width:1080px){.onboarding-shell,.signup-shell{width:100%!important;max-width:none!important}.onboarding-step-layout{grid-template-columns:1fr;gap:20px}.onboarding-step-aside{min-height:0}.onboarding-step-art{min-height:160px}.onboarding-step-art-badge .app-icon{transform:scale(.66);transform-origin:center}.onboarding-step-content{max-width:none;justify-self:stretch}.signup-step-orbit{display:none}.onboarding-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:768px){.onboarding-step-card{padding:18px!important}.onboarding-step-aside{padding:18px;border-radius:22px;gap:16px}.onboarding-step-art{min-height:132px;border-radius:22px}.onboarding-step-art-badge .app-icon{transform:scale(.44)}.signup-step-kicker{display:inline-flex!important}.onboarding-form-grid,.onboarding-language-grid,.onboarding-skill-grid,.onboarding-section-title--split{grid-template-columns:1fr!important}}.App.app-shell{--shell-header-offset: 88px}.shell-header{min-height:var(--shell-header-offset)}.workspace-header-badge-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.workspace-header-badge-count{position:absolute;top:-8px;right:-10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:.68rem;font-weight:800;line-height:20px;text-align:center;box-shadow:0 10px 18px #dc262647}.workspace-overlay-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding:20px 16px;background:#0f172a94;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.workspace-overlay-card{width:min(920px,calc(100vw - 32px));max-height:min(80vh,760px);margin-top:max(8px,calc(var(--shell-header-offset) - 56px));padding:24px;border:1px solid #d7e3f0;border-radius:24px;background:radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 26%),linear-gradient(180deg,#fffffffa,#f4f8fff2);box-shadow:0 32px 72px #0f172a47;overflow:hidden;display:grid;gap:16px;min-height:0}.workspace-notification-center{grid-template-rows:auto auto minmax(0,1fr)}.workspace-overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-overlay-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workspace-command-search{display:grid;gap:8px}.workspace-command-search span{color:var(--text-soft);font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.workspace-command-search input{width:100%;min-height:52px;padding:0 16px;border:1px solid #cddcf0;border-radius:16px;background:#fff;color:var(--text-strong);font:inherit;box-shadow:inset 0 1px #fffc}.workspace-command-search input:focus-visible{outline:2px solid rgba(37,99,235,.22);outline-offset:2px;border-color:#7ea8ea}.workspace-command-results,.workspace-notification-list{display:grid;gap:12px;overflow-x:hidden;overflow-y:auto;padding-right:4px;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.workspace-command-result,.workspace-notification-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid #d7e3f0;border-radius:18px;background:#f8fbff;color:var(--text-strong);text-align:left;box-shadow:0 12px 24px #1129440f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.workspace-command-result--compact{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px;align-items:start}.workspace-command-result:hover,.workspace-command-result:focus-visible,.workspace-notification-card:hover,.workspace-notification-card:focus-visible{transform:translateY(-1px);border-color:#8eb2ea;box-shadow:0 18px 30px #1129441a}.workspace-notification-card.is-read{background:#f8fbffc7;border-color:#d7e3f0db;box-shadow:0 8px 18px #1129440a}.workspace-notification-card.is-read .workspace-notification-card__copy strong,.workspace-notification-card.is-read .workspace-notification-card__copy p,.workspace-notification-card.is-read .workspace-command-result__hint{color:#6b7c95}.workspace-command-result__copy,.workspace-notification-card__copy{min-width:0;display:grid;gap:6px}.workspace-command-result__copy strong,.workspace-notification-card__copy strong{color:var(--text-strong)}.workspace-command-result--compact .workspace-command-result__copy strong{font-size:.96rem;line-height:1.15}.workspace-command-result__copy p,.workspace-notification-card__copy p{color:var(--text-soft);white-space:normal}.workspace-anchor{scroll-margin-top:calc(var(--shell-header-offset) + 16px)}.workspace-command-result__hint{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#94a3b824;color:var(--text-soft);font-size:.74rem;font-weight:700}.workspace-inline-message{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(239,68,68,.2);background:#fef2f2f5;color:#991b1b}.workspace-command-empty{display:grid;justify-items:center;gap:10px;padding:28px 18px;border:1px dashed #cbd8eb;border-radius:18px;color:var(--text-soft);text-align:center}@media(max-width:1100px){.shell-sidebar{top:var(--shell-header-offset)!important;height:calc(100dvh - var(--shell-header-offset))!important}.shell-backdrop{inset:var(--shell-header-offset) 0 0 0!important}}@media(max-width:768px){.App.app-shell{--shell-header-offset: 78px}.shell-header-right{gap:8px!important}.shell-header-copy strong{display:none!important}.shell-header-logo{width:32px!important;height:32px!important}.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-button--menu,.shell-header-chip--login{width:44px!important;min-width:44px!important;height:48px!important;min-height:48px!important;padding:0!important;gap:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important}.shell-header-button--search>span:last-child,.shell-header-button--notifications>span:last-child,.shell-header-button--profile>span:last-child,.shell-header-button--logout>span:last-child,.shell-header-button--menu>span:last-child,.shell-header-chip--login>span:last-child{display:none!important}.shell-header-button--search .app-icon,.shell-header-button--notifications .app-icon,.shell-header-button--profile .app-icon,.shell-header-button--logout .app-icon,.shell-header-button--menu .app-icon,.shell-header-chip--login .app-icon{width:22px!important;height:22px!important}.shell-header-button--search:hover,.shell-header-button--notifications:hover,.shell-header-button--profile:hover,.shell-header-button--logout:hover,.shell-header-button--menu:hover,.shell-header-chip--login:hover,.shell-header-button--search:focus,.shell-header-button--notifications:focus,.shell-header-button--profile:focus,.shell-header-button--logout:focus,.shell-header-button--menu:focus,.shell-header-chip--login:focus,.shell-header-button--search:focus-visible,.shell-header-button--notifications:focus-visible,.shell-header-button--profile:focus-visible,.shell-header-button--logout:focus-visible,.shell-header-button--menu:focus-visible,.shell-header-chip--login:focus-visible,.shell-header-button--search:active,.shell-header-button--notifications:active,.shell-header-button--profile:active,.shell-header-button--logout:active,.shell-header-button--menu:active,.shell-header-chip--login:active{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important}.shell-header-search{position:static}.shell-header-search-panel{position:fixed;top:calc(var(--shell-header-offset) - 2px);left:10px;right:10px;width:auto;max-height:calc(100dvh - var(--shell-header-offset) - 12px);border-radius:22px;padding:16px}.shell-header-search-results{max-height:calc(100dvh - var(--shell-header-offset) - 220px)}.workspace-overlay-backdrop{padding:10px}.workspace-overlay-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin-top:0;padding:18px;border-radius:20px}.workspace-overlay-header,.workspace-command-result,.workspace-notification-card{grid-template-columns:1fr}.workspace-overlay-header{display:grid}.workspace-overlay-actions{justify-content:stretch}.workspace-overlay-actions>*{flex:1 1 0}.listing-results.is-list-view{overflow:visible!important;row-gap:12px!important}.listing-results.is-list-view>.listing-row-button,.listing-results.is-list-view .listing-row{min-width:0!important}.listing-results.is-list-view .listing-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:18px!important}.listing-row-cell{padding:12px 14px;border:1px solid rgba(206,220,239,.96);border-radius:14px;background:#f8fbfff5}.listing-row-title{grid-column:1 / -1;padding:16px 16px 14px;background:radial-gradient(circle at top right,rgba(96,165,250,.16),transparent 30%),linear-gradient(180deg,#eaf3fffa,#f8fbfff5);border-color:#a6c0e5f5;box-shadow:inset 0 1px #ffffffb8}.listing-row-title-top{align-items:flex-start}.listing-row-title-top h3{font-size:1.02rem;line-height:1.18}.listing-row-title-badges{flex:0 0 auto;max-width:46%}.listing-row-title-hint{display:block;margin-top:10px;font-size:.84rem;line-height:1.5}.listing-row-office{grid-column:1 / -1}.listing-row-status{display:none}.listing-row-value,.listing-row-title h3,.listing-row-title .text-soft{white-space:normal!important}.listing-row-value{line-height:1.4}.listing-row-meta-top{flex-wrap:wrap}.listing-row-mobile-cta{grid-column:1 / -1;display:flex;justify-content:flex-start;padding-top:2px}.listing-row-mobile-cta .listing-card-cta{min-height:40px;padding:9px 14px;border-radius:12px}.compact-list-scroll{overflow:visible}.compact-list-shell{min-width:0!important}.compact-list-body{gap:10px}.compact-list-row{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:10px;padding:16px!important;border:1px solid rgba(198,211,229,.96)!important;border-radius:18px!important;background:radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 28%),linear-gradient(180deg,#fffffffa,#f4f8ffeb)!important;box-shadow:0 12px 28px #11294414!important}.compact-list-row:last-child{margin-bottom:0}.compact-list-row>span,.compact-list-row>div,.attendance-record-row span[data-label]{min-width:0;display:grid;gap:6px;white-space:normal!important}.compact-list-row>span:before,.compact-list-row>div[data-label]:before,.attendance-record-row span[data-label]:before{content:attr(data-label);color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.compact-list-row [data-label=Actions],.payment-list-actions{display:flex!important;flex-wrap:wrap;gap:8px}.attendance-record-row{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;border:1px solid rgba(198,211,229,.96)!important;border-radius:18px!important;background:#fffffffa!important;box-shadow:0 10px 24px #1129440f!important}.attendance-record-row--head{display:none!important}}@media(max-width:390px){.shell-header{padding:10px 10px 8px;gap:8px}.content{padding:10px}.listings-shell .application-status-card,.listings-shell .listing-browser-card,.dashboard-shell .onboarding-steps-card,.dashboard-shell .completed-internships-section,.dashboard-shell .student-deliverables-card,.staff-shell .staff-message-card,.staff-shell .application-flow-card,.staff-shell .staff-listing-manager,.certificates-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card),.attendance-shell .card:not(.listing-modal-card),.profile-shell .card,.signup-step-panel,.signup-section-panel,.step-card{padding:14px!important}.staff-explorer-toolbar,.staff-explorer-toolbar.has-action,.listing-browser-toolbar{grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}.staff-toolbar-search,.staff-toolbar-filter,.staff-view-toggle,.staff-toolbar-action,.listing-search-field{min-width:0;width:100%}.staff-toolbar-action{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch}.staff-toolbar-action>label{display:grid;gap:6px}.staff-toolbar-action>label>span{white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:0;writing-mode:horizontal-tb;text-orientation:mixed}#staff-applications .staff-explorer-toolbar,#staff-applications .staff-explorer-toolbar.has-action{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#staff-applications .staff-toolbar-search,#staff-applications .staff-toolbar-filter{grid-column:1 / -1!important}#staff-applications .staff-view-toggle,#staff-applications .staff-toolbar-action{grid-column:span 1!important;width:100%!important}#staff-applications .staff-toolbar-action{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:stretch!important}#staff-applications .staff-toolbar-action .small-button,#staff-applications .staff-view-button{width:100%!important;min-width:0!important;flex:1 1 0!important}.staff-toolbar-search input,.listing-search-field input{min-height:44px;padding:10px 12px}.dashboard-actions,.button-row,.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{width:100%;flex-wrap:wrap;gap:8px;justify-content:stretch}.staff-view-toggle,.listing-view-toggle{width:100%;justify-content:stretch;flex-wrap:nowrap}.staff-view-button,.listing-view-toggle-button,.staff-toolbar-action .small-button,.listing-browser-toolbar .small-button{flex:1 1 0;width:auto!important;min-width:0!important;height:auto!important;min-height:38px!important;padding:8px 10px!important;gap:0!important;font-size:.8rem!important;white-space:normal!important;line-height:1.2}.staff-view-button span,.listing-view-toggle-button span,.staff-toolbar-action .small-button span,.listing-browser-toolbar .small-button span{display:none}.listing-view-toggle-button i,.staff-view-button i,.staff-toolbar-action .small-button svg,.listing-browser-toolbar .small-button svg{flex:0 0 auto;width:18px;height:18px}.staff-view-button .app-icon,.listing-view-toggle-button .app-icon,.staff-toolbar-action .small-button .app-icon,.listing-browser-toolbar .small-button .app-icon{display:inline-flex!important;width:18px!important;height:18px!important;color:currentColor!important;opacity:1!important}.staff-view-button .app-icon *,.listing-view-toggle-button .app-icon *,.staff-toolbar-action .small-button .app-icon *,.listing-browser-toolbar .small-button .app-icon *{opacity:1!important}.preference-action-button{min-width:44px!important;min-height:44px!important;padding:10px!important}.preference-action-button .app-icon,.preference-action-button svg{width:20px!important;height:20px!important}.preference-action-button .app-icon *,.preference-action-button svg *{opacity:1!important}.finance-tabs,.attendance-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;margin-top:14px;margin-bottom:6px;padding-bottom:2px}.finance-tab{min-height:40px;flex:0 0 auto;min-width:max-content;padding:8px 10px!important;white-space:nowrap!important;max-width:100%}#staff-internships .staff-scope-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}#staff-internships .staff-scope-tabs .finance-tab{width:auto;flex:0 0 auto;min-width:max-content}.staff-listing-grid,.staff-application-grid,.finance-student-dashboard-grid,.cards-grid--wide,.listings-shell .cards-grid--wide{grid-template-columns:1fr!important;gap:12px!important}.summary-grid,.staff-listing-meta,.payment-modal-grid,.verify-detail-grid{grid-template-columns:1fr!important;gap:8px!important}.summary-grid>div,.summary-grid>button,.staff-listing-meta>div,.payment-modal-grid>div,.verify-detail-grid>div{padding:12px!important}.listing-results.is-list-view{overflow:visible!important;row-gap:10px!important}.listing-results.is-list-view>.listing-row-button,.listing-results.is-list-view .listing-row{min-width:0!important}.listing-results.is-list-view .listing-row{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}.listing-row-cell{padding:10px 12px;border-radius:12px}.listing-row-title{padding:12px 12px 10px}.listing-row-title-top h3{font-size:.98rem}.listing-row-title-badges{max-width:100%;justify-content:flex-start}.listing-row-value,.listing-row-title h3,.listing-row-title .text-soft{white-space:normal!important;overflow:visible;text-overflow:clip}.listing-row-mobile-cta{padding-top:0}.compact-list-scroll{overflow:visible}.compact-list-shell{width:100%!important;min-width:0!important}.compact-list-row{padding:12px!important;gap:8px!important;border-radius:14px!important}.staff-listing-card,.payment-record-card,.finance-student-card,.attendance-record-row,.compact-list-row,.listing-results.is-list-view .listing-row{gap:6px!important}.staff-listing-card,.payment-record-card,.finance-student-card{padding:14px!important}.staff-listing-card-header,.listing-card-header,.payment-record-card .staff-listing-card-header,.finance-student-card-head{gap:8px}.staff-listing-card h4,.payment-record-card h4,.finance-student-card strong,.listing-row-title-top h3{font-size:.98rem!important;line-height:1.25}.staff-listing-card>p,.payment-record-card p,.finance-student-card-meta,.listing-row-title .text-soft,.listing-row-value{font-size:.86rem;line-height:1.42}.summary-grid>div,.summary-grid>button,.staff-listing-meta>div,.payment-modal-grid>div,.verify-detail-grid>div{padding:10px!important}}@media(max-width:375px){.shell-header{padding:8px 8px 6px;gap:6px}.content{padding:8px}.listings-shell .application-status-card,.listings-shell .listing-browser-card,.dashboard-shell .onboarding-steps-card,.dashboard-shell .completed-internships-section,.dashboard-shell .student-deliverables-card,.staff-shell .staff-message-card,.staff-shell .application-flow-card,.staff-shell .staff-listing-manager,.certificates-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card),.attendance-shell .card:not(.listing-modal-card),.profile-shell .card,.signup-step-panel,.signup-section-panel,.step-card{padding:12px!important}.staff-explorer-toolbar,.staff-explorer-toolbar.has-action,.listing-browser-toolbar{gap:6px!important}.dashboard-actions,.button-row,.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions{gap:6px}.staff-view-button,.listing-view-toggle-button,.staff-toolbar-action .small-button,.listing-browser-toolbar .small-button{flex:1 1 0;width:auto!important;min-height:36px!important;padding:7px 9px!important;gap:0!important;font-size:.78rem!important}.listing-view-toggle-button i,.staff-view-button i,.staff-toolbar-action .small-button svg,.listing-browser-toolbar .small-button svg{width:18px;height:18px}.staff-view-button .app-icon,.listing-view-toggle-button .app-icon,.staff-toolbar-action .small-button .app-icon,.listing-browser-toolbar .small-button .app-icon{display:inline-flex!important;width:18px!important;height:18px!important;color:currentColor!important;opacity:1!important}.staff-view-button .app-icon *,.listing-view-toggle-button .app-icon *,.staff-toolbar-action .small-button .app-icon *,.listing-browser-toolbar .small-button .app-icon *{opacity:1!important}.finance-tabs,.attendance-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:5px}.finance-tab{min-height:38px;flex:0 0 auto;min-width:max-content;padding:7px 9px!important;white-space:nowrap!important}#staff-internships .staff-scope-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:5px}.listing-results.is-list-view .listing-row{gap:8px!important;padding:12px!important}.listing-row-cell,.summary-grid>div,.summary-grid>button,.staff-listing-meta>div,.payment-modal-grid>div,.verify-detail-grid>div{padding:10px!important}.compact-list-row{padding:10px!important;gap:6px!important}.staff-listing-card,.payment-record-card,.finance-student-card,.attendance-record-row,.compact-list-row,.listing-results.is-list-view .listing-row{gap:5px!important}.staff-listing-card,.payment-record-card,.finance-student-card{padding:12px!important}.staff-listing-card h4,.payment-record-card h4,.finance-student-card strong,.listing-row-title-top h3{font-size:.95rem!important}.staff-listing-card>p,.payment-record-card p,.finance-student-card-meta,.listing-row-title .text-soft,.listing-row-value{font-size:.82rem;line-height:1.38}}@media(max-width:760px){html,body,#root,.App.app-shell,.shell-main,.content,.page-shell,.portal-shell{width:100%;max-width:100%;min-width:0;overflow-x:clip}.App.app-shell{grid-template-columns:minmax(0,1fr)!important;--shell-header-offset: 74px}.shell-sidebar{position:fixed;inset:var(--shell-header-offset) auto 0 0;width:min(320px,calc(100vw - 32px));max-width:calc(100vw - 32px);transform:translate(-108%);transition:transform .24s ease}.shell-sidebar.is-open{transform:translate(0)}.shell-header{display:grid!important;grid-template-columns:52px minmax(44px,1fr) auto!important;align-items:center!important;min-height:var(--shell-header-offset)!important;padding:10px 12px!important;gap:8px!important}.shell-header-left{display:contents!important}.shell-header-copy{grid-column:2!important;width:100%!important;min-width:0!important;display:grid!important;place-items:center!important}.shell-header-logo{width:36px!important;height:36px!important}.shell-header-right{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;width:auto!important}.shell-header-button--menu,.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-chip--login{flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;gap:0!important;border-radius:0!important;border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;color:#16304d!important;box-shadow:none!important}.shell-header-button--menu:hover,.shell-header-button--search:hover,.shell-header-button--notifications:hover,.shell-header-button--profile:hover,.shell-header-button--logout:hover,.shell-header-chip--login:hover,.shell-header-button--menu:focus,.shell-header-button--search:focus,.shell-header-button--notifications:focus,.shell-header-button--profile:focus,.shell-header-button--logout:focus,.shell-header-chip--login:focus,.shell-header-button--menu:focus-visible,.shell-header-button--search:focus-visible,.shell-header-button--notifications:focus-visible,.shell-header-button--profile:focus-visible,.shell-header-button--logout:focus-visible,.shell-header-chip--login:focus-visible,.shell-header-button--menu:active,.shell-header-button--search:active,.shell-header-button--notifications:active,.shell-header-button--profile:active,.shell-header-button--logout:active,.shell-header-chip--login:active{border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important}.shell-header-button--menu{grid-column:1!important;justify-self:start!important}.shell-header-button--menu>span:last-child,.shell-header-button--search>span:last-child,.shell-header-button--notifications>span:last-child,.shell-header-button--profile>span:last-child,.shell-header-button--logout>span:last-child,.shell-header-chip--login>span:last-child{display:none!important}.shell-header-button .app-icon,.shell-header-chip .app-icon,.small-button .app-icon,.secondary-button .app-icon,.inline-icon-button .app-icon,.listing-view-toggle-button .app-icon,.staff-view-button .app-icon,.finance-tab .app-icon,.attendance-tab .app-icon,.attendance-filter-tab .app-icon{display:inline-flex!important;flex:0 0 auto!important;color:currentColor!important;opacity:1!important}.shell-header-button .app-icon *,.shell-header-chip .app-icon *,.small-button .app-icon *,.secondary-button .app-icon *,.inline-icon-button .app-icon *,.listing-view-toggle-button .app-icon *,.staff-view-button .app-icon *,.finance-tab .app-icon *,.attendance-tab .app-icon *,.attendance-filter-tab .app-icon *{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}.content{padding:14px 12px!important}.page-shell,.portal-shell{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.card,.hero-card,.staff-listing-manager,.listing-browser-card,.application-status-card,.application-flow-card,.completed-internships-section,.student-deliverables-card,.profile-shell .card,.certificates-shell .card:not(.listing-modal-card),.attendance-shell .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){width:100%!important;max-width:100%!important;min-width:0!important;padding:18px!important;overflow:hidden}.listings-hero-row,.listing-browser-toolbar,.staff-explorer-toolbar,.staff-explorer-toolbar.has-action,.workspace-grid,.staff-workspace-grid,.cards-grid,.cards-grid--wide,.staff-listing-grid,.staff-application-grid,.finance-payment-grid,.finance-student-dashboard-grid,.summary-grid,.staff-listing-meta,.payment-modal-grid,.verify-detail-grid,.intern-detail-grid,.application-details-grid,.onboarding-form-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}.listing-browser-toolbar,.staff-explorer-toolbar,.staff-explorer-toolbar.has-action{gap:10px!important;align-items:stretch!important}.listing-search-field,.staff-toolbar-search,.staff-toolbar-filter,.staff-view-toggle,.staff-toolbar-action,.listing-view-toggle{width:100%!important;min-width:0!important}.listing-search-field input,.staff-toolbar-search input,.staff-toolbar-filter .glass-select-trigger{width:100%!important;min-width:0!important;min-height:46px!important}.button-row,.dashboard-actions,.staff-toolbar-action,.staff-toolbar-action .button-row,.staff-toolbar-action .dashboard-actions,.listing-card-actions,.certificate-overview-actions,.staff-document-actions,.listing-modal-actions{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:stretch!important;gap:8px!important;width:100%!important;min-width:0!important}.small-button,.secondary-button,.btn,.btn-primary,.btn--primary,button.equal,button[type=submit],.listing-card-cta,.certificate-overview-actions .small-button,.staff-document-actions .small-button,.listing-modal-actions .small-button{max-width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.button-row>*,.dashboard-actions>*,.staff-toolbar-action .button-row>*,.staff-toolbar-action .dashboard-actions>*,.listing-card-actions>*,.certificate-overview-actions>*,.staff-document-actions>*,.listing-modal-actions>*{flex:1 1 min(180px,100%)!important}.listing-view-toggle,.staff-view-toggle{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;justify-content:stretch!important}.listing-view-toggle-button,.staff-view-button{width:100%!important;min-width:0!important;min-height:44px!important;padding:9px 10px!important;border-radius:12px!important;white-space:nowrap!important}.finance-tabs,.attendance-tabs,.attendance-day-tabs,.attendance-filter-tabs,.staff-route-tabs,#staff-internships .staff-scope-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;gap:8px!important;padding:2px 2px 8px!important;scrollbar-width:thin}.finance-tab,.attendance-tab,.attendance-day-tab,.attendance-filter-tab,.staff-route-tab,#staff-internships .staff-scope-tabs .finance-tab{flex:0 0 auto!important;max-width:calc(100vw - 40px)!important;min-width:max-content!important;min-height:42px!important;padding:8px 12px!important;white-space:nowrap!important}.staff-listing-card,.listing-card,.staff-application-card,.payment-record-card,.finance-student-card,.certificate-card,.summary-grid>div,.summary-grid>button,.staff-listing-meta>div,.staff-listing-meta>label{min-width:0!important;max-width:100%!important;overflow:hidden}.staff-listing-card-header,.listing-card-header,.payment-record-card .staff-listing-card-header,.finance-student-card-head,.application-status-head,.listings-hero-head{min-width:0!important;align-items:flex-start!important;gap:10px!important}:where(.card,.staff-listing-card,.listing-card,.staff-application-card,.payment-record-card,.finance-student-card,.certificate-card,.summary-grid,.summary-grid>div,.summary-grid>button,.staff-listing-meta,.staff-listing-meta>div,.staff-listing-meta>label,.rich-content-preview,.listing-row-cell,.compact-list-row) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small){max-width:100%;overflow-wrap:anywhere;word-break:normal}.dashboard-hero-title,.staff-hero-title,.profile-hero-title,.listings-hero-title,.card h1{white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(2rem,11vw,3.1rem)!important;line-height:1.02!important;padding:0!important}.listing-results,.listing-results.is-list-view,.compact-list-scroll{width:100%!important;max-width:100%!important;overflow-x:visible!important}.listing-results.is-list-view>.listing-table-head{display:none!important}.listing-results.is-list-view>.listing-row-button,.listing-results.is-list-view .listing-row{width:100%!important;min-width:0!important;max-width:100%!important}.listing-results.is-list-view .listing-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:14px!important}.listing-row-cell{min-width:0!important}.listing-row-title-top,.listing-row-meta-top{min-width:0!important;flex-wrap:wrap!important}.listing-row-title-badges,.listing-card-badges{max-width:100%!important;flex-wrap:wrap!important}.listing-row-value,.listing-row-title h3,.listing-row-title .text-soft{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.listing-modal-backdrop,.content-modal-backdrop{padding:10px!important}.listing-modal-card,.content-modal-card{width:100%!important;max-width:calc(100vw - 20px)!important;min-width:0!important;max-height:calc(100dvh - 20px)!important;padding:18px!important;border-radius:18px!important;overflow-x:hidden!important}#staff-internships,#staff-internships *,.staff-shell,.staff-shell *{box-sizing:border-box}#staff-internships,#staff-internships .staff-explorer-head,#staff-internships .attendance-panel-header,#staff-internships .staff-explorer-toolbar,#staff-internships .staff-listing-grid,#staff-internships .staff-listing-card,#staff-internships .staff-listing-card-header,#staff-internships .summary-grid.staff-listing-meta{width:100%!important;max-width:100%!important;min-width:0!important}#staff-internships{overflow-x:hidden!important}#staff-internships .attendance-panel-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important}#staff-internships .attendance-panel-header>*,#staff-internships .attendance-panel-header>div,#staff-internships .staff-listing-card-header>*,#staff-internships .staff-listing-card-header>div{min-width:0!important;max-width:100%!important}#staff-internships :where(h1,h2,h3,h4,p,span,strong){max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}#staff-internships .attendance-panel-header p,#staff-internships .staff-listing-card-header p,#staff-internships .staff-listing-card>p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}#staff-internships .staff-scope-tabs{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding-right:8px!important;scroll-padding-inline:8px!important}#staff-internships .staff-scope-tabs .finance-tab{flex:0 0 auto!important;max-width:none!important}#staff-internships .staff-listing-card,#staff-internships .summary-grid.staff-listing-meta{overflow:hidden!important}#staff-internships .summary-grid.staff-listing-meta>div{min-width:0!important;max-width:100%!important}}@media(min-width:541px)and (max-width:760px){.shell-header{grid-template-columns:54px minmax(44px,1fr) auto!important;padding-inline:16px!important}.shell-header-right{gap:8px!important}.shell-header-button--menu,.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-chip--login{flex-basis:48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important}}@media(max-width:540px){.App.app-shell{--shell-header-offset: 68px}.shell-header{grid-template-columns:42px minmax(34px,1fr) auto!important;padding:8px 9px!important;gap:5px!important}.shell-header-right{gap:3px!important}.shell-header-logo{width:30px!important;height:30px!important}.shell-header-button--menu,.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-chip--login{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:42px!important;min-height:42px!important;border-radius:0!important}.shell-header-button .app-icon,.shell-header-chip .app-icon{width:20px!important;height:20px!important}.content{padding:10px 8px!important}.card,.hero-card,.staff-listing-manager,.listing-browser-card,.application-status-card,.application-flow-card,.completed-internships-section,.student-deliverables-card,.profile-shell .card,.certificates-shell .card:not(.listing-modal-card),.attendance-shell .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){padding:14px!important}.button-row>*,.dashboard-actions>*,.staff-toolbar-action .button-row>*,.staff-toolbar-action .dashboard-actions>*,.listing-card-actions>*,.certificate-overview-actions>*,.staff-document-actions>*,.listing-modal-actions>*{flex-basis:100%!important}}@media(max-width:390px){.shell-header{grid-template-columns:40px minmax(30px,1fr) auto!important;padding:7px 8px!important;gap:4px!important}.shell-header-button--menu,.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-chip--login{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:40px!important;min-height:40px!important}.shell-header-button .app-icon,.shell-header-chip .app-icon{width:19px!important;height:19px!important}.listing-view-toggle-button,.staff-view-button,.finance-tab,.attendance-tab,.attendance-day-tab,.attendance-filter-tab,.staff-route-tab{min-height:38px!important;padding:7px 10px!important}}@media(max-width:375px){.shell-header{grid-template-columns:38px minmax(28px,1fr) auto!important;padding:6px 7px!important;gap:3px!important}.shell-header-right{gap:2px!important}.shell-header-button--menu,.shell-header-button--search,.shell-header-button--notifications,.shell-header-button--profile,.shell-header-button--logout,.shell-header-chip--login{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:38px!important;min-height:38px!important}.shell-header-logo{width:28px!important;height:28px!important}.shell-header-button .app-icon,.shell-header-chip .app-icon{width:18px!important;height:18px!important}.card,.hero-card,.staff-listing-manager,.listing-browser-card,.application-status-card,.application-flow-card,.completed-internships-section,.student-deliverables-card,.profile-shell .card,.certificates-shell .card:not(.listing-modal-card),.attendance-shell .card:not(.listing-modal-card),.verify-shell .card:not(.listing-modal-card),.page-shell--policy .card:not(.listing-modal-card){padding:12px!important}}@media(max-width:760px){#staff-internships .staff-toolbar-action{justify-content:center!important}#staff-internships .staff-toolbar-action>.small-button{width:fit-content!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;justify-self:center!important;align-self:center!important;padding-inline:18px!important}#staff-internships .staff-scope-tabs,#staff-internship-scopes{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;scrollbar-width:thin!important;scrollbar-color:rgba(37,99,235,.42) transparent!important;padding:6px 8px 12px!important}#staff-internships .staff-scope-tabs::-webkit-scrollbar,#staff-internship-scopes::-webkit-scrollbar{display:block!important;height:6px!important}#staff-internships .staff-scope-tabs::-webkit-scrollbar-thumb,#staff-internship-scopes::-webkit-scrollbar-thumb{border-radius:999px!important;background:#2563eb6b!important}#staff-internships .staff-scope-tabs .finance-tab,#staff-internship-scopes .finance-tab{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important}.staff-shell #staff-internships.staff-listing-manager{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:hidden!important;contain:inline-size}.staff-shell #staff-internships>*,.staff-shell #staff-internships .staff-explorer-head>*,.staff-shell #staff-internships .staff-explorer-filter-row,.staff-shell #staff-internships .staff-explorer-filter-row>*,.staff-shell #staff-internships .staff-listing-grid>*,.staff-shell #staff-internships .unstyled-card-button,.staff-shell #staff-internships .staff-listing-card{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}.staff-shell #staff-internships .staff-explorer-filter-row{overflow:hidden!important}.staff-shell #staff-internships .staff-scope-tabs,.staff-shell #staff-internship-scopes{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:auto!important;overflow-y:hidden!important}.staff-shell #staff-internships .staff-listing-card h4,.staff-shell #staff-internships .staff-listing-card p,.staff-shell #staff-internships .staff-listing-card strong,.staff-shell #staff-internships .staff-listing-card span,.staff-shell #staff-internships .attendance-panel-header h3,.staff-shell #staff-internships .attendance-panel-header p{min-inline-size:0!important;max-inline-size:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}}@media(max-width:760px){.content .small-button .app-icon,.content .secondary-button .app-icon,.content .inline-icon-button .app-icon,.content .preference-action-button .app-icon,.content .listing-view-toggle-button .app-icon,.content .staff-view-button .app-icon,.content .finance-tab .app-icon,.content .attendance-tab .app-icon,.content .attendance-filter-tab .app-icon,.page-shell .small-button .app-icon,.portal-shell .small-button .app-icon,.listing-modal-card button .app-icon,.verification-modal-card button .app-icon,.payment-modal-card button .app-icon,.staff-detail-modal button .app-icon,.auth-card button .app-icon{position:relative!important;display:inline-block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex:0 0 24px!important}.content .small-button .app-icon__glyph,.content .secondary-button .app-icon__glyph,.content .inline-icon-button .app-icon__glyph,.content .preference-action-button .app-icon__glyph,.content .listing-view-toggle-button .app-icon__glyph,.content .staff-view-button .app-icon__glyph,.content .finance-tab .app-icon__glyph,.content .attendance-tab .app-icon__glyph,.content .attendance-filter-tab .app-icon__glyph,.page-shell .small-button .app-icon__glyph,.portal-shell .small-button .app-icon__glyph,.listing-modal-card button .app-icon__glyph,.verification-modal-card button .app-icon__glyph,.payment-modal-card button .app-icon__glyph,.staff-detail-modal button .app-icon__glyph,.auth-card button .app-icon__glyph{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.content .small-button .app-icon--auto .app-icon__glyph--filled,.content .secondary-button .app-icon--auto .app-icon__glyph--filled,.content .inline-icon-button .app-icon--auto .app-icon__glyph--filled,.content .preference-action-button .app-icon--auto .app-icon__glyph--filled,.content .listing-view-toggle-button .app-icon--auto .app-icon__glyph--filled,.content .staff-view-button .app-icon--auto .app-icon__glyph--filled,.content .finance-tab .app-icon--auto .app-icon__glyph--filled,.content .attendance-tab .app-icon--auto .app-icon__glyph--filled,.content .attendance-filter-tab .app-icon--auto .app-icon__glyph--filled,.page-shell .small-button .app-icon--auto .app-icon__glyph--filled,.portal-shell .small-button .app-icon--auto .app-icon__glyph--filled,.listing-modal-card button .app-icon--auto .app-icon__glyph--filled,.verification-modal-card button .app-icon--auto .app-icon__glyph--filled,.payment-modal-card button .app-icon--auto .app-icon__glyph--filled,.staff-detail-modal button .app-icon--auto .app-icon__glyph--filled,.auth-card button .app-icon--auto .app-icon__glyph--filled{opacity:0!important;transform:scale(.92)!important}.content .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .secondary-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .inline-icon-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .preference-action-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .listing-view-toggle-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .staff-view-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .finance-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .attendance-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.content .attendance-filter-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.page-shell .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.portal-shell .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.listing-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.verification-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.payment-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.staff-detail-modal button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled,.auth-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--filled{opacity:1!important;transform:scale(1)!important}.content .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .secondary-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .inline-icon-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .preference-action-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .listing-view-toggle-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .staff-view-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .finance-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .attendance-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.content .attendance-filter-tab:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.page-shell .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.portal-shell .small-button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.listing-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.verification-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.payment-modal-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.staff-detail-modal button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular,.auth-card button:is(:hover,:focus-visible,:active,.is-active,.is-current) .app-icon--auto .app-icon__glyph--regular{opacity:0!important;transform:scale(.88)!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger){align-items:center!important;justify-content:center!important;gap:10px!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon{position:relative!important;display:inline-block!important;inline-size:24px!important;block-size:24px!important;min-inline-size:24px!important;min-block-size:24px!important;flex:0 0 24px!important;color:currentColor!important;overflow:visible!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon__glyph{position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important;color:currentColor!important;fill:currentColor!important;transform-origin:center!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--auto .app-icon__glyph--regular,:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--regular .app-icon__glyph--regular,:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--filled .app-icon__glyph--filled{opacity:1!important;transform:scale(1)!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--auto .app-icon__glyph--filled,:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--regular .app-icon__glyph--filled,:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger) .app-icon--filled .app-icon__glyph--regular{opacity:0!important;transform:scale(.92)!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger):is(:hover,:focus-visible,:active,.is-active,.is-selected,.is-current) .app-icon--auto .app-icon__glyph--regular{opacity:0!important;transform:scale(.88)!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal,.auth-card) :where(button,a.small-button,[role=button]):not(.shell-header-button):not(.shell-nav-item):not(.rich-editor-button):not(.glass-select-trigger):is(:hover,:focus-visible,:active,.is-active,.is-selected,.is-current) .app-icon--auto .app-icon__glyph--filled{opacity:1!important;transform:scale(1)!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal) :where(.preference-action-button,.inline-icon-button,.listing-view-toggle-button,.staff-view-button){min-inline-size:58px!important;min-block-size:58px!important;padding:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}:where(.content,.page-shell,.portal-shell,.listing-modal-card,.verification-modal-card,.payment-modal-card,.staff-detail-modal) :where(.preference-action-button,.inline-icon-button):not(:disabled):is(:hover,:focus-visible,:active){color:#0f4ea8!important;border-color:#2563eb6b!important;background:radial-gradient(circle at 50% 12%,rgba(96,165,250,.18),transparent 42%),linear-gradient(180deg,#fffffffa,#eff6fff0)!important}}.searchbox-input{background:transparent!important;border:none!important;box-shadow:none!important}.searchbox-input:focus-visible{border:none!important;box-shadow:none!important}@media(max-width:760px){.content .listing-browser-toolbar,.content .staff-explorer-toolbar,.content .staff-explorer-toolbar.has-action{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;max-width:100%!important}.content .listing-search-field,.content .staff-toolbar-search,.content .staff-toolbar-filter,.content .staff-toolbar-filter--content{grid-column:1 / -1!important;width:100%!important;min-width:0!important}.content .listing-search-field input,.content .staff-toolbar-search input{width:100%!important;min-height:56px!important;padding:14px 18px!important;border-radius:14px!important}.content .listing-view-toggle,.content .staff-view-toggle,.content .staff-toolbar-action{display:flex!important;width:100%!important;min-width:0!important;gap:10px!important;align-items:stretch!important;justify-content:stretch!important;justify-self:stretch!important}.content .listing-view-toggle,.content .staff-view-toggle{grid-column:1!important}.content .staff-toolbar-action{grid-column:2!important}.content .listing-browser-toolbar .listing-view-toggle{grid-column:1 / -1!important;max-width:280px!important;justify-self:start!important}.content .listing-view-toggle-button,.content .staff-view-button,.content .staff-toolbar-action>.small-button,.content .staff-toolbar-action>button,.content .staff-toolbar-action>a,.content .listing-browser-toolbar .small-button{flex:1 1 0!important;width:100%!important;min-width:0!important;min-height:58px!important;height:auto!important;padding:14px 16px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;line-height:1.15!important;white-space:nowrap!important;text-align:center!important}.content .staff-toolbar-action>label,.content .staff-toolbar-action>div{min-width:0!important;width:100%!important}.content .staff-toolbar-action .button-row,.content .staff-toolbar-action .dashboard-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}}@media(max-width:440px){.content .listing-browser-toolbar,.content .staff-explorer-toolbar,.content .staff-explorer-toolbar.has-action{grid-template-columns:1fr!important}.content .listing-view-toggle,.content .staff-view-toggle,.content .staff-toolbar-action,.content .listing-browser-toolbar .listing-view-toggle{grid-column:1!important;max-width:none!important}}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(15,23,42,.08)}.pagination-summary{margin:0}.pagination-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.pagination-page-indicator{color:#16324f;font-size:.92rem;font-weight:600}@media(max-width:768px){.pagination-bar{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:space-between}}