:root{--ink:#172035;--muted:#667085;--paper:#fbfaf7;--card:#fff;--line:#dedbd3;--navy:#183153;--navy-2:#28496f;--gold:#c58b39;--gold-soft:#f6ead7;--green:#24745a;--green-soft:#e6f3ed;--red:#9e3f45;--shadow:0 18px 44px rgba(24,49,83,.09)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible{outline:3px solid rgba(197,139,57,.45);outline-offset:3px}main{min-height:100vh}.site-header{padding:44px clamp(22px,5vw,76px) 36px;color:white;background:radial-gradient(circle at 78% 20%,rgba(197,139,57,.24),transparent 24%),linear-gradient(132deg,#122944,#203e63 68%,#294f76);display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.eyebrow,.step{margin:0 0 7px;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.site-header h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:500;letter-spacing:-.035em}.lede{margin:10px 0 0;color:#dce6f0;font-size:1.05rem}nav{display:flex;padding:5px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(9,27,48,.32)}nav button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#dce6f0}nav button.active{background:white;color:var(--navy);font-weight:750}.header-button{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:10px 17px;background:rgba(255,255,255,.1);color:white;font-weight:750}.workspace{width:min(1180px,calc(100% - 36px));margin:34px auto 64px}.notice{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}.card,.session-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card{padding:26px}.card h2,.card h3,.instructor-heading h2{margin:0 0 8px;font-family:Georgia,serif;color:var(--navy);font-weight:500}.card h2{font-size:2rem}.card h3{font-size:1.45rem}.sign-in-card{max-width:510px;margin:48px auto}.activation-card .empty-state{margin-top:20px}.activation-card .empty-state p{margin:0 0 12px}.inline-link{color:var(--navy);font-weight:750}.form-notice{border:1px solid #dfbd86;border-radius:10px;padding:11px 12px;background:#fff8ec;color:#76501c;font-size:.88rem;line-height:1.4}.form-error{margin:0;border:1px solid #d9a3a7;border-radius:10px;padding:12px 13px;background:#fff2f2;color:#842f35;font-size:.9rem;font-weight:700;line-height:1.45}.form-stack{display:grid;gap:16px;margin-top:22px}label{color:#344054;font-size:.88rem;font-weight:700}input,select{width:100%;margin-top:7px;border:1px solid #c9c6bf;border-radius:10px;padding:11px 12px;background:white;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(197,139,57,.22);border-color:var(--gold)}.file-button,.primary,.secondary{border-radius:10px;padding:11px 15px;font-weight:750;text-align:center}.primary{border:1px solid var(--navy);background:var(--navy);color:white}.primary:hover{background:var(--navy-2)}.file-button,.secondary{border:1px solid #c8c3b8;background:white;color:var(--navy)}.danger-button{border:1px solid var(--red);border-radius:10px;padding:11px 15px;background:var(--red);color:white;font-weight:750}.file-button{display:block;margin:20px 0 10px;cursor:pointer}.file-button input{display:none}.help,.status-line{color:var(--muted);font-size:.88rem;line-height:1.5}.status-line{margin:18px 0 0;padding-top:15px;border-top:1px solid var(--line)}.empty-state{padding:22px;border:1px dashed #c9c6bf;border-radius:12px;color:var(--muted);text-align:center;background:#fcfbf8}.card-heading,.instructor-heading,.student-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.student-bar{margin-bottom:18px}.student-bar span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.student-bar strong{color:var(--navy);font-size:1.25rem}.student-rules{margin-bottom:18px;border-left:5px solid var(--gold);background:linear-gradient(145deg,#fff,#fffcf6)}.student-rules h2{margin-bottom:5px}.student-rules-intro{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.student-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.student-rule{padding:16px 17px;border:1px solid #e7dfd1;border-radius:12px;background:rgba(255,255,255,.72)}.student-rule:last-child{grid-column:1/-1}.student-rule h3{margin:0 0 8px;color:var(--navy);font-size:.98rem}.student-rule-condition{margin:0 0 7px;color:#4c5870;font-size:.86rem;font-weight:700;line-height:1.45}.student-rule ul{margin:0;padding-left:19px;color:#4c5870;font-size:.86rem;line-height:1.5}.student-rule li+li{margin-top:5px}.danger-link,.text-button{border:0;background:transparent;font-weight:750}.text-button{color:var(--navy-2)}.danger-link{color:var(--red)}.rules-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px;background:var(--navy);border-radius:15px;color:white;overflow:hidden}.rules-strip div{padding:16px 18px;border-right:1px solid rgba(255,255,255,.16)}.rules-strip strong{display:block;font-family:Georgia,serif;font-size:1.45rem;color:#f0c985}.rules-strip span{color:#dce6f0;font-size:.78rem}.session-list{display:grid;gap:24px}.session-card{overflow:hidden}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.session-heading p{margin:0 0 4px;color:var(--gold);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.session-heading h2{margin:0;color:var(--navy);font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.relaxed-badge{padding:7px 10px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.76rem;font-weight:800}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.slot{min-height:132px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.slot,.slot-time{display:flex;justify-content:space-between}.slot-time{gap:8px;align-items:flex-start}.slot-time strong{color:var(--navy)}.slot-time small{max-width:115px;color:#8a652d;text-align:right;line-height:1.2}.reserve{align-self:flex-start;border:0;border-bottom:1px solid var(--navy);background:transparent;color:var(--navy);font-weight:750;padding:3px 0}.reserve[aria-disabled=true]{border-color:var(--muted);color:var(--muted);cursor:help;opacity:.72}.booking-summary p{margin:6px 0 0;color:var(--muted);font-size:.85rem}.type{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:800}.type.individual{background:#e9eef5;color:#34577f}.type.designated{background:var(--gold-soft);color:#865b21}.type.open{background:var(--green-soft);color:var(--green)}.slot-actions{display:flex;gap:10px;margin-top:11px}.slot-actions button{border:0;border-radius:7px;padding:6px 9px;background:var(--navy);color:white;font-size:.78rem;font-weight:750}.slot-actions .muted-button{background:#ece9e2;color:#5d5b55}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.instructor-heading{margin-bottom:22px}.instructor-heading h2{font-size:2.15rem}.wide{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:17px}.attendance-list{display:grid;gap:24px;margin-top:22px}.attendance-list h4{margin:0 0 9px;color:var(--navy)}.attendance-booking{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.attendance-title{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:8px}.attendance-title>div{display:flex;gap:10px;align-items:center}.participant-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-top:1px solid #eeece7}.attendance-buttons{display:flex;gap:5px}.attendance-buttons button{border:1px solid #d1cec6;border-radius:7px;padding:6px 8px;background:white;font-size:.75rem}.attendance-buttons button.selected{background:#e9e8e3;font-weight:800}.attendance-buttons button.present{background:var(--green-soft);border-color:#9dc9b7;color:var(--green)}.attendance-buttons button.absent{background:#f8e9e9;border-color:#deb1b3;color:var(--red)}.scheduled-dates{margin-top:16px}.scheduled-dates>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.scheduled-dates small,.scheduled-dates span{display:block}.scheduled-dates small{margin-top:3px;color:var(--muted)}.scheduled-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.scheduled-actions .secondary{padding:8px 11px}.modal-backdrop{position:fixed;z-index:30;inset:0;padding:22px;background:rgba(10,25,44,.64);display:grid;place-items:center}.modal{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:20px;padding:28px;background:white;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal h2{margin:0;color:var(--navy);font-family:Georgia,serif;font-weight:500}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:1.7rem;color:var(--muted)}.calendar-meeting-time{margin:12px 0 20px;color:#4c5870;font-weight:700;line-height:1.5}.calendar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calendar-options a{display:grid;place-items:center;text-decoration:none}.calendar-done{display:block;margin:12px auto 0}.delete-modal p{color:#4c5870;line-height:1.5}.delete-modal .form-error{color:#842f35}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:10px;color:var(--navy);font-weight:800}.meeting-types{display:grid;gap:8px}.meeting-types label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.meeting-types label.chosen{border-color:var(--gold);background:#fffaf1}.meeting-types input{width:auto;margin:0}.meeting-types small,.meeting-types span{display:block}.meeting-types small{margin-top:2px;color:var(--muted);font-weight:500}.group-picker>div{max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:10px}.group-picker label{display:flex;gap:9px;align-items:center;padding:9px 11px;border-bottom:1px solid #efede8}.group-picker input{width:auto;margin:0}.group-picker label small,.group-picker label span{display:block}.group-picker label small{margin-top:2px;color:var(--muted);font-weight:500}.group-picker label.member-restricted{color:var(--muted);background:#faf9f6}.loading{display:grid;place-items:center;color:var(--navy)}footer{display:flex;justify-content:space-between;gap:16px;padding:22px clamp(22px,5vw,76px);border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}footer span{color:var(--navy);font-weight:800;text-transform:uppercase;letter-spacing:.09em}footer p{margin:0}@media (max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding-top:30px}.site-header h1{font-size:2.55rem}nav{width:100%}nav button{flex:1 1}.workspace{width:min(100% - 24px,1180px);margin-top:20px}.student-rule-grid{grid-template-columns:1fr}.student-rule:last-child{grid-column:auto}.rules-strip{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.wide{grid-column:auto}.form-grid{grid-template-columns:1fr 1fr}.form-grid button,.form-grid label:first-child{grid-column:1/-1}.card-heading,.participant-row,.scheduled-dates>div{align-items:flex-start;flex-direction:column}.attendance-title{align-items:flex-start}.attendance-buttons{flex-wrap:wrap}.scheduled-actions{width:100%;justify-content:space-between}footer{flex-direction:column}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions button{min-height:44px}.calendar-options{grid-template-columns:1fr}}