:root{--bg: #0E0E10;--surface: #16161A;--surface-2: #1E1E22;--text: #EDE7DB;--text-muted: #9A938A;--accent: #C8A24B;--accent-soft: #D8BC7E;--accent-dark: #9A7531;--dark: #0E0E10;--danger: #F87171;--success: #6FCF97;--border: #2A2A2A;--radius: 12px;--shadow: 0 2px 16px rgba(0,0,0,.45);--shadow-lg: 0 12px 40px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Jost,sans-serif;font-size:16px;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Cormorant,serif;font-weight:600;line-height:1.2;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%}button{font-family:inherit;color:inherit}input,textarea,select{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:999px;font-family:Jost,sans-serif;font-size:14px;font-weight:500;letter-spacing:.04em;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0e0e10;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 6px 20px #c8a24b40}.btn-accent{background:var(--accent);color:#0e0e10;font-weight:600}.btn-accent:hover:not(:disabled){background:var(--accent-soft);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent);color:#0e0e10}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.btn-danger{background:var(--danger);color:#0e0e10}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{padding:16px 40px;font-size:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.form-input{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:Jost,sans-serif;font-size:15px;color:var(--text);background:var(--surface-2);transition:border-color .2s;outline:none;width:100%}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:#6b665d}.form-textarea{resize:vertical;min-height:80px}.form-select{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:Jost,sans-serif;font-size:15px;color:var(--text);background:var(--surface-2);outline:none;cursor:pointer;width:100%}.form-select:focus{border-color:var(--accent)}.form-select option{background:#16161a;color:var(--text)}.form-error{color:var(--danger);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page{min-height:calc(100vh - 72px)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.divider{height:1px;background:var(--border);margin:24px 0}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;min-height:200px}.alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:400}.alert-error{background:#f871711f;color:#f8a3a3;border:1px solid rgba(248,113,113,.3)}.alert-success{background:#6fcf971f;color:#9ad9b4;border:1px solid rgba(111,207,151,.3)}.alert-info{background:#c8a24b1a;color:var(--accent-soft);border:1px solid rgba(200,162,75,.28)}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab-btn{padding:10px 20px;background:none;border:none;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.tab-btn:hover:not(.active){color:var(--text)}.react-calendar{border:1px solid var(--border)!important;border-radius:var(--radius)!important;font-family:Jost,sans-serif!important;background:var(--surface)!important;color:var(--text)!important;padding:8px!important;width:100%!important;box-shadow:var(--shadow)!important}.react-calendar button{color:var(--text)!important}.react-calendar__month-view__weekdays{color:var(--text-muted)!important}.react-calendar__month-view__days__day--neighboringMonth{color:#5a554d!important}.react-calendar__tile:disabled{color:#4a463f!important;background:transparent!important}.react-calendar__tile--active{background:var(--accent)!important;color:#0e0e10!important;border-radius:8px!important}.react-calendar__tile--now{background:#c8a24b1f!important;border-radius:8px!important}.react-calendar__tile:enabled:hover{background:var(--surface-2)!important;border-radius:8px!important}.react-calendar__navigation button:enabled:hover{background:var(--surface-2)!important;border-radius:8px!important}.react-calendar__navigation button:disabled{background:transparent!important;color:#4a463f!important}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}.container{padding:0 16px}}@media (max-width: 640px){.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-btn{white-space:nowrap;flex:0 0 auto}.book-card{padding:20px!important;border-radius:12px!important}.book-progress{gap:2px}.book-step-label{display:none}.book-calendar-row{flex-direction:column;gap:16px!important}.book-calendar-wrap{min-width:0!important;width:100%}.admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table-inner{min-width:560px}.admin-disc-inner{min-width:680px}.admin-day-row{flex-wrap:wrap;gap:12px!important}.dash-layout{flex-direction:column;gap:20px!important}.dash-sidebar{flex:1 1 auto!important;width:100%}.dash-stats-inner{gap:20px!important;flex-wrap:wrap}.confirm-card{padding:32px 24px!important}.profile-card{flex-direction:column;gap:16px!important;padding:20px!important}}