:root{--primary: #dc2626;--primary-dark: #991b1b;--primary-light: #ef4444;--secondary: #4b5563;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--sidebar-bg: #111111;--sidebar-text: #94a3b8;--sidebar-text-bright: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-main: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.page-container{padding:32px;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:280px;height:100vh;background:var(--sidebar-bg);border-right:1px solid #222;display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;z-index:100;transition:width .3s ease}@media (max-width: 1200px){.sidebar{width:240px;padding:20px 12px}.page-container{padding:24px}}@media (max-width: 900px){.sidebar{width:80px;padding:16px 8px}.sidebar .card-info,.sidebar .nav-item span,.sidebar .sidebar-footer,.sidebar .card-icon-muted,.sidebar .nav-divider{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.sidebar .sidebar-card{justify-content:center;padding:8px}.page-container{padding:20px}}@media (max-width: 600px){.page-container{padding:16px}}.sidebar-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0a;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.04)}.sidebar-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:#ffffff1a}.tenant-card-premium{margin-bottom:8px;cursor:default}.user-profile-card-premium{margin-bottom:32px}.avatar-wrapper{position:relative;width:44px;height:44px}.card-avatar-img{width:100%;height:100%;border-radius:12px;object-fit:cover;border:2px solid #333}.tenant-img{background:#fff;padding:4px;object-fit:contain}.status-indicator-blue,.status-indicator-green{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border:2px solid var(--sidebar-bg);border-radius:50%}.status-indicator-blue{background:#3b82f6}.status-indicator-green{background:var(--success)}.card-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.card-title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-subtitle{font-size:11px;color:var(--sidebar-text);font-weight:500}.card-icon-muted{color:var(--sidebar-text);opacity:.4}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--sidebar-text);transition:all .2s;width:100%;text-align:left;font-weight:500}.nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #dc262666;border:1px solid rgba(255,255,255,.1)}.nav-divider{height:1px;background:#222;margin:16px 12px}.sidebar-footer{border-top:1px solid #222;padding-top:24px;margin-top:auto}.company-info-dark{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff05;border-radius:var(--radius-md)}.footer-logo-bright{height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.6}.contact-details-light{display:flex;flex-direction:column;align-items:center;gap:2px}.contact-details-light a,.contact-details-light span{font-size:10px;color:#666;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.active-call-modal{width:100%;max-width:800px;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.call-badge{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.pulse{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse-ring 1.25s infinite}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{transform:scale(2);opacity:0}}.modal-body{padding:32px}.customer-info-hero{display:flex;align-items:center;gap:24px;margin-bottom:32px}.avatar-large{width:80px;height:80px;background:var(--primary-light);color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center}.call-timer{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--primary);font-size:18px}.modal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}textarea{width:100%;height:120px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-main);margin-top:8px}.action-card{width:100%;padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;border:1px solid var(--border)}.action-card.primary{background:#fee2e2;color:var(--primary);border-color:#fecaca}.btn-save{background:var(--primary);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600}.btn-end-call{background:#fef2f2;color:#dc2626;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:var(--bg-card);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-card h3{color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:8px}.stat-card .value{font-size:24px;font-weight:700;color:var(--text-main)}.data-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:16px;background:var(--bg-main);color:var(--text-muted);font-size:13px;font-weight:600;text-transform:uppercase}td{padding:16px;border-top:1px solid var(--border);font-size:14px}tr:hover{background:var(--bg-main)}.status-pill{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-pill.success{background:#ecfdf5;color:#10b981}.gradient-text{background:linear-gradient(135deg,var(--primary),#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.login-footer{margin-top:40px;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.mini-resto-logo{height:20px;object-fit:contain;opacity:.6}.footer-brand p{font-size:12px;color:var(--text-muted)}.footer-brand a{color:var(--primary);font-weight:600}.copyright{font-size:11px;color:var(--text-muted);opacity:.8}