:root{--bg: #ffffff;--fg: #111827;--muted: #6b7280;--panel: rgba(255, 255, 255, .56);--border: rgba(148, 163, 184, .42);--border-subtle: rgba(148, 163, 184, .24);--accent: #1e66ff;--hover: rgba(30, 102, 255, .12);--hover-obj: rgba(30, 102, 255, .22);--zebra: rgba(239, 246, 255, .58);--crm-hover: #e6f0ff;--crm-hover-obj: #edf2ff;--glass-blur: 22px;--glass-saturate: 195%;--glass-border: rgba(255, 255, 255, .66);--glass-border-strong: rgba(255, 255, 255, .86);--glass-shadow: 0 24px 56px rgba(15, 23, 42, .22), 0 6px 18px rgba(15, 23, 42, .16);--glass-shadow-hover: 0 28px 64px rgba(15, 23, 42, .28), 0 10px 24px rgba(15, 23, 42, .2);--surface-ambient-1: rgba(59, 130, 246, .34);--surface-ambient-2: rgba(30, 102, 255, .26);--surface-ambient-3: rgba(14, 165, 233, .22)}.theme-dark{--bg: #06090e;--fg: #ffffff;--muted: #8a95a5;--panel: rgba(255, 255, 255, .02);--border: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .02);--accent: #00ffcc;--hover: rgba(255, 255, 255, .04);--hover-obj: rgba(255, 255, 255, .06);--zebra: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .15);--glass-shadow: 0 40px 80px rgba(0, 0, 0, .6);--glass-shadow-hover: 0 40px 80px rgba(0, 0, 0, .8);--surface-ambient-1: rgba(0, 255, 204, .15);--surface-ambient-2: rgba(234, 0, 94, .1);--surface-ambient-3: rgba(100, 50, 255, .1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Space Grotesk,sans-serif;background:#000;background-image:radial-gradient(circle at 10% 20%,rgba(0,255,204,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(234,0,94,.05) 0%,transparent 50%),linear-gradient(135deg,#141414cc,#000);background-attachment:fixed;color:var(--fg)}h1,h2,h3,h4,h5,h6{font-family:Syncopate,sans-serif;font-weight:700;text-transform:uppercase}.app-shell{min-height:100vh;position:relative;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;pointer-events:none;border-radius:999px;filter:blur(86px);opacity:.7;z-index:-1}.app-shell:before{width:min(54vw,540px);height:min(54vw,540px);top:-180px;left:-120px;background:radial-gradient(circle at 30% 30%,rgba(191,219,254,.4),transparent 72%)}.app-shell:after{width:min(48vw,480px);height:min(48vw,480px);right:-120px;bottom:-180px;background:radial-gradient(circle at 65% 60%,rgba(59,130,246,.26),transparent 72%)}.app-main{min-height:100vh;position:relative;z-index:1;overflow-x:hidden}.app-main-mobile{padding-bottom:24px}.crm-page{display:grid;gap:14px;animation:page-fade-in .24s ease-out}.crm-settings-page{width:min(100%,1180px);margin-inline:auto}.crm-settings-page>*{min-width:0}.crm-settings-page section{width:100%}.crm-settings-page th,.crm-settings-page td{overflow-wrap:anywhere}.crm-settings-page .settings-card{border:1px solid var(--glass-border);border-radius:10px;padding:10px;background:linear-gradient(145deg,#ffffff3d,#ffffff14 44%,#ffffff0a),var(--panel);box-shadow:var(--glass-shadow),inset 0 1px #ffffff47,inset 0 -1px #ffffff0d;backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur))}.crm-settings-page .settings-accordion-summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;flex-wrap:wrap}.crm-settings-page .settings-accordion summary::-webkit-details-marker{display:none}.crm-settings-page .settings-accordion-body{margin-top:10px;display:grid;gap:10px}.crm-settings-page .settings-vertical-list{display:grid;grid-template-columns:1fr;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glass-panel,.crm-sidebar,.mobile-topbar,.crm-table-wrap,.crm-modal,.crm-login-card,.crm-whiteboard-page section,.crm-settings-page section,.crm-record-page section,.crm-record-page aside>div,.crm-invoices-page section,.crm-invoices-page>div:first-child,.crm-archives-page>div:first-child{border:1px solid var(--glass-border)!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff0d,#ffffff03 44%,#fff0),var(--panel)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff0d,inset 0 -1px #0003;backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur))}.crm-table-wrap{overflow:auto;border-radius:12px}.crm-table-wrap thead th{background:linear-gradient(150deg,#ffffff38,#ffffff0f),#070c168f!important;border-color:var(--glass-border)!important;backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * 1.1));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * 1.1))}.crm-modal-backdrop{background:#0206178f!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.crm-modal{width:min(92vw,760px)!important;max-height:84vh!important;border-radius:16px!important}.theme-dark :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--glass-border-strong)!important;background:#070c1670!important;color:var(--fg)!important;box-shadow:inset 0 1px #fff3,inset 0 -1px #02061742;backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .9));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .9))}.theme-dark :where(input,select,textarea)::placeholder{color:#dce7f8b8}.theme-dark :where(button,a,input,select,textarea,.glass-panel,section,aside>div,details,summary,th,td){transition:background-color .28s cubic-bezier(.2,.8,.2,1),border-color .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),color .28s cubic-bezier(.2,.8,.2,1)}.theme-dark button{backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .55));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .55))}.theme-dark button:hover,.theme-dark .glass-panel:hover,.theme-dark section:hover,.theme-dark aside>div:hover{box-shadow:var(--glass-shadow-hover)}.theme-dark button:hover{filter:brightness(1.06);transform:translateY(-1px)}.theme-dark button:active{transform:translateY(0)}tr[data-clickable=row],td[data-clickable=cell]{transition:background-color .22s cubic-bezier(.2,.8,.2,1)}tr[data-clickable=row]:hover,td[data-clickable=cell]:hover{background:var(--hover-obj)!important}tr[data-zebra=even]:hover,tr[data-zebra=odd]:hover{background:var(--hover)!important}nav a:hover{background:var(--hover-obj)}.mobile-topbar,.mobile-nav-backdrop{display:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-panel,.crm-sidebar,.mobile-topbar,.crm-table-wrap,.crm-modal,.crm-login-card,.crm-whiteboard-page section,.crm-settings-page section,.crm-record-page section,.crm-record-page aside>div,.crm-invoices-page section,.crm-invoices-page>div:first-child,.crm-archives-page>div:first-child{background:#111418d6!important}}@media (max-width: 960px){.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;z-index:31;height:56px;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--glass-border)}.mobile-menu-btn{border:1px solid var(--glass-border);background:#070c1685;color:var(--fg);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;min-width:64px}.mobile-route-label{color:var(--fg);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background:#00000085;z-index:30;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}
