:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ng-gold:#f4b400;--ng-gold-dark:#d49a00;--ng-red:#e63946;--ng-navy:#1e2a4a;--ng-navy-light:#2a3a66;--ng-navy-deep:#162038;--ng-slate:#94a3b8;--ng-border:#ffffff1a;--ng-border-gold:#f4b40047;--ng-surface:#12151f;--ng-surface-2:#1a1f2e;--ng-bg:#000;--ng-text:#fff;--ng-text-muted:#e2e8f0b8;--ng-shadow:0 8px 28px #0000006b;--ng-shadow-sm:0 2px 8px #00000059;--ng-radius:14px;--ng-radius-sm:10px;background-color:#000;font-family:Segoe UI,system-ui,Roboto,sans-serif;font-weight:400;line-height:1.5}#root{width:100%;min-height:100vh}body{background:var(--ng-bg);color:var(--ng-text);margin:0}h1,h2,h3{color:var(--ng-text);font-weight:700}p{margin:0}button,input,select{font:inherit}.ops-layout{background:var(--ng-bg);min-height:100vh;display:flex}.ops-sidebar{background:linear-gradient(180deg, var(--ng-navy-deep) 0%, var(--ng-navy) 100%);color:#e2e8f0;border-right:1px solid var(--ng-border-gold);flex-direction:column;flex-shrink:0;width:268px;padding:24px 16px;display:flex}.ops-sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:24px;padding:0 12px 24px;display:flex}.ops-brand-logo{object-fit:contain;flex-shrink:0;width:42px;height:42px}.ops-brand-title{letter-spacing:.02em;gap:2px;margin:0;font-size:17px;font-weight:700;display:flex}.ops-brand-net{color:#b8c0cc}.ops-brand-guru{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#0000;-webkit-background-clip:text;background-clip:text}.ops-brand-subtitle{color:#e2e8f0b3;margin:2px 0 0;font-size:12px}.ops-sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.ops-nav-link{border-radius:var(--ng-radius-sm);color:#e2e8f0d9;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.ops-nav-link:hover{color:#fff;background:#ffffff14}.ops-nav-link.active{color:var(--ng-gold);box-shadow:inset 3px 0 0 var(--ng-gold);background:#f4b40026}.ops-nav-icon{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.ops-nav-icon svg{fill:currentColor;width:18px;height:18px}.ops-sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:20px;display:flex}.ops-user-chip{border-radius:var(--ng-radius-sm);background:#ffffff0f;align-items:center;gap:10px;padding:10px 8px;display:flex}.ops-user-avatar{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.ops-user-name{color:#fff;margin:0;font-size:14px;font-weight:600}.ops-user-role{color:#e2e8f0a6;margin:2px 0 0;font-size:11px}.ops-logout-btn{border-radius:var(--ng-radius-sm);color:#e2e8f0e6;cursor:pointer;background:0 0;border:1px solid #ffffff26;width:100%;padding:10px 14px;font-weight:500;transition:background .15s,border-color .15s}.ops-logout-btn:hover{background:#ffffff14;border-color:#ffffff40}.ops-main-area{flex-direction:column;flex:1;min-width:0;display:flex}.ops-topbar{border-bottom:1px solid var(--ng-border-gold);box-shadow:var(--ng-shadow-sm);background:linear-gradient(#162038fa 0%,#000000fa 100%);justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;display:flex}.ops-topbar-label{color:var(--ng-slate);margin:0;font-size:13px}.ops-topbar-title{color:#fff;margin:4px 0 0;font-size:26px;font-weight:700}.ops-topbar-user{background:var(--ng-surface);border:1px solid var(--ng-border);border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:flex}.ops-topbar-avatar{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.ops-topbar-name{color:#fff;margin:0;font-size:14px;font-weight:600}.ops-topbar-email{color:var(--ng-slate);margin:1px 0 0;font-size:12px}.ops-page-content{background:var(--ng-bg);flex:1;padding:28px 32px 40px}@media (width<=900px){.ops-layout{flex-direction:column}.ops-sidebar{width:100%;padding:16px}.ops-sidebar-nav{flex-flow:wrap;gap:8px}.ops-nav-link{padding:10px 12px;font-size:13px}.ops-nav-link.active{box-shadow:none;border-bottom:2px solid var(--ng-gold)}.ops-sidebar-footer{display:none}.ops-topbar{flex-direction:column;align-items:flex-start;padding:18px 16px}.ops-topbar-user{width:100%}.ops-page-content{padding:20px 16px 32px}}.ops-page{flex-direction:column;gap:24px;display:flex}.ops-page-brand{align-items:center;gap:14px;padding:4px 0;display:flex}.ops-page-brand-logo{object-fit:contain;flex-shrink:0;width:52px;height:52px}.ops-page-brand-title{letter-spacing:.04em;gap:4px;margin:0;font-size:22px;font-weight:800;line-height:1;display:flex}.ops-page-brand-net{color:#b8c0cc}.ops-page-brand-guru{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#0000;-webkit-background-clip:text;background-clip:text}.ops-page-brand-tagline{letter-spacing:.12em;color:var(--ng-slate);margin:4px 0 0;font-size:11px;font-weight:600}.ops-card{background:var(--ng-surface);border:1px solid var(--ng-border);border-radius:var(--ng-radius);box-shadow:var(--ng-shadow-sm);padding:24px}.ops-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ops-card h2{color:#fff;margin:0 0 4px;font-size:18px}.ops-card p{color:var(--ng-slate);margin:0;font-size:14px}.ops-dashboard-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.ops-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ops-info-item{border-radius:var(--ng-radius-sm);background:var(--ng-surface-2);border:1px solid var(--ng-border);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ops-info-item span{color:var(--ng-slate);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.ops-info-item strong{color:#fff;word-break:break-word;font-size:15px}.ops-text-success{color:#4ade80!important}.ops-quick-actions{border-top:1px solid var(--ng-border);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px;display:flex}.ops-action-chip{color:var(--ng-gold);background:#f4b4001f;border:1px solid #f4b40059;border-radius:999px;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.ops-action-chip:hover{background:#f4b40033;transform:translateY(-1px)}.ops-link-btn{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.ops-link-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f4b4004d}.ops-recent-list{flex-direction:column;gap:10px;display:flex}.ops-recent-item{border-radius:var(--ng-radius-sm);background:var(--ng-surface-2);border:1px solid var(--ng-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.ops-recent-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ops-recent-main strong{color:#fff;font-size:15px}.ops-recent-main span{color:var(--ng-slate);font-size:13px}.ops-recent-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ops-empty-state{border-radius:var(--ng-radius-sm);background:var(--ng-surface-2);border:1px dashed var(--ng-border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;display:flex}.ops-empty-state p{color:#fff;margin:0;font-size:16px;font-weight:600}.ops-empty-state span{color:var(--ng-slate);font-size:13px}.ops-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ops-stat-card{border-radius:var(--ng-radius);background:var(--ng-surface);border:1px solid var(--ng-border);box-shadow:var(--ng-shadow-sm);align-items:center;gap:16px;padding:20px;display:flex}.ops-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.ops-stat-icon svg{fill:currentColor;width:24px;height:24px}.ops-stat-card--gold .ops-stat-icon{color:var(--ng-gold);background:#f4b40026}.ops-stat-card--blue .ops-stat-icon{color:#60a5fa;background:#60a5fa26}.ops-stat-card--amber .ops-stat-icon{color:#fbbf24;background:#fbbf2426}.ops-stat-card--green .ops-stat-icon{color:#4ade80;background:#4ade8026}.ops-stat-card span{color:var(--ng-slate);margin-bottom:4px;font-size:13px;display:block}.ops-stat-card strong{color:#fff;font-size:28px;line-height:1}.ops-page-toolbar{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.ops-filters-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.ops-filter-field{flex-direction:column;gap:6px;min-width:140px;display:flex}.ops-filter-field--search{flex:1;min-width:220px;max-width:360px}.ops-filter-field--search .ops-search-wrap{flex:1;min-width:0;max-width:none;position:relative}.ops-filter-field span{color:var(--ng-slate);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.ops-filter-select,.ops-filter-input{border-radius:var(--ng-radius-sm);border:1px solid var(--ng-border);background:var(--ng-surface-2);color:#fff;padding:10px 12px;font-size:14px}.ops-filter-select:focus,.ops-filter-input:focus{border-color:var(--ng-gold);background:#0a0a0a;outline:none;box-shadow:0 0 0 3px #f4b40026}.ops-toolbar-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ops-page-toolbar .ops-toolbar-meta{align-self:flex-end}.ops-search-wrap{flex:1;min-width:220px;max-width:360px;position:relative}.ops-search-wrap svg{width:18px;height:18px;fill:var(--ng-slate);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ops-search-input{border:1px solid var(--ng-border);background:var(--ng-surface-2);color:#fff;border-radius:999px;width:100%;padding:11px 14px 11px 42px;font-size:14px}.ops-search-input:focus{border-color:var(--ng-gold);background:#0a0a0a;outline:none;box-shadow:0 0 0 3px #f4b40026}.ops-toolbar-meta{color:var(--ng-slate);font-size:13px;font-weight:500}.ops-user-form{gap:18px;max-width:520px;display:grid}.ops-form-field{color:#fff;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.ops-form-field input,.ops-form-field select{border-radius:var(--ng-radius-sm);border:1px solid var(--ng-border);background:var(--ng-surface-2);color:#fff;padding:12px 14px;font-weight:400}.ops-form-field input::placeholder{color:#64748b}.ops-form-field input:focus,.ops-form-field select:focus{border-color:var(--ng-gold);background:#0a0a0a;outline:none;box-shadow:0 0 0 3px #f4b40026}.ops-primary-btn{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;cursor:pointer;border:none;border-radius:999px;width:fit-content;padding:12px 22px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #f4b4004d}.ops-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #f4b40059}.ops-primary-btn:disabled{opacity:.7;cursor:not-allowed}.ops-alert{border-radius:var(--ng-radius-sm);margin:0;padding:12px 16px;font-size:14px}.ops-alert-error{color:#fca5a5;background:#dc26261f;border:1px solid #f8717159}.ops-form-error{color:#fca5a5;margin:0;font-size:14px}.ops-form-success{color:#4ade80;margin:0;font-size:14px}.ops-muted{color:var(--ng-slate)}.ops-table-wrap{border:1px solid var(--ng-border);border-radius:var(--ng-radius-sm);overflow-x:auto}.ops-table{border-collapse:collapse;background:var(--ng-surface);width:100%}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid var(--ng-border);vertical-align:middle;padding:14px 16px}.ops-table tbody tr{transition:background .12s}.ops-table tbody tr:hover{background:#ffffff0a}.ops-table tbody tr:last-child td{border-bottom:none}.ops-table th{color:var(--ng-slate);text-transform:uppercase;letter-spacing:.04em;background:var(--ng-surface-2);font-size:12px;font-weight:700}.ops-table td{color:#e2e8f0;font-size:14px}.ops-role-badge{color:var(--ng-gold);background:#f4b4001a;border:1px solid #f4b40040;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.ops-source-badge{color:#93c5fd;text-transform:capitalize;background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.ops-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.ops-status-not_called{color:#cbd5e1;background:#94a3b826}.ops-status-callback{color:#93c5fd;background:#60a5fa26}.ops-status-interested{color:#4ade80;background:#4ade8026}.ops-status-not_interested{color:#f87171;background:#f8717126}.ops-status-wrong_number{color:#fb923c;background:#fb923c26}.ops-status-follow_up{color:#fbbf24;background:#fbbf2426}.ops-inline-select--placeholder{color:var(--ng-slate)}.ops-phone-cell{white-space:nowrap;align-items:center;gap:10px;display:flex}.ops-call-btn{background:#4ade8026;border:1px solid #4ade8059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.ops-call-btn svg{fill:#4ade80;width:16px;height:16px}.ops-call-btn:hover{background:#4ade8040;transform:scale(1.05)}.ops-inline-select,.ops-inline-input{border:1px solid var(--ng-border);border-radius:var(--ng-radius-sm);background:var(--ng-surface-2);color:#fff;min-width:130px;padding:9px 12px;font-size:13px}.ops-inline-select:focus,.ops-inline-input:focus{border-color:var(--ng-gold);background:#0a0a0a;outline:none;box-shadow:0 0 0 3px #f4b40026}.ops-comment-cell{align-items:center;gap:8px;min-width:220px;display:flex}.ops-inline-input{flex:1;min-width:120px}.ops-save-btn{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s}.ops-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f4b4004d}.ops-save-btn:disabled{opacity:.7;cursor:not-allowed}.ops-loading-pill{background:var(--ng-surface-2);border:1px solid var(--ng-border);color:var(--ng-slate);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.ops-user-actions{flex-wrap:wrap;gap:8px;display:flex}.ops-action-btn{border:1px solid var(--ng-border);background:var(--ng-surface-2);color:#e2e8f0;cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.ops-action-btn:hover:not(:disabled){transform:translateY(-1px)}.ops-action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;transform:none}.ops-action-btn-danger:disabled{color:#64748b;background:#94a3b814;border-color:#94a3b840}.ops-action-btn-edit:hover:not(:disabled){color:var(--ng-gold);background:#f4b4001a;border-color:#f4b40066}.ops-action-btn-danger{color:#f87171;border-color:#f8717159}.ops-action-btn-danger:hover:not(:disabled){background:#f871711f}.ops-action-btn-success{color:#4ade80;border-color:#4ade8059}.ops-action-btn-success:hover:not(:disabled){background:#4ade801f}.ops-user-status-active{color:#4ade80;background:#4ade8026}.ops-user-status-inactive{color:#f87171;background:#f8717126}.ops-user-status-locked{color:#fbbf24;background:#fbbf2426}.ops-user-status-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.ops-action-btn-unlock{color:#fbbf24;border-color:#fbbf2459}.ops-action-btn-unlock:hover:not(:disabled){background:#fbbf241f}.ops-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ops-modal{background:var(--ng-surface);border:1px solid var(--ng-border);border-radius:var(--ng-radius);width:min(100%,480px);max-height:calc(100vh - 40px);box-shadow:var(--ng-shadow-lg,0 24px 48px #00000073);padding:24px;overflow-y:auto}.ops-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ops-modal-header h3{color:#fff;margin:0 0 4px;font-size:18px}.ops-modal-header p{color:var(--ng-slate);margin:0;font-size:14px}.ops-modal-close{background:var(--ng-surface-2);width:32px;height:32px;color:var(--ng-slate);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:22px;line-height:1}.ops-modal-close:hover{color:#fff;background:#ffffff14}.ops-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.ops-secondary-btn{border:1px solid var(--ng-border);color:#e2e8f0;cursor:pointer;background:0 0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600}.ops-secondary-btn:hover:not(:disabled){background:#ffffff0d}.ops-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.ops-field-hint{color:var(--ng-slate);margin-top:6px;font-size:12px;display:block}@media (width<=1100px){.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.ops-stat-grid,.ops-info-grid{grid-template-columns:1fr}.ops-recent-item{flex-direction:column;align-items:flex-start}.ops-recent-meta{justify-content:flex-start}.ops-comment-cell{flex-direction:column;align-items:stretch}.ops-save-btn{width:100%}.ops-page-toolbar{gap:12px}.ops-filters-row{flex-direction:column;align-items:stretch}.ops-filter-field{min-width:0}.ops-filter-field--search,.ops-search-wrap{max-width:none}}.ops-login-page{background:radial-gradient(circle at 100% 0,#f4b4001f,#0000 40%),radial-gradient(circle at 0 100%,#1e2a4a80,#0000 50%),#000;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.ops-login-card{background:var(--ng-surface);border:1px solid var(--ng-border-gold);width:100%;max-width:440px;box-shadow:var(--ng-shadow);text-align:left;border-radius:18px;padding:36px}.ops-login-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ops-login-logo{object-fit:contain;width:48px;height:48px}.ops-badge{color:var(--ng-gold);background:#f4b40026;border:1px solid #f4b40059;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.ops-login-card h1{color:#fff;margin:0 0 8px;font-size:28px}.ops-subtitle{color:var(--ng-slate);margin:0 0 28px}.ops-form{flex-direction:column;gap:18px;display:flex}.ops-field{color:#fff;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.ops-field input{border:1px solid var(--ng-border);background:var(--ng-surface-2);color:#fff;border-radius:10px;padding:12px 14px;font-weight:400}.ops-field input::placeholder{color:#64748b}.ops-field input:focus{border-color:var(--ng-gold);background:#0a0a0a;outline:none;box-shadow:0 0 0 3px #f4b40026}.ops-error{color:#fca5a5;margin:0;font-size:14px}.ops-info{color:#86efac;margin:0;font-size:14px}.ops-login-actions{justify-content:space-between;gap:12px;display:flex}.ops-link-button{color:var(--ng-gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.ops-link-button:hover:not(:disabled){text-decoration:underline}.ops-link-button:disabled{opacity:.6;cursor:not-allowed}.ops-button{background:linear-gradient(135deg, var(--ng-gold), var(--ng-gold-dark));color:#000;cursor:pointer;border:none;border-radius:999px;margin-top:4px;padding:13px 16px;font-weight:700;box-shadow:0 4px 14px #f4b4004d}.ops-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.ops-button:disabled{opacity:.7;cursor:not-allowed}
