*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#060503;--bg-card:#12100c;--bg-elevated:#1a1610;--bg-hover:#221c14;--border:#d4a0172e;--shadow:0 12px 40px #0000008c;--text:#efe6d1;--text-muted:#efe6d194;--primary:#d4a017;--primary-dark:#b8860b;--primary-dim:#d4a0171f;--accent:#7eb8ff;--success:#4ade80;--danger:#f87171;--warning:#fbbf24;--ring:#d4a01773;--sidebar-width:300px;--topbar-height:56px;--radius:10px;--gradient-page:radial-gradient(ellipse 90% 50% at 50% -20%,#6a4f2138,transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,#301e501f,transparent 65%),#060503}[data-theme=light]{--bg:#f3ebe0;--bg-card:#fffaf2;--bg-elevated:#fff;--bg-hover:#f0e6d6;--border:#78551e2e;--shadow:0 8px 28px #5037141a;--text:#2a1f12;--text-muted:#2a1f1294;--primary:#9a7209;--primary-dark:#7a5900;--primary-dim:#9a72091a;--accent:#2563eb;--success:#16a34a;--danger:#dc2626;--warning:#ca8a04;--ring:#9a720959;--gradient-page:radial-gradient(ellipse 80% 45% at 50% -10%,#b48c3c26,transparent 50%),#f3ebe0}body{background:var(--gradient-page);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.theme-toggle{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.theme-toggle input{opacity:0;width:0;height:0;position:absolute}.theme-toggle .theme-toggle-slider{background:var(--border);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.theme-toggle .theme-toggle-slider:before{content:"";background:var(--primary);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle input:checked+.theme-toggle-slider:before{transform:translate(16px)}.theme-toggle input:focus-visible+.theme-toggle-slider{box-shadow:0 0 0 2px var(--ring)}.theme-toggle .theme-toggle-label{white-space:nowrap}.button{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.52rem .9rem;font-size:.875rem;font-weight:600;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted);transform:translateY(-1px)}.button:active:not(:disabled){opacity:.95;transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary)95%,#fff 5%),var(--primary-dark));border-color:var(--primary-dark);color:#1a1208}.button.primary:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#1a1208}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger:hover:not(:disabled){opacity:.9}.button.ghost{background:0 0}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:.55rem .75rem;font-size:.875rem;transition:border-color .12s,box-shadow .12s,background .12s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring);background:var(--bg-card);outline:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background:color-mix(in srgb,var(--bg-card)92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.topbar-title{color:var(--text);white-space:nowrap;letter-spacing:-.02em;font-size:1.0625rem;font-weight:700}.topbar-title strong{color:var(--primary);font-weight:800}.topbar-search{flex:1;min-width:0;max-width:360px}.topbar-search .input{width:100%;padding:.5rem .75rem;font-size:.875rem}.topbar-meta{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.topbar-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-body-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.app-body-main,.main{flex:1;min-width:0;min-height:0;padding:1.25rem;overflow:auto}.main-full{width:100%}.player-strip-wrap{border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0;min-height:0}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem}.card-mini{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.alert{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.75rem .9rem}.alert.success{border-color:var(--success);background:#22c55e1f}.alert.error{border-color:var(--danger);background:#ef44441f}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}.table th{background:var(--bg-elevated);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.table tr:hover{background:var(--bg-hover)}.badge{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.neutral{background:var(--bg-elevated)}.badge.info{background:var(--primary-dim);border-color:var(--border);color:var(--text)}.badge.success{border-color:var(--success);color:var(--success);background:#22c55e26}.badge.warning{border-color:var(--warning);color:var(--warning);background:#eab30826}.modal{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal .modal-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);width:90%;max-width:800px;max-height:90vh;padding:2rem;overflow-y:auto}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.empty-state{min-height:280px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.9375rem;display:flex}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast-container>*{pointer-events:auto}.crm-profile-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.crm-profile-title{color:var(--text);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.crm-profile-meta{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.crm-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.crm-metric{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.crm-metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem}.crm-metric-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.crm-timeline{flex-direction:column;gap:.5rem;max-height:60vh;display:flex;overflow-y:auto}.crm-timeline-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;font-size:.875rem;display:flex}.crm-timeline-item-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}@media (max-width:768px){:root{--topbar-height:auto;--sidebar-width:100%}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell>.container{width:100%;max-width:100%;padding:.85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));flex:1;overflow:auto}.topbar{height:auto;min-height:48px;padding:.65rem .85rem;padding-top:max(.65rem,env(safe-area-inset-top));flex-wrap:wrap;align-items:stretch;gap:.5rem .65rem}.topbar-title{white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0;font-size:.9375rem;line-height:1.25}.topbar-search{flex:100%;order:3;max-width:none}.topbar-meta,.topbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.4rem .5rem;margin-left:auto}.topbar-meta .button,.topbar-actions .button{min-height:40px;padding:.45rem .65rem;font-size:.8125rem}.theme-toggle-label{display:none}.app-body{flex-direction:column}.app-body-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:min(42vh,360px)}.app-body-main,.main{padding:.85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}.button{min-height:44px}.input,.topbar-search .input,select.input,textarea.input{font-size:16px}.table-wrap,.tableWrap{-webkit-overflow-scrolling:touch;margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem;overflow-x:auto}.table{min-width:480px}.table th,.table td{padding:.5rem .65rem;font-size:.8125rem}.modal{align-items:stretch;padding:0}.modal .modal-content{width:100%;max-width:100%;height:100%;max-height:100%;padding:1.25rem;padding-top:max(1.25rem,env(safe-area-inset-top));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));border-radius:0}.toast-container{top:auto;bottom:max(1rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right))}.card{padding:.85rem}.empty-state{min-height:200px;padding:1.5rem 1rem;font-size:.875rem}.crm-profile-header{flex-direction:column;align-items:flex-start}.crm-profile-title{font-size:1.2rem}.crm-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.crm-metric{padding:.75rem}.crm-metric-value{font-size:1.25rem}.crm-timeline-item{flex-direction:column;gap:.35rem}}