@charset "UTF-8";
:root{--bg:#f4f6fa;--surface:#fff;--ink:#1d293d;--muted:#637189;--forest:#18365e;--forest-dark:#102744;--lime:#dbe8ff;--line:#e3e8ef;--soft:#edf2fa;--orange:#9b682c;--radius:18px;--shadow:0 8px 30px #122b4c06;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #627dac;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:36px;font-weight:650;line-height:1.17}h2{font-size:20px;font-weight:620;line-height:1.35}h3{font-size:17px;font-weight:620;line-height:1.4}p{line-height:1.6}small{font-size:12px}button{border:0}input,textarea,select{min-width:0}hr{border:0;border-top:1px solid var(--line);margin:22px 0}[hidden]{display:none!important}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:34px 22px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 38px}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--forest);color:var(--lime);display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.brand-name{font-size:27px;letter-spacing:-1.3px;font-weight:750;line-height:1.05}.brand small,.brand-subtitle{font-size:10px;letter-spacing:.06em;font-weight:500;color:var(--muted);display:block;margin-top:6px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;background:transparent;color:#5f6b80;padding:14px 16px;border-radius:12px;font-weight:550;text-align:left;min-height:50px;transition:background .2s,color .2s}.nav-item svg{width:21px;height:21px;stroke-width:1.65}.nav-item:hover{background:#f2f4f8;color:var(--forest)}.nav-item.active{background:#e3e8f1;color:var(--forest);font-weight:650}.nav-item .badge{margin-left:auto;font-size:10px;min-width:21px;justify-content:center}.sidebar-footer{margin-top:auto;padding-top:48px}.sidebar-note{font-size:11px;line-height:1.65;color:var(--muted);padding:16px 12px}.sidebar-support{margin:0 4px 25px;background:#eff2f6;border:1px solid var(--line);border-radius:16px;padding:17px 14px}.sidebar-support h3{font-size:13px;margin:10px 0 6px}.sidebar-support p{font-size:11px;color:var(--muted);margin:0 0 10px}.profile-button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border-top:1px solid var(--line);padding:20px 10px 0}.profile-button strong{display:block;font-size:13px}.profile-button small{display:block;color:var(--muted);margin-top:3px}.profile-button>svg{margin-left:auto;color:var(--muted)}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#dee3eb;color:var(--forest);font-weight:650;font-size:12px}.avatar.large{width:64px;height:64px;font-size:20px;background:var(--lime)}.workspace{margin-left:236px;min-height:100vh}.topbar{height:83px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f7fa}.topbar-title{font-size:13px;color:#606d83}.topbar-actions{display:flex;align-items:center;gap:13px}.topbar .search-button{color:#8591a5;display:flex;gap:9px;align-items:center;font-size:12px;padding:10px 16px;border-radius:20px;background:white;border:1px solid var(--line)}.topbar .search-button kbd{background:#f0f2f6;border:1px solid var(--line);padding:1px 5px;border-radius:4px;color:#78859c;font-size:10px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;position:relative;color:#626e84}.icon-button:hover{background:var(--soft);color:var(--forest)}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#708dbf;border:1px solid white}.notification-count{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;border-radius:9px;background:var(--forest);color:white;font-size:9px;display:grid;place-items:center}.main-content{max-width:1480px;margin:auto;padding:35px 42px 50px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 27px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#7d899f;margin-bottom:10px}.page-title{margin:0 0 10px}.page-subtitle{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.page-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px}.demo-badge{font-size:10px;color:#78859b;border:1px solid #d6dce6;border-radius:8px;padding:7px 10px;background:#eff2f8;white-space:nowrap;letter-spacing:.02em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px}.main-column,.side-column{display:flex;flex-direction:column;gap:23px;min-width:0}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.card-header h2,.card-header h3,.section-title{margin:0}.section-title{font-size:18px;font-weight:630}.card-header .muted{font-size:12px}.text-link{display:inline-flex;align-items:center;gap:5px;background:none;padding:0;font-size:12px;font-weight:550;color:var(--forest);text-align:left;line-height:1.5}.text-link:hover{text-decoration:underline}.text-link svg{width:15px;height:15px}.muted,.text-muted{color:var(--muted)}.small{font-size:12px}.badge{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:550;padding:5px 9px;background:#edf0f4;color:#606c82;border-radius:7px;line-height:1.35;white-space:normal}.badge svg{width:12px;height:12px}.status-new{background:#eef3fb;color:#5b7297}.status-in_progress{background:#f3eddc;color:#a2823f}.status-needs_info{background:#fff0df;color:#a3662c}.status-ready,.status-completed{background:#dfe6f3;color:#39517b}.status-rejected{background:#fae9e7;color:#b8655c}.status-pending{background:#edeef1;color:#6b7991}.hero-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px 29px;background:var(--forest);color:white;box-shadow:0 12px 24px #192b4b13;min-height:260px}.hero-card:before,.hero-card:after{content:"";position:absolute;pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:330px;height:330px;right:-100px;top:-25px}.hero-card:after{width:220px;height:220px;right:-45px;top:30px;border-color:#ffffff12}.hero-card>*{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;color:#c9cfda;font-size:11px}.hero-top .badge{background:#ffffff15;color:#ced9eb;letter-spacing:.03em}.hero-top svg{width:15px;height:15px}.hero-title{font-size:29px;line-height:1.2;max-width:410px;margin:0 0 12px;font-weight:580;color:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 19px;color:#c6ccd6;font-size:12px;line-height:1.6}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta svg{width:15px;height:15px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;border-top:1px solid #ffffff19;padding-top:20px}.hero-footer .teacher-link{color:#d4dae3}.hero-footer .btn{border:0;background:var(--lime);color:var(--forest-dark);font-size:11px;min-height:36px;padding:10px 15px}.teacher-link{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:8px;color:#616d83;font-size:11px;text-align:left;line-height:1.5}.teacher-link:hover{color:var(--forest);text-decoration:underline}.teacher-link .avatar{height:25px;width:25px;font-size:8px}.hero-footer .teacher-link .avatar{background:#ffffff20;color:#e7ebf2}.notice,.change-notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #d2dae7;background:#e9edf5;border-radius:12px;padding:12px 15px;color:#5d6b83;font-size:11px;line-height:1.6;margin-bottom:20px}.notice svg,.change-notice svg{width:17px;height:17px;margin-top:1px}.notice strong,.change-notice strong{font-weight:650;color:#2d4d85}.timeline{display:flex;flex-direction:column}.lesson-row{display:flex;gap:17px;position:relative;padding:20px 0;border-bottom:1px solid #eceef2;min-width:0}.lesson-row:first-child{padding-top:0}.lesson-row:last-child{padding-bottom:0;border-bottom:0}.lesson-time{flex-shrink:0;min-width:44px;display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;letter-spacing:-.01em;padding-top:2px}.lesson-time small{color:#99a2b3;font-size:10px;font-weight:400}.lesson-detail{flex:1;min-width:0;border-left:3px solid #dee4ee;padding-left:16px}.lesson-detail h3{font-size:14px;line-height:1.5;margin:2px 0 7px;letter-spacing:-.02em}.lesson-detail p{font-size:11px;color:#7f8ba0;margin:0 0 8px}.lesson-tag{display:inline-block;color:#738198;font-size:9px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.lesson-row.current .lesson-detail{border-color:#647ca6}.lesson-row .lesson-action{align-self:center}.lesson-row .badge{font-size:9px;margin-left:auto;align-self:flex-start}.action-list{display:flex;flex-direction:column}.action-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #eceef2;background:transparent;text-align:left;width:100%}.action-row:first-child{padding-top:0}.action-row:last-child{border-bottom:0;padding-bottom:0}.action-row strong{display:block;font-size:12px;line-height:1.5;font-weight:580}.action-row p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.5}.action-row>.icon-tile{flex-shrink:0}.action-row>svg:last-child{margin-left:auto;align-self:center;color:#9da6b6;width:16px}.icon-tile{width:36px;height:36px;border-radius:11px;background:#e7ecf4;color:#536d9b;display:inline-grid;place-items:center;flex-shrink:0}.icon-tile.amber{background:#f9f1e2;color:#b69a64}.icon-tile.blue{background:#edf2f8;color:#7794b4}.icon-tile svg{width:18px;height:18px}.onboarding-card{background:#e4eaf3;border:1px solid #d7dee9;border-radius:var(--radius);padding:23px;position:relative}.onboarding-card h2{font-size:19px;max-width:190px;margin:12px 0 8px}.onboarding-card p{font-size:12px;line-height:1.65;color:#66748b;margin:0 0 19px;max-width:260px}.onboarding-card .card-header{margin-bottom:10px}.onboarding-card .progress-track{margin:18px 0 10px}.onboarding-card .btn{background:white;border:1px solid #ced7e6;width:100%;margin-top:16px;color:var(--forest);font-size:12px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#6c7a93;margin-bottom:9px}.progress-track{height:5px;border-radius:5px;background:#d5dbe5;overflow:hidden}.progress-fill{height:100%;border-radius:5px;background:#516b99;transition:width .3s}.campus-feature{padding:0;overflow:hidden}.campus-art{position:relative;height:122px;background:#e5e9ef;overflow:hidden;display:grid;place-items:center;color:#687894}.campus-art svg{width:100%;height:100%;max-width:280px}.campus-feature-body{padding:22px}.campus-feature-body h3{font-size:17px;margin:0 0 8px}.campus-feature-body p{font-size:12px;color:var(--muted);margin-bottom:15px}.campus-feature .badge{position:absolute;left:20px;top:17px;background:#ffffffd6;font-size:9px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 18px;border-radius:10px;font-size:12px;line-height:1.4;font-weight:600;border:1px solid transparent;transition:background .16s,transform .16s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--forest-dark)}.btn-secondary{background:#fff;border-color:#d9dde5;color:var(--forest)}.btn-secondary:hover{background:#eaeef5}.btn-ghost{background:transparent;color:#667389;padding:9px 12px}.btn-ghost:hover{background:#e7ebf2}.btn-danger{background:#faeeeb;color:#a6574c;border-color:#f1dcd7}.btn-sm{min-height:33px;font-size:11px;padding:7px 12px}.btn-full{width:100%}.mobile-nav{display:none}.segmented{display:inline-flex;gap:3px;padding:4px;background:#e3e7ed;border-radius:12px;margin-bottom:25px;max-width:100%}.segmented button{background:transparent;padding:10px 18px;border-radius:8px;color:#6c7991;font-size:12px;font-weight:550}.segmented button.active{background:#fff;color:var(--forest);box-shadow:0 2px 6px #18294710}.study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.study-toolbar .segmented{margin:0}.date-strip{display:flex;gap:9px;margin-bottom:25px;overflow-x:auto;padding:4px 2px}.date-button{min-width:64px;min-height:77px;background:white;border:1px solid var(--line);border-radius:14px;color:#7a869c;padding:13px 17px;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:11px}.date-button strong{font-size:20px;font-weight:550;color:#4c5667}.date-button.active{background:var(--forest);color:#c4cddc;border-color:var(--forest)}.date-button.active strong{color:#fff}.schedule-list{max-width:950px}.schedule-list .lesson-row{padding:22px 0}.schedule-list .lesson-row:first-child{padding-top:0}.schedule-list .lesson-row:last-child{padding-bottom:0}.schedule-list .lesson-detail h3{font-size:16px}.schedule-day{margin-bottom:25px}.schedule-day-heading{font-size:15px;margin:0 0 17px;color:#556072}.grade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grade-card{padding:23px}.grade-card h3{font-size:16px;margin-bottom:8px;min-height:40px}.grade-card .progress-track{margin:20px 0 10px}.grade-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.grade-value{font-size:27px;letter-spacing:-.05em;color:var(--forest);font-weight:650}.grade-card p{font-size:12px;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{padding:22px;border-radius:17px;background:white;border:1px solid var(--line)}.stat-card strong{display:block;font-size:28px;color:var(--forest);letter-spacing:-.05em;margin-bottom:7px;font-weight:600}.stat-card span{font-size:11px;color:#758299}.request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:23px}.service-card h3{font-size:15px;margin:4px 0 0}.service-card p{font-size:11px;color:var(--muted);margin:0 0 7px;flex:1}.service-card .btn{margin-top:auto;width:100%;font-size:11px}.request-row{display:flex;align-items:center;gap:16px;padding:19px 0;background:none;border-bottom:1px solid var(--line);width:100%;text-align:left}.request-row:first-child{padding-top:0}.request-row:last-child{border-bottom:0;padding-bottom:0}.request-row h3{font-size:14px;margin:0 0 6px}.request-row p{font-size:11px;color:var(--muted);margin:0}.request-row>.badge{margin-left:auto}.request-row>svg{color:#8b96aa;width:16px}.request-info{flex:1;min-width:0}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter-button{border:1px solid var(--line);border-radius:20px;background:white;color:#728097;padding:8px 13px;font-size:11px}.filter-button.active{background:var(--forest);color:white;border-color:var(--forest)}.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.place-card{padding:23px;display:flex;flex-direction:column}.place-card .card-header{align-items:flex-start;margin-bottom:17px}.place-card h3{font-size:17px;margin:0 0 9px}.place-card p{font-size:12px;color:var(--muted);margin-bottom:12px}.place-card .place-address{font-size:11px;color:#7e8ba0}.place-card .place-hours{font-size:11px;color:#5e6a80;margin-top:auto;padding-top:10px}.place-card .btn{margin-top:17px;align-self:flex-start}.place-status{font-size:10px;line-height:1.5}.place-status.open{color:#47608c}.place-status.closed{color:#a68c59}.slot-list{display:flex;flex-direction:column}.slot-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.slot-row:first-child{padding-top:0}.slot-row:last-child{padding-bottom:0;border:0}.slot-info{flex:1;min-width:0}.slot-info h3{font-size:14px;margin:0 0 6px}.slot-info p{font-size:11px;margin:0;color:var(--muted)}.slot-row .slot-time{width:72px;font-size:13px;color:#4c586d}.booking-card{padding:18px;background:#e8edf5;border-radius:13px;border:1px solid #ccd6e7;margin-bottom:12px}.booking-card h3{font-size:14px;margin:0 0 7px}.booking-card p{font-size:12px;color:#6a788f}.booking-card.conflict{background:#fff4e6;border-color:#eedbc0}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.resource-card{padding:22px}.resource-card h3{font-size:15px}.resource-card p{font-size:12px;color:var(--muted)}.section-block{margin-top:30px}.section-block>h2{margin-bottom:20px}.onboarding-list{display:flex;flex-direction:column;gap:15px}.onboarding-task{display:flex;gap:17px;align-items:flex-start;padding:25px}.onboarding-task.done{background:#f3f6fa}.task-number,.task-check{width:36px;height:36px;border:1px solid #ced5e2;color:#6f7d95;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:13px}.done .task-number,.done .task-check{background:#cfdaed;border:0;color:#425a83}.task-content{flex:1;min-width:0}.task-content h3{font-size:16px;margin:0 0 8px}.task-content p{font-size:12px;color:var(--muted);margin:0 0 14px}.task-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-card{max-width:780px}.profile-card-head{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-card-head h2{margin-bottom:8px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.profile-field label{display:block;color:#79869c;font-size:11px;margin-bottom:8px}.profile-field strong{font-size:14px;font-weight:550;line-height:1.5}.notification-row{display:flex;gap:14px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.notification-row:last-child{border-bottom:0}.notification-row h3{font-size:14px;margin:0 0 7px}.notification-row p{font-size:12px;color:var(--muted);margin:0 0 8px}.notification-row.unread h3:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d86b2;margin-left:9px;vertical-align:middle}.notification-content{flex:1}.empty-state{padding:35px 20px;text-align:center;color:#7a879d}.empty-state>.icon-tile{margin-bottom:15px;width:48px;height:48px}.empty-state h3{color:#5a6579;font-size:16px;margin-bottom:9px}.empty-state p{font-size:12px;max-width:370px;margin:0 auto 15px}.error-banner{background:#fff0e9;color:#a36347;border:1px solid #f0d9c9;border-radius:12px;padding:15px;font-size:12px;margin-bottom:20px;line-height:1.6}.loading-state{min-height:55vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.spinner{width:25px;height:25px;border:2px solid #d4dbe6;border-top-color:var(--forest);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{position:relative;overflow:hidden;padding:55px 65px;background:var(--forest);color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story .brand{padding:0}.login-story .brand-mark{background:#ffffff12;border:1px solid #ffffff20}.login-story .brand small{color:#a5afbf}.login-story:before{content:"";position:absolute;width:650px;height:650px;left:70px;top:260px;border:1px solid #ffffff0b;border-radius:50%}.login-story:after{content:"";position:absolute;width:480px;height:480px;left:155px;top:345px;border:1px solid #ffffff0c;border-radius:50%}.login-story-content{position:relative;z-index:1;max-width:440px;margin:70px 0}.login-story h1{font-size:50px;font-weight:500;line-height:1.13;letter-spacing:-.055em;margin-bottom:25px}.login-story h1 span{color:var(--lime)}.login-story-content>p{font-size:15px;line-height:1.8;max-width:350px;color:#b4bccb}.login-story-footer{font-size:11px;line-height:1.7;color:#99a4b6;position:relative;z-index:1}.login-preview{background:#ffffff0c;border:1px solid #ffffff1a;border-radius:18px;padding:20px;max-width:380px;margin-top:35px;backdrop-filter:blur(4px)}.login-preview .eyebrow{color:#afbacc;font-size:9px}.login-preview h3{font-size:17px;letter-spacing:-.025em;margin-bottom:10px}.login-preview p{font-size:11px;color:#c7ccd6;margin-bottom:0}.login-form-panel{display:flex;justify-content:center;align-items:center;padding:55px 45px}.login-form-container{width:100%;max-width:370px}.login-form-panel h2{font-size:29px;font-weight:600;margin-bottom:12px}.login-form-panel .intro{font-size:13px;color:#7d899f;margin-bottom:28px}.login-form{display:grid;gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.login-form .field{margin:0}.field label{font-size:12px;color:#586478;font-weight:550}.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid #d8dde5;background:#f9fafc;border-radius:10px;padding:12px 13px;color:var(--ink);font-size:13px;min-height:44px;line-height:1.5}.field input::placeholder,.field textarea::placeholder,.search-input::placeholder{color:#97a1b2}.field textarea{resize:vertical;min-height:100px}.field small{font-size:10px;line-height:1.5;color:#8893a7}.login-form .btn{min-height:45px;font-size:13px}.login-divider{display:flex;align-items:center;gap:15px;color:#939eb0;font-size:10px;margin:27px 0 18px;letter-spacing:.05em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.demo-accounts{display:grid;gap:9px}.demo-account{padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid #dce1e9;border-radius:12px;background:#fff;text-align:left}.demo-account:hover{background:#f0f3f8;border-color:#b5c3db}.demo-account strong{font-size:12px;display:block;font-weight:600}.demo-account small{font-size:10px;display:block;color:#8893a7;margin-top:5px}.demo-account>svg{margin-left:auto;color:#8c97aa;width:15px}.login-footer{font-size:10px;color:#939eb0;line-height:1.65;text-align:center;margin-top:22px}.login-form-panel .error-banner{margin:15px 0}.modal-backdrop{position:fixed;inset:0;background:#101d3150;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{width:100%;max-width:590px;max-height:90vh;max-height:90dvh;border:1px solid #dae0e9;border-radius:23px;background:#fff;overflow:auto;box-shadow:0 35px 90px #13213a33;animation:arrive .18s ease-out}.modal.wide{max-width:740px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:20px;margin:0}.modal-header .icon-button{width:32px;height:32px;border:0;background:#eef1f5}.modal-body{padding:25px 26px}.modal-body .notice{font-size:12px}.modal-body>p{font-size:13px;color:var(--muted)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.form-help{padding:13px;background:#eff2f8;border-radius:10px;font-size:11px;line-height:1.6;color:#6f7c94;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.detail-item label{display:block;font-size:10px;color:#8793a7;margin-bottom:7px}.detail-item strong{font-size:13px;font-weight:500;line-height:1.5}.message-list,.request-history{display:grid;gap:12px;margin-top:22px}.message{padding:14px 16px;border-radius:12px;background:#f0f3f7;border:1px solid #dfe4ed}.message.staff{background:#e7ecf4}.message-header{display:flex;justify-content:space-between;gap:10px;color:#6a7890;font-size:10px;margin-bottom:8px}.message p{margin:0;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.request-summary{background:#f1f4f8;border-radius:13px;padding:17px;font-size:12px;line-height:1.7;color:#616e84;margin-bottom:23px}.toast-container{position:fixed;bottom:28px;left:calc(50% + 118px);transform:translateX(-50%);z-index:200;pointer-events:none;max-width:calc(100vw - 32px)}.toast{background:#192b4b;color:white;border:1px solid #ffffff20;padding:14px 20px;border-radius:13px;box-shadow:0 10px 35px #15243e25;font-size:12px;line-height:1.6;animation:arrive .2s ease-out}.toast.error{background:#814f3d}.search-results{display:grid;gap:5px;margin-top:18px}.search-result{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:9px;background:#fff}.search-result:hover{background:#ebeff6}.search-result strong{display:block;font-size:13px}.search-result small{display:block;color:#8792a6;margin-top:5px}.search-result>svg:last-child{margin-left:auto;color:#8e99ac;width:15px}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.staff-demo h3{font-size:16px}.staff-demo p{font-size:12px;color:var(--muted)}.staff-demo .field{margin:15px 0}.staff-demo .btn{width:100%}.help-grid{display:grid;gap:18px}.help-grid h3{font-size:15px;margin:0 0 7px}.help-grid p{font-size:12px;color:var(--muted);margin-bottom:0}.teacher-profile{display:flex;align-items:center;gap:15px;margin-bottom:23px}.teacher-profile h3{margin:0 0 7px;font-size:18px}.teacher-profile p{margin:0;font-size:12px;color:var(--muted)}.teacher-details{display:grid;gap:17px}.teacher-details p{font-size:13px;color:#606c81;overflow-wrap:anywhere}.teacher-details p strong{display:block;font-size:10px;color:#8793a7;margin-bottom:6px;font-weight:500}.list-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#7f8ca1;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);background:white;color:var(--forest);padding:12px;z-index:300}.skip-link:focus{transform:none}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.main-content{padding-top:44px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}.hero-card{min-height:280px}.hero-title{font-size:34px;max-width:480px}.hero-top{margin-bottom:32px}}
@media(max-width:1180px){.sidebar{width:210px;padding:28px 16px}.workspace{margin-left:210px}.topbar{padding:0 28px}.main-content{padding:30px 28px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:18px}.card{padding:21px}.hero-card{padding:23px}.hero-title{font-size:25px}.request-grid,.place-grid{gap:14px}.place-card{padding:19px}.toast-container{left:calc(50% + 105px)}.staff-layout{grid-template-columns:minmax(0,1fr) 260px}.login-story{padding:40px}.login-story h1{font-size:43px}}
@media(max-width:980px){.sidebar{width:190px;padding:26px 12px}.brand{padding-left:9px;gap:8px}.brand-name{font-size:25px}.brand-mark{width:32px;height:32px}.nav-item{font-size:12px;padding:12px}.workspace{margin-left:190px}.topbar{padding:0 25px;height:72px}.main-content{padding:29px 25px}.dashboard-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.side-column>.card:first-child{grid-column:1/-1}.page-title{font-size:30px}.request-grid{grid-template-columns:1fr 1fr}.place-grid{grid-template-columns:1fr 1fr}.staff-layout{grid-template-columns:1fr}.staff-demo{max-width:none}.toast-container{left:calc(50% + 95px)}.login-story{padding:35px}.login-story h1{font-size:37px}.login-form-panel{padding:35px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:65px;padding:0 20px;background:#fff}.topbar-title{font-size:12px}.topbar-actions{gap:9px}.topbar .search-button{width:35px;height:35px;padding:8px;background:none;border:0}.topbar .search-button span,.topbar .search-button kbd{display:none}.topbar .icon-button{width:35px;height:35px;border:0;background:#f2f5f9}.main-content{padding:25px 20px 110px}.page-heading{margin-bottom:23px;gap:12px}.page-title{font-size:29px;letter-spacing:-.045em}.page-subtitle{font-size:12px}.page-heading-actions{gap:8px;padding-top:0}.demo-badge{font-size:9px;padding:6px 8px}.page-heading .demo-badge{white-space:normal;max-width:110px;text-align:center}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ffffffee;backdrop-filter:blur(16px);border-top:1px solid #dae0e9;padding:9px 12px max(12px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;color:#8b96a9;font-size:9px;padding:6px 15px;border-radius:12px;min-width:63px}.mobile-nav .active{color:var(--forest);background:#e5ebf4}.mobile-nav svg{width:20px;height:20px}.hero-card{min-height:250px;padding:23px}.hero-title{font-size:27px;max-width:350px}.hero-top{margin-bottom:23px}.hero-footer .btn{padding:9px 12px}.card{padding:22px}.dashboard-grid,.main-column,.side-column{gap:19px}.side-column{grid-template-columns:1fr 1fr}.onboarding-card{padding:21px}.campus-feature-body{padding:20px}.toast-container{bottom:88px;left:50%;width:max-content}.request-grid{grid-template-columns:1fr 1fr}.place-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.login-story{min-height:auto;padding:30px 25px 25px;display:block}.login-story .brand{padding:0}.login-story-content{margin:30px 0 0;max-width:500px}.login-story h1{font-size:33px;line-height:1.12;margin-bottom:12px}.login-story-content>p{font-size:12px;margin-bottom:0;max-width:none}.login-preview,.login-story-footer{display:none}.login-story:before{top:-220px;left:220px}.login-story:after{top:-180px;left:270px}.login-form-panel{padding:32px 25px 40px}.login-form-container{max-width:440px}.login-form-panel h2{font-size:24px}.login-form-panel .intro{font-size:12px;margin-bottom:22px}.login-divider{margin:23px 0 15px}.modal-backdrop{padding:16px}.modal{max-height:calc(100dvh - 32px);border-radius:18px}.modal-header{padding:20px}.modal-body{padding:20px}.grade-grid{gap:15px}.stats-grid{gap:10px}.stat-card{padding:18px 15px}.stat-card strong{font-size:25px}.stat-card span{font-size:10px}}
@media(max-width:480px){.main-content{padding:23px 16px 105px}.topbar{padding:0 16px}.page-heading{flex-wrap:wrap;gap:12px}.page-title{font-size:29px;margin-bottom:8px}.page-heading-actions{margin-top:2px}.page-heading .demo-badge{max-width:none}.eyebrow{font-size:9px;margin-bottom:8px}.card{padding:20px}.card-header{margin-bottom:20px;gap:10px}.section-title{font-size:17px}.text-link{font-size:11px}.hero-card{padding:22px 20px;min-height:260px}.hero-title{font-size:26px;max-width:270px}.hero-meta{font-size:11px;gap:8px 12px}.hero-footer{gap:8px;align-items:flex-start}.hero-footer .teacher-link{max-width:170px;font-size:10px}.hero-footer .btn{font-size:10px;flex-shrink:0;min-height:34px}.hero-top{font-size:10px;gap:8px}.lesson-row{gap:12px}.lesson-time{font-size:12px;min-width:38px}.lesson-detail{padding-left:13px}.lesson-detail h3{font-size:13px}.lesson-detail p{font-size:10px}.lesson-detail .teacher-link{font-size:10px}.side-column{display:flex;flex-direction:column}.side-column>*{width:100%}.onboarding-card h2{max-width:none}.onboarding-card p{max-width:none}.campus-art{height:130px}.request-grid,.place-grid,.grade-grid,.resource-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:36px 1fr;gap:8px 13px;align-items:start}.service-card>.icon-tile{grid-row:1/3}.service-card h3{margin:0}.service-card p{margin:0;font-size:11px}.service-card .btn{grid-column:2;width:auto;justify-self:start;margin-top:4px;padding:7px 13px;min-height:34px}.request-row{gap:10px;flex-wrap:wrap}.request-row>.icon-tile{width:32px;height:32px}.request-row h3{font-size:13px}.request-row>.badge{margin-left:42px;font-size:9px}.request-row>svg{margin-left:auto}.request-row p{font-size:10px}.slot-row{flex-wrap:wrap;gap:10px}.slot-time{width:60px!important;font-size:12px!important}.slot-row .btn{margin-left:70px;min-height:35px;font-size:11px}.slot-row .slot-info{flex-basis:calc(100% - 70px)}.onboarding-task{padding:20px;gap:12px}.task-number,.task-check{width:30px;height:30px;font-size:11px}.task-content h3{font-size:14px}.task-content p{font-size:11px}.task-actions .btn{font-size:10px;min-height:34px;padding:8px 10px}.profile-grid{grid-template-columns:1fr;gap:21px}.profile-card-head{gap:15px}.profile-card-head h2{font-size:19px}.detail-grid{gap:15px}.modal-header h2{font-size:18px}.modal-body{padding:18px}.modal-header{padding:18px}.form-actions .btn{flex:1}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.date-button{min-width:55px;padding:11px 13px;min-height:70px}.date-strip{gap:7px}.segmented button{padding:10px 13px;font-size:11px}.schedule-list .lesson-detail h3{font-size:14px}.notification-row{gap:10px;flex-wrap:wrap}.notification-content{min-width:210px}.notification-row .btn{margin-left:46px}.stat-card{padding:17px 12px}.stat-card strong{font-size:23px}.stat-card span{font-size:9px}.grade-card h3{min-height:0}.login-story h1{font-size:31px}.login-story-content{margin-top:25px}.login-form-panel{padding:27px 24px 35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Components shared by the working screens. */
.brand-copy{min-width:0}.brand-name{display:block}.brand small{white-space:nowrap;font-size:8px;letter-spacing:.08em}.brand-period{color:#7689aa}.sidebar-section-label{font-size:9px;color:#a1aaba;letter-spacing:.09em;padding:0 16px 16px}.sidebar-onboarding{display:flex;gap:12px;align-items:center;padding:15px 16px;margin-top:22px;font-size:12px;color:#78859c;border-top:1px solid var(--line)}.sidebar-onboarding svg{width:17px;height:17px}.sidebar-onboarding.active{color:var(--forest)}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#778db4;margin-left:auto}.help-button{display:flex;gap:10px;align-items:center;background:transparent;color:#738097;font-size:11px;padding:10px 13px;text-align:left}.help-button svg{width:17px;height:17px}.sidebar-concept{font-size:9px;color:#96a0b2;padding:12px 13px 22px;line-height:1.8}.sidebar-concept span{color:#a8b0be}.nav-count{margin-left:auto;width:18px;height:18px;background:#ccd6e7;color:#4e658c;display:grid;place-items:center;font-size:10px;border-radius:6px}.breadcrumb{color:#818da2;font-size:11px;white-space:nowrap}.breadcrumb span{color:#b7bdc9;margin:0 10px}.breadcrumb strong{font-weight:550;color:#505d74}.topbar>.search-button{margin-left:auto;margin-right:16px}.page-footer{display:flex;gap:15px;justify-content:space-between;margin:0 42px;padding:0 0 22px;color:#9da6b6;font-size:9px;letter-spacing:.015em}.date-summary{display:flex;align-items:center;gap:12px;padding-top:10px;color:#78859c;flex-shrink:0}.date-summary>svg{height:18px;width:18px}.date-summary strong{display:block;font-size:11px;font-weight:550;color:#616d83;margin-bottom:6px}.date-summary span{display:block;font-size:10px;color:#8a95a9}.greeting-dot{color:#758db7}.hero-time{font-size:33px;letter-spacing:-.04em;font-weight:500;margin:-6px 0 10px}.hero-time span{font-size:15px;font-weight:400;color:#aab3c3;letter-spacing:0;margin-left:2px}.hero-label{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:550;letter-spacing:.08em}.live-dot{width:5px;height:5px;border-radius:50%;background:#becde6;box-shadow:0 0 0 4px #becde60c}.hero-count{font-size:10px;color:#a6afbf}.hero-teacher{display:flex;align-items:center;gap:9px;background:transparent;color:#c5cbd6;text-align:left;font-size:11px;padding:0}.hero-teacher:hover{color:white}.hero-teacher>svg{height:12px;width:12px;opacity:.7}.hero-teacher .avatar{background:#2c4d85;color:#c7d1e1;border:1px solid #ffffff12}.avatar-small{width:28px;height:28px;font-size:9px}.avatar-large{width:65px;height:65px;font-size:21px}.avatar-lime{background:#d4dceb;color:#274475}.avatar-blue{background:#e5edf2;color:#6b8d9a}.avatar-peach{background:#f3e7d9;color:#9f8562}.hero-type{font-size:10px;background:#ffffff0c;border:1px solid #ffffff0d;border-radius:6px;padding:5px 9px;color:#b5bdcc}.hero-decoration{display:none}.hero-title{font-weight:550;margin-bottom:13px}.notice{margin-bottom:0;align-items:center}.notice p{font-size:11px;line-height:1.6;margin:3px 0 0;color:inherit}.notice>div{flex:1;min-width:0}.notice>.icon-button{width:28px;height:28px;flex-shrink:0;background:none;border:0;color:#6d7b94}.notice>.icon-button svg{width:16px;height:16px}.notice-warning{background:#fff4e4;border-color:#efdfc0;color:#998050}.notice-success{background:#e8edf6;border-color:#cdd7e9;color:#4d648b}.main-content>.notice{margin-bottom:22px}.modal .notice{margin:18px 0}.timeline-dot{display:none}.lesson-time>span{font-size:10px;font-weight:400;color:#96a0b1}.lesson-time>strong{font-size:13px;font-weight:600}.lesson-tags{display:flex;align-items:center;gap:9px;margin-bottom:5px}.lesson-tags .badge{font-size:8px;padding:3px 7px;margin:0}.lesson-title{display:block;text-align:left;line-height:1.5;background:none;border:0;padding:0;margin:0 0 9px;color:#1f365e;font-size:14px;font-weight:580;letter-spacing:-.02em}.lesson-title:hover{color:var(--forest);text-decoration:underline}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;color:#7b889e;font-size:10px;line-height:1.5}.lesson-meta>span{display:inline-flex;align-items:center;gap:4px}.lesson-meta svg{width:12px;height:12px}.lesson-meta .teacher-link{font-size:10px}.lesson-detail .change-copy{color:#a9a77c;font-size:10px;line-height:1.6;margin:8px 0 0}.schedule-footnote{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:#929cae;font-size:10px;display:flex;gap:7px;align-items:center;line-height:1.6}.schedule-footnote svg{width:13px;height:13px}.count-label{height:22px;min-width:22px;display:grid;place-items:center;border-radius:7px;background:#ebeff5;color:#667795;font-size:10px;padding:3px 6px}.action-icon,.service-icon,.place-icon{width:36px;height:36px;border-radius:11px;background:#e7ebf3;color:#607395;display:inline-grid;place-items:center;flex-shrink:0}.action-icon svg,.service-icon svg,.place-icon svg{width:18px;height:18px}.tone-green{background:#e3e9f3;color:#5c7299}.tone-purple{background:#f0eef6;color:#9b8fb1}.tone-peach,.tone-amber{background:#faf0e4;color:#bf9e70}.tone-gray{background:#edf0f4;color:#7f8ca2}.action-content{min-width:0;flex:1}.action-content small{display:block;color:#8b96a9;font-size:10px;line-height:1.6;margin-top:5px}.action-row>svg:last-child{width:13px;height:13px}.icon-circle{width:34px;height:34px;border:1px solid #c8d3e5;background:#dce3f0;border-radius:50%;display:inline-grid;place-items:center;color:#6c81a6}.icon-circle svg{width:18px;height:18px}.onboarding-card .card-header .eyebrow{margin:0;font-size:8px}.onboarding-card .progress-track{margin:12px 0 15px}.progress-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#768399}.progress-caption strong{font-weight:600;color:#5d6d88}.next-step{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;color:#5d6a80;margin:14px 0 8px}.step-number{width:27px;height:27px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ccd6e8;border:1px solid #bcc9df;color:#617699;font-size:10px}.step-number svg{width:14px;height:14px}.campus-feature{border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow)}.campus-feature-art{height:150px;position:relative;background:#e5e9f0;overflow:hidden;display:flex;justify-content:center}.campus-feature-art>.campus-art{max-width:300px}.campus-feature-art .badge{position:absolute;left:20px;top:17px;font-size:8px;background:#ffffffb0;color:#73839e;letter-spacing:.05em}.campus-feature-body h2{font-size:19px;margin:8px 0 10px;font-weight:580}.campus-feature-body .eyebrow{font-size:8px}.campus-feature-body p{font-size:11px}.campus-art{width:100%;height:100%;display:block;background:none;flex-shrink:1}.quick-service{display:flex;align-items:center;gap:12px;border:1px dashed #d0d7e3;border-radius:15px;background:transparent;padding:17px;text-align:left;width:100%;color:#6c7991}.quick-service:hover{background:#e6ebf4}.quick-service strong{display:block;font-size:12px;color:#566379;font-weight:550}.quick-service small{display:block;font-size:10px;color:#929cae;margin-top:5px}.quick-service>svg{margin-left:auto;width:16px;height:16px}.success-copy{color:#54688b!important;font-size:11px!important}.btn-light{background:var(--lime);color:var(--forest)}.compact-text{font-size:12px}.status-green{background:#e6ebf4;color:#5e7499}.status-amber{background:#f8f1df;color:#b09b61}.status-blue{background:#edf2f7;color:#7b93b1}.status-gray{background:#eef0f3;color:#7c899f}.status-red{background:#faeeea;color:#b58375}.status-dot{height:4px;width:4px;border-radius:50%;background:currentColor}.segmented.compact{padding:3px;margin:0}.segmented.compact button{padding:7px 11px;font-size:10px}.page-tabs button{display:inline-flex;align-items:center;gap:7px}.page-tabs svg{width:14px;height:14px}.date-button i{width:3px;height:3px;background:#8d9fbd;border-radius:50%;margin-top:-2px}.date-button .no-lessons{background:transparent}.date-button{min-height:83px}.day-heading{font-size:13px;color:#738097;padding-top:14px;margin-bottom:20px}.schedule-day+.schedule-day{border-top:1px solid var(--line);padding-top:10px}.section-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:28px 0 20px}.section-heading h2{font-size:19px;margin:0}.section-heading>span{font-size:11px}.stat-card>span{display:block;font-size:10px;margin-bottom:13px}.stat-card strong small{font-size:16px;color:#8997b0;font-weight:400;letter-spacing:0}.stat-card p{margin:9px 0 0;font-size:10px;color:#919cae;line-height:1.6}.grade-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.grade-card h3{min-height:0;font-size:16px}.grade-result{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 15px}.grade-result strong{font-size:27px;color:#516891;font-weight:550;letter-spacing:-.04em}.grade-result>span{font-size:10px;color:#838fa4}.grade-card .grade-caption{font-size:10px;line-height:1.7;color:#8b96aa}.grade-card .progress-track{margin:15px 0 10px}.service-card{background:white;border:1px solid var(--line);border-radius:18px;text-align:left;box-shadow:var(--shadow);transition:border-color .2s,background .2s}.service-card:hover{background:#f9fbfd;border-color:#a4b4cf}.service-card .service-icon{margin-bottom:2px}.service-card .text-link{font-size:11px}.filter-chip{border:1px solid var(--line);border-radius:20px;background:white;color:#7a869c;padding:8px 13px;font-size:10px}.filter-chip.active{background:#e2e7f1;color:#546788;border-color:#d2dae9}.request-row-main{flex:1;min-width:0}.request-row-main strong{display:block;font-size:13px;line-height:1.6;font-weight:550;color:#4e596d}.request-row-main small{display:block;font-size:10px;line-height:1.5;color:#909bad;margin-top:5px}.request-row-end{display:flex;align-items:center;gap:20px;flex-shrink:0}.request-row-end>svg{width:13px;height:13px;color:#96a1b3}.request-row-end .badge{font-size:9px}.request-row:hover .request-row-main strong{color:var(--forest)}.place-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.place-card h2{font-size:17px;line-height:1.35;margin-bottom:12px}.place-card p{font-size:11px;line-height:1.7}.place-details{display:grid;gap:10px;margin:10px 0 15px;font-size:10px;color:#8994a7;line-height:1.5}.place-details>span{display:flex;align-items:flex-start;gap:7px}.place-details svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.place-card .place-status{font-size:10px;color:#7283a0;background:#f1f4f8;padding:10px;border-radius:8px;margin-top:auto}.place-card .text-link{font-size:11px;margin-top:6px}.campus-bookings{margin-bottom:24px}.section-description{font-size:12px;color:#8994a7;margin:0 0 24px}.main-content>#sports-section,.main-content>#library-section{margin-top:24px;scroll-margin-top:20px}.slot-time strong{font-size:15px;font-weight:550;display:block;margin-bottom:5px}.slot-time span{font-size:10px;display:block;color:#949eb0}.slot-info small{font-size:10px;color:#97a1b2;display:block;line-height:1.7;margin-top:7px}.slot-action{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-shrink:0}.slot-action .badge{font-size:9px}.slot-action .btn{min-height:35px;font-size:10px;padding:8px 12px}.booked-label{font-size:10px;display:flex;gap:5px;align-items:center;color:#798aa7}.booked-label svg{width:13px;height:13px}.conflict-label{font-size:10px;display:block;margin-top:8px;color:#ad9063}.booking-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.booking-row:last-child{border:0;padding-bottom:0}.booking-row .lesson-detail h3{font-size:14px}.booking-row .lesson-detail p{font-size:11px}.booking-row .btn{font-size:11px}.resource-card{display:flex;gap:17px;background:#f3f6fa;border:1px solid #dbe1ec;border-radius:14px}.resource-cover{width:45px;height:61px;border:1px solid #cbd5e5;border-left:4px solid #b2c0d9;background:#dae2f0;display:inline-grid;place-items:center;color:#7689aa;flex-shrink:0;border-radius:3px 7px 7px 3px;margin-top:4px}.resource-card h3{font-size:14px;line-height:1.5;margin:5px 0 8px}.resource-card p{font-size:11px;line-height:1.6}.resource-card .text-link{font-size:10px}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}.onboarding-list{gap:0;margin-top:20px}.onboarding-step{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.onboarding-step:last-child{border:0;padding-bottom:0}.onboarding-step>.step-number{width:30px;height:30px;background:#eef2f8;border-color:#d8dee9;margin-top:2px}.onboarding-step.completed>.step-number{background:#dbe4f2;color:#758bb1;border-color:#cdd7e8}.step-content{flex:1;min-width:0}.step-title{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.step-title h3{font-size:14px;margin:3px 0 10px}.step-title .badge{font-size:8px;margin-top:4px;flex-shrink:0}.step-content p{font-size:11px;color:#8f9aac;line-height:1.7;margin-bottom:17px}.step-actions{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}.step-actions .btn{min-height:33px;padding:7px 10px;font-size:10px}.step-actions .text-link{font-size:10px}.mentor-card{background:#e8edf5}.mentor-card h2{font-size:21px;margin:20px 0 12px;max-width:240px}.mentor-card p{font-size:12px;color:#79869d;line-height:1.8}.mentor-card small{font-size:10px;color:#929daf;line-height:1.7;display:block;margin-top:20px}.profile-cover{display:flex;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.profile-cover h2{font-size:22px;margin:0 0 9px}.profile-cover p{font-size:12px;color:#7987a0;margin:0}.profile-cover>.badge{margin-left:auto;align-self:flex-start;font-size:9px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin:27px 0}.profile-fields dt,.detail-list dt{font-size:10px;color:#8f9aac;margin-bottom:8px}.profile-fields dd,.detail-list dd{font-size:13px;line-height:1.7;color:#5a6880;margin:0;overflow-wrap:anywhere}.prototype-note{font-size:10px;line-height:1.8;max-width:680px;margin:22px 0 0}.notification-list{max-width:900px}.notification-row>div{flex:1;min-width:0}.notification-row .action-icon{flex:none}.notification-title{display:flex;align-items:center;gap:15px;justify-content:space-between}.notification-title h3{font-size:14px;font-weight:550}.notification-title>small{font-size:9px;color:#939eb0;white-space:nowrap}.notification-row .text-link{font-size:10px}.notification-row p{font-size:11px}.notification-row.unread{background:#f8f9fc}.notice-warning .text-link{font-size:10px}.demo-panel{margin-top:24px;background:#edf0f6;border:1px dashed #c8d1e0}.demo-panel h2{font-size:18px;margin:8px 0 12px}.demo-panel>p{font-size:12px;color:#75839a;line-height:1.7}.transfer-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:22px}.transfer-form .field{flex:1;min-width:230px;margin:0}.transfer-form .field label{font-size:11px}.transfer-form .btn{margin:0}.prototype-note{color:#8b96a9}.form-error{font-size:11px;line-height:1.6;color:#b06c56;margin:10px 0}.form-error:empty{display:none}.login-form-wrap{width:100%;max-width:370px}.login-form-wrap>.muted{font-size:12px;color:#8994a7;margin:0 0 30px;line-height:1.7}.login-form-wrap h2{font-size:28px}.login-illustration{width:100%;max-width:370px;height:170px;margin:40px 0 27px;position:relative;z-index:1}.login-illustration .campus-art{background:transparent}.login-features{display:flex;gap:25px;color:#9ca9bf;font-size:10px;position:relative;z-index:1}.login-features>span{display:flex;align-items:center;gap:7px}.login-features svg{width:14px;height:14px}.login-disclaimer{font-size:10px;line-height:1.7;color:#8e9aae;margin:0;position:relative;z-index:1}.login-story .eyebrow{color:#919caf;font-size:9px;display:block;margin-bottom:20px}.login-story-content{margin:55px 0}.login-note{font-size:9px;color:#96a0b1;line-height:1.8;margin:20px 0 0;text-align:center}.login-divider span{font-size:9px;letter-spacing:0}.login-form .form-error{margin:0}.login-form{gap:19px}.login-form .btn{margin-top:3px}.login-story{min-height:100vh}.login-story-content>p{font-size:14px}.login-shell .brand small{color:#9fabbf}.modal-intro{font-size:12px;color:#7b879d;line-height:1.8;margin-bottom:23px}.modal-section-title{font-size:14px;margin:25px 0 17px;color:#606f8a}.detail-list{display:grid;gap:19px;margin:23px 0}.detail-list>div{display:grid;grid-template-columns:135px 1fr;gap:15px}.detail-list dt{padding-top:2px;line-height:1.6}.detail-list dd{font-size:12px}.detail-badges{display:flex;gap:8px;margin:0 0 22px}.request-detail-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.request-detail-header>.muted{font-size:10px}.preserve-lines{white-space:pre-wrap}.message-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:9px;color:#8592a8;margin-bottom:8px}.message-meta strong{font-weight:550;color:#75839a}.message-meta>span{white-space:nowrap}.message.message-staff{background:#e8edf6;border-color:#d5ddeb}.message p{font-size:11px;color:#6e7c94}.message-list{margin-top:0}.profile-mini{display:flex;align-items:center;gap:12px;background:#eef1f7;border-radius:12px;padding:16px;margin:0 0 22px;color:#8694ad}.profile-mini>svg{width:19px;height:19px}.profile-mini strong{display:block;font-size:12px;color:#677691;font-weight:550;margin-bottom:6px}.profile-mini span{display:block;font-size:10px;line-height:1.6;color:#8d99af}.booking-confirm{text-align:center;background:#ecf0f8;border-radius:16px;padding:25px;margin-bottom:20px}.booking-confirm h3{margin:15px 0 10px;font-size:20px}.booking-confirm p{font-size:12px;color:#7887a1;margin:5px 0}.search-field{display:flex;align-items:center;gap:10px;background:#f0f3f9;border:1px solid #d4dcea;border-radius:12px;padding:12px 15px;color:#8494af}.search-field input{background:none;border:0;outline:0;flex:1;min-width:0;font-size:13px;color:#556785;padding:3px 0}.search-field input::placeholder{color:#9aa4b5}.search-field:focus-within{outline:2px solid #94a8ca}.search-caption{font-size:9px;color:#919caf;margin:20px 0 10px;letter-spacing:.04em}.empty-icon{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:50%;background:#e7ecf5;color:#8b9dbb;margin-bottom:15px}.empty-icon svg{width:24px;height:24px}body.modal-open{overflow:hidden}#toast-root{position:fixed;bottom:27px;left:calc(50% + 118px);transform:translateX(-50%);z-index:200;pointer-events:none;max-width:calc(100vw - 32px);width:max-content}.toast-error{background:#875d45}.modal form{margin-top:18px}.schedule-card .lesson-row{padding:20px 0}.schedule-card .lesson-row:first-child{padding-top:0}.schedule-card .lesson-row:last-child{padding-bottom:0}.btn:disabled{transform:none}.section-heading .muted{font-size:11px}
@media(max-width:1180px){.brand small{font-size:7px}.topbar>.search-button{margin-right:0}.date-summary{gap:8px}.date-summary strong{font-size:10px}.date-summary span{font-size:9px}.hero-title{font-size:25px}.hero-time{font-size:30px}.hero-teacher{font-size:10px}.hero-type{font-size:9px}.onboarding-layout{grid-template-columns:minmax(0,1.6fr) 260px}.place-card-top{flex-wrap:wrap}.slot-action{flex-direction:column;gap:9px}.page-footer{margin:0 28px}#toast-root{left:calc(50% + 105px)}}
@media(max-width:980px){.side-column>.onboarding-card:first-child{grid-column:auto}.hero-title{font-size:28px}.hero-teacher{font-size:11px}.side-column>.quick-service{grid-column:1/-1}.onboarding-layout{grid-template-columns:1fr}.mentor-card{max-width:none}.place-card-top{flex-wrap:nowrap}.page-heading{flex-wrap:wrap}.date-summary{padding:0}.profile-cover{flex-wrap:wrap}.page-footer{margin:0 25px}#toast-root{left:calc(50% + 95px)}}
@media(max-width:760px){.breadcrumb{font-size:10px;overflow:hidden;text-overflow:ellipsis}.breadcrumb span{margin:0 5px}.topbar>.search-button{margin-left:auto;margin-right:0;flex-shrink:0}.date-summary{gap:10px;padding:0}.date-summary>svg{width:16px;height:16px}.date-summary strong{font-size:11px;margin:0}.date-summary span{font-size:9px;margin-top:5px}.page-heading{gap:18px}.hero-time{font-size:31px}.hero-title{font-size:27px}.page-footer{margin:0 20px;padding-bottom:105px;flex-direction:column;gap:6px;font-size:8px}.main-content{padding-bottom:30px}.login-story{min-height:auto}.login-story-content{margin:28px 0 0}.login-illustration{display:none}.login-features{margin-top:24px;gap:20px;font-size:9px}.login-story .eyebrow{font-size:8px;margin-bottom:14px}.login-disclaimer{font-size:8px;margin-top:24px;opacity:.8}.login-story-content>p{font-size:12px}.login-form-wrap{max-width:420px}.login-note{font-size:9px}.onboarding-layout{gap:18px}.detail-list>div{grid-template-columns:110px 1fr;gap:12px}.profile-cover h2{font-size:21px}#toast-root{left:50%;bottom:88px}.campus-feature-art{height:150px}.transfer-form .field{min-width:190px}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.section-heading>span{font-size:10px;text-align:right}}
@media(max-width:480px){.brand small{font-size:7px}.topbar{gap:8px}.topbar-actions{gap:8px}.breadcrumb strong{font-size:10px}.topbar-avatar{width:32px;height:32px;font-size:10px}.main-content{padding-bottom:26px}.date-summary>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.date-summary strong{font-size:10px}.date-summary span{font-size:9px;margin:0}.hero-title{font-size:27px}.hero-time{font-size:32px;margin-top:0}.hero-time span{font-size:13px}.hero-count{font-size:8px}.hero-label{font-size:8px}.hero-footer{align-items:center;margin-top:22px;padding-top:17px}.hero-teacher{font-size:9px;gap:7px;line-height:1.6;max-width:230px}.hero-teacher>svg{display:none}.hero-type{font-size:8px;padding:5px 6px}.hero-top{margin-bottom:21px}.hero-card{min-height:275px}.hero-meta{font-size:10px}.lesson-title{font-size:13px;line-height:1.55}.lesson-meta{font-size:9px;gap:7px}.lesson-meta .teacher-link{font-size:9px}.lesson-time>strong{font-size:12px}.action-content small{font-size:9px}.schedule-footnote{font-size:9px}.notice p{font-size:10px}.notice strong{font-size:10px}.notice{gap:9px;padding:12px}.notice>svg{width:15px}.service-card{display:flex;padding:21px;gap:9px}.service-card h3{font-size:15px}.service-card .text-link{margin-top:4px}.service-card .service-icon{margin-bottom:4px}.request-row{flex-wrap:nowrap}.request-row>.action-icon{width:30px;height:30px}.request-row-main strong{font-size:11px}.request-row-main small{font-size:9px;max-width:165px}.request-row-end{flex-direction:column;gap:8px;max-width:90px;align-items:flex-end}.request-row-end>svg{display:none}.request-row-end .badge{font-size:8px;line-height:1.5}.place-card-top{flex-wrap:nowrap}.place-card .place-status{font-size:10px}.slot-row .slot-action{flex-direction:row;width:100%;padding-left:70px;justify-content:space-between}.slot-row .slot-action .btn{margin-left:0}.slot-info small{font-size:9px}.slot-row{gap:12px 10px}.slot-info h3{font-size:13px}.resource-card{padding:18px;gap:14px}.resource-cover{width:32px;height:48px}.resource-card h3{font-size:13px}.resource-card p{font-size:10px}.onboarding-step{gap:11px;padding:20px 0}.onboarding-step>.step-number{width:25px;height:25px;font-size:9px}.step-title{flex-wrap:wrap;gap:0}.step-title h3{font-size:13px;margin-bottom:6px}.step-title .badge{margin:0 0 10px}.step-content p{font-size:10px}.step-actions{align-items:flex-start;gap:13px}.step-actions .btn{font-size:9px}.step-actions .text-link{font-size:9px}.profile-cover{gap:15px;padding-bottom:22px}.profile-cover>.badge{margin-left:80px;margin-top:-8px;font-size:8px}.profile-cover h2{font-size:18px;max-width:190px}.profile-cover p{font-size:10px}.profile-cover .avatar-large{width:50px;height:50px;font-size:16px}.profile-fields{grid-template-columns:1fr;gap:20px}.profile-fields dd{font-size:12px}.profile-card .notice{flex-wrap:wrap}.profile-card .notice>.text-link{margin-left:25px}.detail-list>div{display:block}.detail-list dt{font-size:9px;margin-bottom:6px}.detail-list dd{font-size:12px}.message-meta{font-size:8px}.message p{font-size:10px}.notification-title{gap:7px;align-items:flex-start}.notification-title h3{font-size:12px;line-height:1.6}.notification-title>small{font-size:8px}.notification-row p{font-size:10px}.notification-row{flex-wrap:nowrap}.notification-row>.action-icon{width:30px;height:30px}.notification-row .text-link{font-size:9px}.demo-panel h2{font-size:17px}.demo-panel>p{font-size:11px}.transfer-form{flex-direction:column;align-items:stretch}.transfer-form .field{min-width:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card>span{font-size:9px;line-height:1.6;min-height:28px;margin-bottom:10px}.stat-card p{font-size:8px;line-height:1.7}.stat-card strong{font-size:24px}.stat-card strong small{font-size:12px}.grade-result strong{font-size:25px}.grade-result span{font-size:9px}.filter-chip{font-size:9px;padding:7px 11px}.schedule-footnote{align-items:flex-start}.schedule-footnote svg{margin-top:2px}.page-footer{margin:0 16px;padding-bottom:105px}.login-form-wrap h2{font-size:24px}.login-story-content>p{max-width:290px}.login-form-wrap>.muted{font-size:11px}.login-divider span{font-size:8px}.modal-body .notice{margin:15px 0}.page-heading .btn{min-height:36px;padding:9px 12px;font-size:10px}.page-tabs button{font-size:10px;gap:6px}.page-tabs svg{height:13px;width:13px}.segmented.compact button{padding:7px 9px;font-size:9px}}

/* Readable secondary text and touch targets at every viewport. */
.modal-wide{max-width:700px}.initial-loading{min-height:100vh;display:grid;place-items:center;color:var(--forest);font-size:15px}.teacher-profile{flex-wrap:wrap}.teacher-profile h3{flex:1;min-width:150px}.teacher-profile>p{flex-basis:100%;margin:0 0 0 80px;font-size:12px}.request-heading-actions{display:flex;gap:10px;align-items:center}.section-description,.slot-info small,.place-details,.place-card p,.step-content p,.resource-card p,.action-content small,.request-row-main small,.notification-row p,.message p,.profile-fields dd,.detail-list dd,.grade-card .grade-caption{color:#5b677c}.page-subtitle{font-size:13px}.lesson-meta,.lesson-meta .teacher-link{color:#616d83;font-size:11px}.lesson-detail .change-copy{color:#87834d;font-size:11px}.action-content small{font-size:11px}.onboarding-card p,.campus-feature-body p{color:#5e6b80;font-size:12px}.next-step{font-size:12px}.progress-caption{font-size:11px;color:#5c6b85}.form-error{color:#a14f3a}.slot-info small,.place-details,.resource-card p,.step-content p,.notification-row p{font-size:12px}.place-card p,.section-description{font-size:12px}.status-green{color:#3f5375}.status-amber{color:#8d732e}.status-gray{color:#5d697d}.status-blue{color:#5c7698}.status-red{color:#a05d4e}.profile-fields dt,.detail-list dt{font-size:11px;color:#68768d}.message p{font-size:12px}.filter-chip{min-height:36px}.hero-teacher{min-height:32px}.login-form-wrap>.muted{color:#5f6b80;font-size:13px}.login-note{color:#6c7991;font-size:10px}.demo-account small{color:#6c7991;font-size:11px}.login-divider span{color:#69778f;font-size:10px}.login-features{font-size:11px}.notification-row .muted{display:inline-block;font-size:10px;margin-right:14px}.notification-row .text-link{font-size:11px}.stat-card p{color:#68768d;font-size:11px}.stat-card>span{color:#5c687c;font-size:11px}.form-help{color:#56657e}.form-actions .btn{min-height:42px}
@media(max-width:760px){.request-heading-actions{gap:8px}.lesson-title{font-size:15px}.lesson-meta,.lesson-meta .teacher-link{font-size:11px}.lesson-detail .change-copy{font-size:11px}.hero-teacher{font-size:10px}.hero-meta{font-size:11px}.action-content strong{font-size:13px}.action-content small{font-size:11px}.notice p,.notice strong{font-size:11px}.step-title h3{font-size:14px}.step-content p{font-size:12px}.slot-info h3{font-size:14px}.slot-info small{font-size:11px}.request-row-main strong{font-size:13px}.request-row-main small{font-size:11px}.profile-fields dd,.detail-list dd{font-size:13px}.notification-title h3{font-size:14px}.notification-row p{font-size:12px}.resource-card h3{font-size:14px}.onboarding-card p{font-size:12px}.place-details{font-size:11px}.place-card p{font-size:12px}.stat-card>span{font-size:10px}.stat-card p{font-size:10px}.page-title{font-size:28px}.step-actions .btn{min-height:40px;font-size:11px}.step-actions .text-link{min-height:32px;font-size:11px}.filter-chip{min-height:38px;font-size:11px}.slot-action .btn{min-height:40px;font-size:11px}.service-card .text-link{font-size:12px}.main-content>section{scroll-margin-top:20px}.notification-list .notification-row{padding:20px 0}.profile-cover h2{font-size:19px}}
@media(max-width:480px){.request-row-main strong{font-size:12px}.request-row-main small{font-size:10px}.request-row-end .badge{font-size:9px}.request-row-end{max-width:82px}.teacher-profile h3{font-size:17px}.teacher-profile>p{margin-left:0;font-size:12px}.request-heading-actions{flex-wrap:wrap}.main-content>.page-heading:has(.request-heading-actions){align-items:flex-start}.notification-row p{font-size:11px}.profile-cover>.badge{margin-left:65px}.stat-card strong{font-size:24px}.stat-card p{font-size:9px}.stat-card>span{font-size:9px}.detail-list dd{font-size:13px}.message p{font-size:12px}.notice p{font-size:11px}.date-strip{padding-bottom:10px}.hero-footer .avatar-small{width:25px;height:25px}.mobile-nav a{min-height:50px}.profile-fields dd{font-size:13px}}