: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 #18315317}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;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}main{min-height:100vh}.site-header{color:#fff;background:radial-gradient(circle at 78% 20%,#c58b393d,#0000 24%),linear-gradient(132deg,#122944,#203e63 68%,#294f76);justify-content:space-between;align-items:flex-end;gap:28px;padding:44px clamp(22px,5vw,76px) 36px;display:flex}.eyebrow,.step{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:.75rem;font-weight:800}.site-header h1{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:500}.lede{color:#dce6f0;margin:10px 0 0;font-size:1.05rem}nav{background:#091b3052;border:1px solid #ffffff38;border-radius:999px;padding:5px;display:flex}nav button{color:#dce6f0;background:0 0;border:0;border-radius:999px;padding:10px 16px}nav button.active{color:var(--navy);background:#fff;font-weight:750}.header-button{color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:999px;padding:10px 17px;font-weight:750}.workspace{width:min(1180px,100% - 36px);margin:34px auto 64px}.notice{z-index:20;background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:12px 18px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.card,.session-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.card{padding:26px}.card h2,.card h3,.instructor-heading h2{color:var(--navy);margin:0 0 8px;font-family:Georgia,serif;font-weight:500}.card h2{font-size:2rem}.card h3{font-size:1.45rem}.sign-in-card{max-width:510px;margin:48px auto}.form-stack{gap:16px;margin-top:22px;display:grid}label{color:#344054;font-size:.88rem;font-weight:700}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #c9c6bf;border-radius:10px;margin-top:7px;padding:11px 12px}input:focus,select:focus{border-color:var(--gold);outline:3px solid #c58b3938}.primary,.secondary,.file-button{text-align:center;border-radius:10px;padding:11px 15px;font-weight:750}.primary{border:1px solid var(--navy);background:var(--navy);color:#fff}.primary:hover{background:var(--navy-2)}.secondary,.file-button{color:var(--navy);background:#fff;border:1px solid #c8c3b8}.file-button{cursor:pointer;margin:20px 0 10px;display:block}.file-button input{display:none}.help,.status-line{color:var(--muted);font-size:.88rem;line-height:1.5}.status-line{border-top:1px solid var(--line);margin:18px 0 0;padding-top:15px}.empty-state{color:var(--muted);text-align:center;background:#fcfbf8;border:1px dashed #c9c6bf;border-radius:12px;padding:22px}.student-bar,.instructor-heading,.card-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.student-bar{margin-bottom:18px}.student-bar span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;display:block}.student-bar strong{color:var(--navy);font-size:1.25rem}.text-button,.danger-link{background:0 0;border:0;font-weight:750}.text-button{color:var(--navy-2)}.danger-link{color:var(--red)}.rules-strip{background:var(--navy);color:#fff;border-radius:15px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;display:grid;overflow:hidden}.rules-strip div{border-right:1px solid #ffffff29;padding:16px 18px}.rules-strip strong{color:#f0c985;font-family:Georgia,serif;font-size:1.45rem;display:block}.rules-strip span{color:#dce6f0;font-size:.78rem}.session-list{gap:24px;display:grid}.session-card{overflow:hidden}.session-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.session-heading p{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.78rem;font-weight:800}.session-heading h2{color:var(--navy);margin:0;font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.relaxed-badge{background:var(--green-soft);color:var(--green);border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:800}.slots{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.slot{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:12px;min-height:132px;padding:18px;display:flex}.slot-time{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.slot-time strong{color:var(--navy)}.slot-time small{color:#8a652d;text-align:right;max-width:115px;line-height:1.2}.reserve{border:0;border-bottom:1px solid var(--navy);color:var(--navy);background:0 0;align-self:flex-start;padding:3px 0;font-weight:750}.booking-summary p{color:var(--muted);margin:6px 0 0;font-size:.85rem}.type{border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-block}.type.individual{color:#34577f;background:#e9eef5}.type.designated{background:var(--gold-soft);color:#865b21}.type.open{background:var(--green-soft);color:var(--green)}.slot-actions{gap:10px;margin-top:11px;display:flex}.slot-actions button{background:var(--navy);color:#fff;border:0;border-radius:7px;padding:6px 9px;font-size:.78rem;font-weight:750}.slot-actions .muted-button{color:#5d5b55;background:#ece9e2}.admin-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.instructor-heading{margin-bottom:22px}.instructor-heading h2{font-size:2.15rem}.wide{grid-column:1/-1}.form-grid{grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:17px;display:grid}.attendance-list{gap:24px;margin-top:22px;display:grid}.attendance-list h4{color:var(--navy);margin:0 0 9px}.attendance-booking{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:14px}.attendance-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.participant-row{border-top:1px solid #eeece7;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.attendance-buttons{gap:5px;display:flex}.attendance-buttons button{background:#fff;border:1px solid #d1cec6;border-radius:7px;padding:6px 8px;font-size:.75rem}.attendance-buttons button.selected{background:#e9e8e3;font-weight:800}.attendance-buttons button.present{background:var(--green-soft);color:var(--green);border-color:#9dc9b7}.attendance-buttons button.absent{color:var(--red);background:#f8e9e9;border-color:#deb1b3}.scheduled-dates{margin-top:16px}.scheduled-dates>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.scheduled-dates span,.scheduled-dates small{display:block}.scheduled-dates small{color:var(--muted);margin-top:3px}.modal-backdrop{z-index:30;background:#0a192ca3;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #00000040}.modal h2{color:var(--navy);margin:0;font-family:Georgia,serif;font-weight:500}.modal-close{color:var(--muted);background:0 0;border:0;font-size:1.7rem;position:absolute;top:13px;right:17px}fieldset{border:0;margin:0;padding:0}legend{color:var(--navy);margin-bottom:10px;font-weight:800}.meeting-types{gap:8px;display:grid}.meeting-types label{border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.meeting-types label.chosen{border-color:var(--gold);background:#fffaf1}.meeting-types input{width:auto;margin:0}.meeting-types span,.meeting-types small{display:block}.meeting-types small{color:var(--muted);margin-top:2px;font-weight:500}.group-picker>div{border:1px solid var(--line);border-radius:10px;max-height:190px;overflow:auto}.group-picker label{border-bottom:1px solid #efede8;align-items:center;gap:9px;padding:9px 11px;display:flex}.group-picker input{width:auto;margin:0}.loading{color:var(--navy);place-items:center;display:grid}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:22px clamp(22px,5vw,76px);font-size:.82rem;display:flex}footer span{color:var(--navy);text-transform:uppercase;letter-spacing:.09em;font-weight:800}footer p{margin:0}@media (max-width:760px){.site-header{flex-direction:column;align-items:flex-start;padding-top:30px}.site-header h1{font-size:2.55rem}nav{width:100%}nav button{flex:1}.workspace{width:min(100% - 24px,1180px);margin-top:20px}.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 label:first-child,.form-grid button{grid-column:1/-1}.participant-row,.card-heading{flex-direction:column;align-items:flex-start}.attendance-buttons{flex-wrap:wrap}footer{flex-direction:column}}