*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg2:#111;--bg3:#1a1a1a;--border:#2a2a2a;--accent:#ff2020;--accent2:#f55;--text:#fff;--muted:#888;--danger:red;--font-head:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-w:220px;--sidebar-collapsed-w:56px;--topbar-h:52px;--bottom-nav-h:60px}[data-theme=light]{--bg:#f5f5f5;--bg2:#fff;--bg3:#ebebeb;--border:#d0d0d0;--accent:#c00;--accent2:#f33;--text:#111;--muted:#666;--danger:red}html{scroll-behavior:smooth;touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;-webkit-overflow-scrolling:touch;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-mono)}input,select,textarea{font-family:var(--font-mono);font-size:16px}@media (min-width:769px){input,select,textarea{font-size:inherit}}.crm-shell,.crm-sidebar{display:flex;min-height:100vh}.crm-sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:300;transition:width .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.crm-sidebar.collapsed{width:var(--sidebar-collapsed-w)}.crm-main{flex:1 1;margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .22s cubic-bezier(.4,0,.2,1);min-width:0}.crm-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-w)}.container{max-width:100%;margin:0 auto;padding:0 28px;width:100%}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:299}@media (max-width:768px){:root{--sidebar-w:260px}.crm-sidebar{transform:translateX(-100%);width:var(--sidebar-w)!important;box-shadow:4px 0 24px rgba(0,0,0,.6)}.crm-sidebar.mobile-open{transform:translateX(0)}.crm-main{margin-left:0!important;padding-top:var(--topbar-h)!important;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px))!important}.sidebar-overlay{display:block}.container{padding:0 12px}.kpi-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.hide-mobile{display:none!important}.modal-box{width:100%!important;max-width:100%!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92vh!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom,16px)!important}.erp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 0 8px}.grid-to-stack{display:flex!important;flex-direction:column!important}.btn-full-mobile{width:100%!important;justify-content:center!important}.mobile-text-sm{font-size:11px!important}.page-wrap{padding:12px 12px 0!important}.mobile-icon-only .label{display:none}h1{font-size:20px!important}h2{font-size:16px!important}td,th{white-space:nowrap}.toolbar-wrap{flex-wrap:wrap!important;gap:8px!important}.card-grid{grid-template-columns:1fr!important}.sidebar-toggle-desktop{display:none!important}}@media (max-width:1024px) and (min-width:769px){.container{padding:0 20px}:root{--sidebar-w:200px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width:768px){::-webkit-scrollbar{width:0;height:0}}.mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-scroll::-webkit-scrollbar{display:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}.slide-up{animation:slideUp .3s ease forwards}*{-webkit-tap-highlight-color:transparent}@media (max-width:768px){[role=button],a,button,input[type=checkbox],input[type=radio]{min-height:44px}.btn-sm,td button,th button{min-height:32px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px));background:var(--bg2);border-top:1px solid var(--border);z-index:350;align-items:center;justify-content:space-around;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:10px;font-family:var(--font-sans);text-decoration:none;background:none;border:none;padding:6px 10px;border-radius:10px;min-height:auto;transition:color .15s,background .15s;cursor:pointer;flex:1 1;max-width:80px}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover,.mobile-bottom-nav button:hover{color:var(--accent);background:rgba(232,255,71,.07)}.mobile-bottom-nav .nav-icon{font-size:22px;line-height:1}@supports (padding:env(safe-area-inset-top)){.topbar-safe{padding-top:env(safe-area-inset-top)}}@media (max-width:768px){.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-table td,.analytics-table th{font-size:11px!important;padding:5px 6px!important}.form-row{flex-direction:column!important;gap:8px!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.meet-grid{grid-template-columns:1fr 1fr!important}.meet-grid-1{grid-template-columns:1fr!important}.meet-controls{overflow-x:auto;padding:0 8px;gap:8px!important}}