:root{color-scheme:light;font-family:Segoe UI,Trebuchet MS,sans-serif;--bg: #f7f3e8;--panel: #fffdfa;--panel-soft: #f2ebdc;--line: #ddd2bd;--text: #2c2418;--muted: #756753;--accent: #d4a017;--accent-deep: #8f6804;--success: #2d7a4b;--shadow: 0 18px 40px rgba(95, 72, 28, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(212,160,23,.18),transparent 28%),linear-gradient(135deg,#fbf8ef,#f3ebdc);color:var(--text)}a{color:inherit;text-decoration:none}button,.button-link{border:0;border-radius:14px;padding:.8rem 1.1rem;background:linear-gradient(135deg,#e0b125,#bf8800);color:#1d160c;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}button.secondary{background:var(--panel-soft);color:var(--text);box-shadow:none}input,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;background:#fff}label{display:grid;gap:.4rem;font-size:.92rem;color:var(--muted)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:2rem 1.4rem;background:linear-gradient(180deg,#21180d,#3a2c18);color:#f8f0dd;display:flex;flex-direction:column;gap:2rem}.sidebar-eyebrow,.page-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--accent)}.sidebar-brand{margin:.2rem 0 0;font-size:1.8rem}.sidebar-nav{display:grid;gap:.55rem}.sidebar-nav a{padding:.9rem 1rem;border-radius:14px;color:#f8f0ddd9}.sidebar-nav a.active{background:#d4a01729;color:#fff2c9}.sidebar-footer{margin-top:auto;color:#f8f0ddb3;font-size:.9rem}.app-content{padding:1.3rem 1.6rem 1.8rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;padding:1.2rem 1.4rem;border:1px solid rgba(212,160,23,.2);border-radius:22px;background:#fffdf8db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h2{margin:.25rem 0 0}.header-profile,.account-hero{display:flex;align-items:center;gap:.9rem}.header-profile p,.section-title p,.login-copy{margin:0;color:var(--muted)}.header-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f0c553,#c38708);font-weight:700}.header-avatar.large{width:72px;height:72px}.app-main,.page-stack{display:grid;gap:1.2rem}.section-title h3,.form-card h4{margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.summary-card,.table-card,.form-card{background:#fffcf6f2;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:var(--shadow)}.summary-card{display:grid;gap:.3rem}.summary-card span,.summary-card small{color:var(--muted)}.summary-card strong{font-size:2rem}.table-toolbar,.panel-grid,.form-grid,.toolbar-filters,.quick-links{display:grid;gap:1rem}.table-toolbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:1rem}.toolbar-filters{grid-auto-flow:column}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.95rem .8rem;border-top:1px solid #efe4d2;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.88rem;border-top:0}.table-actions{display:flex;gap:.6rem;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:999px;background:#f4e3af;color:#6c5000;font-size:.8rem;font-weight:700}.status-pill.approved{background:#d9f2e1;color:var(--success)}.availability-row{display:grid;grid-template-columns:120px repeat(4,1fr);gap:.7rem;align-items:center;padding:.75rem 0;border-top:1px solid #efe4d2}.availability-row label{grid-auto-flow:column;justify-content:start;align-items:center}.availability-row input{width:auto}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-panel{width:min(760px,100%);display:grid;gap:1.5rem;padding:2rem;border-radius:28px;border:1px solid rgba(212,160,23,.22);background:#fffcf6f2;box-shadow:var(--shadow)}.login-form{display:grid;gap:1rem}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.info-list{display:grid;gap:.7rem;color:var(--muted)}@media (max-width: 960px){.app-shell,.card-grid,.panel-grid,.form-grid,.quick-links,.table-toolbar{grid-template-columns:1fr}.toolbar-filters{grid-auto-flow:row}.sidebar{display:none}.availability-row{grid-template-columns:1fr 1fr}}