:root{--primary: #d4a5a5;--primary-hover: #c08e8e;--primary-light: #f8e8e8;--primary-dark: #a67c7c;--accent-rose: #e8b4b8;--accent-gold: #c9a96e;--accent-gold-hover: #b8985e;--accent-champagne: #f5e6d3;--bg-dark: #1a1025;--bg-dark-lighter: #2d1f3d;--bg-dark-hover: rgba(255, 255, 255, .06);--bg-dark-active: rgba(255, 255, 255, .1);--bg-main: #faf7f8;--bg-card: #ffffff;--bg-cream: #f5f0f2;--bg-rose-tint: #fdf8f9;--bg-warm: #faf5f0;--text-primary: #2d1f3d;--text-secondary: #6b5b7a;--text-muted: #9ca3af;--text-light: #ffffff;--text-gold: #c9a96e;--success: #7cb89f;--success-bg: #e8f5ef;--warning: #d4a574;--warning-bg: #fdf3e8;--danger: #c97b7b;--danger-bg: #fce8e8;--info: #8fa7c4;--info-bg: #e8eef5;--border: #f0e8ec;--border-light: #f8f4f6;--border-dark: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(26, 16, 37, .04);--shadow-md: 0 4px 16px rgba(26, 16, 37, .06);--shadow-lg: 0 12px 40px rgba(26, 16, 37, .1);--shadow-xl: 0 24px 64px rgba(26, 16, 37, .14);--shadow-glow: 0 0 24px rgba(212, 165, 165, .2);--sidebar-width: 260px;--header-height: 68px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--font-serif: Arial, "Helvetica Neue", Helvetica, sans-serif;--font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);line-height:1.6;font-size:14px}h1,h2,h3,h4,h5,h6,.font-serif{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em;line-height:1.25}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a102526;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a102540}::selection{background:var(--primary-light);color:var(--text-primary)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-luxury{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card-luxury:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-rose),var(--accent-gold));opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-rose));color:#fff;box-shadow:0 4px 12px #d4a5a54d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary));box-shadow:0 6px 20px #d4a5a566;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--accent-gold),var(--accent-champagne));color:#fff;box-shadow:0 4px 12px #c9a96e4d}.btn-gold:hover{background:linear-gradient(135deg,var(--accent-gold-hover),var(--accent-gold));box-shadow:0 6px 20px #c9a96e66;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-cream);border-color:var(--primary-light);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-card);transition:all var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:22px;position:relative;overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-rose));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.stat-card:hover:after{opacity:1}.stat-card .stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-dark)}.stat-card .stat-value{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--text-primary);margin-top:6px;letter-spacing:-.02em}.stat-card .stat-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.table-luxury{width:100%;border-collapse:separate;border-spacing:0}.table-luxury thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-rose-tint);border-bottom:1px solid var(--border)}.table-luxury thead th:first-child{border-top-left-radius:var(--radius-md)}.table-luxury thead th:last-child{border-top-right-radius:var(--radius-md)}.table-luxury tbody td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--border-light);transition:background var(--duration-fast)}.table-luxury tbody tr:hover td{background:var(--bg-rose-tint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a102573;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s var(--ease-out)}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;width:420px;max-width:calc(100% - 32px);box-shadow:var(--shadow-xl);animation:slideUp .3s var(--ease-out);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);text-decoration:none;font-size:13px;font-weight:500;color:#ffffff8c;transition:all var(--duration-fast) var(--ease-out);border-left:3px solid transparent;margin-bottom:2px}.nav-item:hover{background:var(--bg-dark-hover);color:#ffffffd9}.nav-item.active{background:var(--bg-dark-active);color:#fff;border-left-color:var(--accent-rose);font-weight:600}.grid-responsive-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.grid-responsive-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-responsive-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-responsive-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.page-padding{padding:0 32px 32px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:640px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-sm{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card-grid-lg{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-grid-sm{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-scroll>*{min-width:640px}.hide-mobile{display:inherit}.show-mobile{display:none!important}@media (max-width: 1024px){.grid-responsive-5,.grid-responsive-4{grid-template-columns:repeat(3,1fr)}.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-responsive-5{grid-template-columns:repeat(2,1fr);gap:10px}.grid-responsive-4{grid-template-columns:repeat(2,1fr);gap:12px}.grid-responsive-3,.grid-responsive-2{grid-template-columns:1fr;gap:12px}.form-grid-2{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-padding{padding:0 16px 24px}.hide-mobile{display:none!important}.show-mobile{display:inherit!important}.stat-card .stat-value{font-size:26px}.modal-content{padding:24px}}@media (max-width: 640px){.card-grid,.card-grid-sm,.card-grid-lg{grid-template-columns:1fr}}@media (max-width: 480px){.grid-responsive-5,.grid-responsive-4,.grid-responsive-3,.grid-responsive-2,.form-grid-2{grid-template-columns:1fr}.metric-grid,.metric-grid-sm{grid-template-columns:repeat(2,1fr);gap:10px}.page-padding{padding:0 14px 20px}.stat-card{padding:16px}.stat-card .stat-value{font-size:24px}.modal-content{padding:20px;width:100%;max-width:calc(100% - 24px)}}.grid-dashboard-mid{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:16px}.grid-dashboard-bottom{display:grid;grid-template-columns:.85fr 1fr .7fr .6fr;gap:16px}.grid-aside{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 768px){.grid-aside{grid-template-columns:1fr .42fr}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-enter{animation:slideInLeft .3s var(--ease-out) forwards}@media (max-width: 1024px){.grid-dashboard-mid,.grid-dashboard-bottom{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid-dashboard-mid,.grid-dashboard-bottom{grid-template-columns:1fr;gap:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
