*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}:root{--header-height: 70px;--sidebar-width: 220px;--content-max-width: 1200px;--gap-unit: clamp(12px, 2vw, 24px);--page-padding: clamp(16px, 4vw, 40px);--bg-main: #f0f4f8;--bg-card: #ffffff;--bg-input: #f8fafc;--bg-hover: #f1f5f9;--bg-accent: #eff6ff;--bg-header: #ffffff;--bg-sidebar: #ffffff;--bg-modal: #ffffff;--bg-dropdown: #ffffff;--bg-tag: #e2e8f0;--text-main: #333333;--text-secondary: #666666;--text-muted: #999999;--text-heading: #111827;--text-on-primary: #ffffff;--border-main: #e0e7ff;--border-light: #eee;--border-input: #d1d5db;--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.12);--shadow-card: 0 12px 35px rgba(0,0,0,.06);--primary: #4f7cff;--primary-hover: #3a5fd0;--success: #20c997;--danger: #e53935;--warning: #f59e0b}body.dark{--bg-main: #0f1117;--bg-card: #1a1d2e;--bg-input: #232738;--bg-hover: #2a2e42;--bg-accent: #1e2235;--bg-header: #14161f;--bg-sidebar: #14161f;--bg-modal: #1a1d2e;--bg-dropdown: #1e2235;--bg-tag: #2a2e42;--text-main: #e4e6eb;--text-secondary: #b0b3b8;--text-muted: #8a8d91;--text-heading: #f0f2f5;--text-on-primary: #ffffff;--border-main: #2d3148;--border-light: #2d3148;--border-input: #3a3f55;--shadow-sm: 0 2px 10px rgba(0,0,0,.3);--shadow-md: 0 4px 15px rgba(0,0,0,.25);--shadow-lg: 0 8px 30px rgba(0,0,0,.4);--shadow-card: 0 10px 30px rgba(0,0,0,.3);--primary: #6b8eff;--primary-hover: #5a7ce6;--success: #2dd4a8;--danger: #ff6b6b;--warning: #fbbf24}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text-main);background-color:var(--bg-main);transition:background-color .3s ease,color .3s ease}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:0 var(--gap-unit);background:var(--bg-header)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-main)!important;transition:background-color .3s ease,box-shadow .3s ease}.app-header-left{display:flex;align-items:center;gap:16px}.app-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:600px){.app-header{padding:0 12px}.app-header-actions{gap:8px}}.page-with-sidebar{display:flex;margin-top:var(--header-height);position:relative;min-height:calc(100vh - var(--header-height))}.page-main{flex:1;width:100%;min-width:0;padding:var(--page-padding);transition:margin-left .3s;animation:fadeInUp .5s ease-out forwards}.page-main.with-sidebar{margin-left:var(--sidebar-width)}@media(max-width:768px){.page-main.with-sidebar{margin-left:0}}.page-content-wrap{padding:clamp(80px,10vh,100px) var(--gap-unit) var(--gap-unit);max-width:1400px;margin:0 auto;animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-card{background:var(--bg-card);border-radius:20px;padding:clamp(16px,3vw,30px);box-shadow:var(--shadow-card);width:100%;max-width:100%;transition:background-color .3s ease}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,40px);margin-bottom:40px;width:100%}@media(max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr;gap:32px}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:640px;width:100%}.admin-form-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:12px}@media(max-width:900px){.admin-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:500px){.admin-form-row-3{grid-template-columns:1fr}}.search-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}@media(max-width:900px){.search-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.search-form-grid{grid-template-columns:1fr}}.form-container-narrow{width:100%;max-width:500px}.form-container-wide{width:100%;max-width:750px}.city-selector-wrap{width:100%;max-width:700px}img,svg{max-width:100%;height:auto;vertical-align:middle}.chat-table-container{width:100%;overflow-x:auto;margin:10px 0;border-radius:12px;border:1px solid var(--border-light)}.chat-table-container table{width:100%;border-collapse:collapse;font-size:13px;background-color:var(--bg-main)}.chat-table-container th{background-color:var(--bg-accent);color:var(--primary);font-weight:600;padding:10px;text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap}.chat-table-container td{padding:10px;border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap}.chat-table-container tr:last-child td{border-bottom:none}.typing-loader{display:flex;align-items:center;gap:4px;height:20px}.typing-loader span{width:7px;height:7px;background-color:var(--primary);border-radius:50%;display:inline-block;opacity:.4;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-loader span:nth-child(1){animation-delay:-.32s}.typing-loader span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}