:root{--bg:#f0f2f5;--panel:#fff;--panel-soft:#f8fafc;--text:#172033;--muted:#667085;--line:#e4e7ec;--primary:#1877f2;--primary-dark:#0f5dc6;--secondary:#eef5ff;--dark:#172033;--danger:#dc2626;--danger-soft:#fee2e2;--success:#16a34a;--warning:#f59e0b;--purple:#7c3aed;--shadow:0 18px 60px #1018281a;--radius:22px}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 0 0,#1877f22e,#0000 34%),linear-gradient(135deg,#f8fbff,#edf2f7 48%,#f0f2f5);grid-template-columns:minmax(0,1.1fr) minmax(340px,440px);align-items:center;gap:32px;min-height:100vh;padding:40px clamp(20px,6vw,92px);display:grid}.login-hero{max-width:720px}.login-hero h1{letter-spacing:-.06em;margin:20px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.95}.login-hero p{max-width:600px;color:var(--muted);margin:0;font-size:19px;line-height:1.7}.hero-badge,.role-pill,.username-pill,.today-pill{color:#0f5dc6;background:#e8f1ff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.hero-cards div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #1877f229;border-radius:20px;padding:20px}.hero-cards strong,.hero-cards span{display:block}.hero-cards span{color:var(--muted);margin-top:8px;font-size:14px}.login-card,.card,.student-card,.log-card,.stat-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e4e7ece0}.login-card{padding:28px}.login-card h2,.card h2{letter-spacing:-.03em;margin:0 0 8px;font-size:28px}.login-card label,.form-stack label,.form-panel label,.settings-grid label{color:#344054;gap:8px;margin-top:16px;font-size:14px;font-weight:800;display:grid}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d0d5dd;border-radius:14px;outline:none;padding:12px 14px;transition:all .18s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1877f21f}.muted{color:var(--muted)}.small-note{font-size:14px;line-height:1.6}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:900}.form-error{background:var(--danger-soft);color:#991b1b;border-radius:14px;margin:16px 0;padding:12px 14px;font-weight:800}.btn{white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-weight:900;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-full{width:100%;margin-top:12px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #1877f242}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--primary-dark)}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{color:#344054;border:1px solid var(--line);background:#fff}.btn-danger,.btn-danger-soft{background:var(--danger);color:#fff}.btn-danger-soft{background:var(--danger-soft);color:#991b1b}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:#fff;border-radius:14px;font-size:26px;line-height:1}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;height:100vh;padding:22px;position:sticky;top:0}.brand-block{background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #1877f21f;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.brand-icon,.avatar{background:var(--primary);color:#fff;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:1000;display:grid}.brand-block strong,.brand-block span{display:block}.brand-block span{color:var(--muted);margin-top:3px;font-size:13px}.nav-list{gap:8px;margin-top:24px;display:grid}.nav-list button{color:#475467;text-align:left;background:0 0;border:0;border-radius:16px;padding:13px 14px;font-weight:900;transition:all .18s}.nav-list button span{margin-right:10px}.nav-list button:hover,.nav-list button.active{color:var(--primary-dark);background:#e8f1ff}.main-shell{min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f0f2f5d1;border-bottom:1px solid #e4e7ecc7;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.04em;margin:0;font-size:27px}.topbar-actions,.toolbar-actions,.summary-controls,.student-actions,.modal-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.content-area{padding:28px 28px 74px}.page-stack,.page-grid{gap:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:22px}.compact-card{padding:15px 18px}.page-header-card,.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-legend{color:#475467;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:800;display:flex}.calendar-legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.available{background:#dbeafe}.legend-dot.pending{background:#fff1b8}.legend-dot.accepted{background:#d1fae5}.legend-dot.paid{background:#dcfce7}.legend-outline{border:2px solid var(--purple);border-radius:5px;width:14px;height:14px}.calendar-grid{background:#d0d5dd;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:0;display:grid;overflow:hidden}.calendar-weekday,.calendar-day{background:#fff}.calendar-weekday{color:var(--muted);text-align:center;padding:14px 10px;font-size:13px;font-weight:1000}.calendar-day{min-height:172px;padding:10px}.calendar-day.outside-month{color:#98a2b3;background:#f8fafc}.calendar-day.today{background:#f7fbff;box-shadow:inset 0 0 0 2px #1877f247}.day-number-row{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.day-number{border-radius:50%;place-items:center;width:30px;height:30px;font-weight:1000;display:grid}.today .day-number{background:var(--primary);color:#fff}.today-pill{padding:4px 7px;font-size:10px}.slot-list{gap:6px;margin-top:6px;display:grid}.slot-pill{text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:7px 8px;transition:all .18s;display:grid}.slot-pill strong{font-size:12px}.slot-pill span{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.slot-pill.available{color:#0f5dc6;background:#eaf3ff}.slot-pill.pending{color:#92400e;background:#fff7d6}.slot-pill.accepted{color:#166534;background:#dcfce7}.slot-pill.paid{color:#14532d;background:#bbf7d0}.slot-pill.mine{border:2px solid var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.slot-pill:hover{filter:brightness(.98);transform:translateY(-1px)}.slot-admin-list,.date-slot-list,.form-stack,.form-panel,.info-list{gap:12px;display:grid}.slot-admin-row{border:1px solid var(--line);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.slot-admin-row span,.info-list span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.slot-admin-row.compact{padding:10px 12px}.form-panel{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px;margin-top:18px;padding:16px}.form-panel.bright{background:linear-gradient(135deg,#eef5ff,#fff);margin-top:0}.form-panel h3,.date-slot-group h3{margin:0}.form-row{gap:12px;display:grid}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.spacious{gap:16px}.date-slot-group{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.student-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px;display:grid}.student-card{gap:14px;padding:20px;display:grid}.student-card-body h3{margin:0 0 6px}.student-card-body p{color:var(--muted);margin:4px 0}.username-pill{color:#475467;background:#f1f5f9;margin-top:10px;padding:6px 10px}.summary-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stat-card{padding:22px}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{letter-spacing:-.04em;margin-top:8px;font-size:32px;display:block}.table-card{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:14px 12px}.data-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.log-list{gap:14px;display:grid}.log-card{grid-template-columns:48px 1fr;gap:14px;padding:18px;display:grid}.log-icon{background:#e8f1ff;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.log-meta{justify-content:space-between;gap:12px;display:flex}.log-meta span,.log-card small{color:var(--muted)}.info-list div{border:1px solid var(--line);background:var(--panel-soft);border-radius:17px;padding:16px}.info-list strong{margin-top:4px;display:block}.empty-state{border-radius:var(--radius);text-align:center;background:#ffffffb8;border:1px dashed #cbd5e1;place-items:center;min-height:240px;padding:30px;display:grid}.empty-state div{font-size:42px}.empty-state h3{margin:12px 0 4px}.empty-state p{max-width:460px;color:var(--muted);margin:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:26px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,620px);max-height:calc(100vh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0f172a47}.modal-wide{width:min(100%,820px)}.modal-header,.modal-footer{border-bottom:1px solid var(--line);padding:18px 20px}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{letter-spacing:-.03em;margin:0;font-size:22px}.modal-body{padding:20px;overflow:auto}.modal-footer{border-top:1px solid var(--line);background:#f8fafc;border-bottom:0;justify-content:flex-end}.dialog-message{color:#344054;margin:0;font-size:16px;line-height:1.7}.booking-details{gap:12px;display:grid}.booking-details div{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;gap:18px;padding:14px;display:flex}.booking-details span{color:var(--muted);font-weight:800}.booking-details strong{text-align:right}.status-text.pending{color:#b45309}.status-text.accepted{color:#15803d}.status-text.paid{color:#14532d}.status-text.available{color:var(--primary-dark)}.modal-note{color:#5b21b6;background:#f5f3ff;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:800}.toast-stack{z-index:120;gap:10px;width:min(360px,100vw - 40px);display:grid;position:fixed;top:20px;right:20px}.toast{text-align:left;color:#fff;box-shadow:var(--shadow);border:0;border-radius:16px;padding:14px 16px;font-weight:900}.toast-info{background:#334155}.toast-success{background:#15803d}.toast-error{background:#b91c1c}.developer-credit{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#475467;background:#ffffffe0;border:1px solid #d0d5ddd6;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:fixed;bottom:14px;right:18px;box-shadow:0 8px 28px #10182814}@media (width<=1180px){.calendar-grid{grid-template-columns:repeat(7,minmax(158px,1fr));overflow-x:auto}}@media (width<=900px){.login-shell,.app-shell,.two-columns,.summary-stat-grid{grid-template-columns:1fr}.login-shell{align-items:start}.hero-cards,.form-row.two{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.nav-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.topbar,.page-header-card,.calendar-toolbar{flex-direction:column;align-items:flex-start}.content-area{padding:18px 18px 84px}}@media (width<=560px){.login-shell{padding:22px}.login-hero h1{font-size:40px}.topbar-actions,.toolbar-actions,.summary-controls,.student-actions,.modal-footer,.topbar-actions .btn,.toolbar-actions .btn,.summary-controls .btn,.modal-footer .btn{width:100%}.booking-details div{display:grid}.booking-details strong{text-align:left}}.loading-screen{background:var(--bg);min-height:100vh;color:var(--primary-dark);place-items:center;font-size:20px;font-weight:1000;display:grid}.credential-hints{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:16px;gap:5px;margin-top:16px;padding:14px;font-size:13px;font-weight:800;display:grid}.slot-pill.available{color:#0f5dc6;background:#fff;border-color:#dbeafe}.slot-pill.own-border,.slot-pill.mine{border:2px solid var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.slot-pill.mine{color:#1d4ed8;background:#dbeafe}.slot-pill.other-student{color:#6d28d9;background:#f3e8ff}.legend-dot.other-student{background:#f3e8ff;border:1px solid #c084fc}.btn-success{background:var(--success);color:#fff;box-shadow:0 8px 20px #16a34a38}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.date-slot-form-row{grid-template-columns:126px 130px 130px;justify-content:start;align-items:end;width:fit-content;max-width:100%}.date-slot-form-row label:first-child{width:126px;max-width:126px}.date-slot-form-row label:first-child input[type=date]{width:126px;min-width:0;max-width:126px;padding-left:8px;padding-right:6px;font-size:13px}.settings-actions{justify-content:flex-start;margin-top:32px;padding-top:4px;display:flex}.compact-panel{margin-top:14px}.spaced-list{margin-top:16px}.students-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.student-card-top{align-items:center;gap:12px;display:flex}.student-card-top h3,.student-card-top p{margin:0}.student-card-top p{color:var(--muted);margin-top:4px}.student-meta{background:#f8fafc;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:12px;display:grid}.student-meta span{color:var(--muted);font-size:13px;font-weight:800}.student-meta strong{overflow-wrap:anywhere;text-align:right;min-width:0}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.log-card{grid-template-columns:1fr}.log-top{color:var(--text);justify-content:space-between;gap:12px;display:flex}.log-top span{color:var(--muted);font-size:13px;font-weight:800}.log-card p{margin:0;line-height:1.6}.log-meta{flex-wrap:wrap;font-size:13px;font-weight:800}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid div{border:1px solid var(--line);background:#f8fafc;border-radius:16px;gap:6px;padding:14px;display:grid}.detail-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.detail-grid strong{overflow-wrap:anywhere}@media (width<=900px){.form-row.three,.date-slot-form-row,.stats-row,.detail-grid{grid-template-columns:1fr}}