@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius-sm: 7px;--radius-md: 11px;--radius-lg: 15px;--radius-xl: 22px;--transition: .16s ease;--brand: #6366f1;--brand-hover: #4f52e8;--brand-grad: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--info: #38bdf8;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}:root,html.dark{color-scheme:dark;--bg-base: #0c0e13;--bg-surface: #13161f;--bg-elevated: #191d29;--bg-hover: #1e2331;--bg-active: #232941;--bg-input: #161a25;--border-subtle: #1e2434;--border-default: #262d40;--border-strong: #303a55;--text-primary: #e9ebf2;--text-secondary: #8d95ab;--text-muted: #5b6379;--text-link: #818cf8;--brand-dim: #232559;--brand-soft: rgba(99,102,241,.14);--success-bg: #0d2e1e;--warn-bg: #2a1f08;--danger-bg: #2e1111;--info-bg: #0c2537;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.45);--shadow-lg: 0 10px 36px rgba(0,0,0,.6);--chart-1: #666ee8;--chart-2: #0ea371;--chart-3: #c8830a;--chart-4: #e05555;--chart-grid: #232941}html.light{color-scheme:light;--bg-base: #eef0f6;--bg-surface: #ffffff;--bg-elevated: #f7f8fc;--bg-hover: #edeff7;--bg-active: #e3e6f3;--bg-input: #f4f5fa;--border-subtle: #e3e6f0;--border-default: #d2d6e6;--border-strong: #b9bfd6;--text-primary: #12141f;--text-secondary: #4c5470;--text-muted: #8a92ab;--text-link: #4f52e8;--brand-dim: #e6e7fd;--brand-soft: rgba(99,102,241,.1);--success-bg: #dcfce7;--warn-bg: #fef3c7;--danger-bg: #fee2e2;--info-bg: #e0f2fe;--shadow-sm: 0 1px 3px rgba(20,24,60,.08);--shadow-md: 0 4px 14px rgba(20,24,60,.09);--shadow-lg: 0 10px 36px rgba(20,24,60,.13);--chart-1: #6366f1;--chart-2: #10b981;--chart-3: #d97706;--chart-4: #ef4444;--chart-grid: #e3e6f0}html{transition:background-color .2s,color .2s}html,body,#root{height:100%}body{overscroll-behavior-y:none}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary)}.input,.select,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:9px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238d95ab' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}label.fld{display:block;margin-bottom:14px}label.fld>span{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}label.fld>small{display:block;color:var(--text-muted);font-size:11.5px;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-md);padding:8px 15px;font-size:13px;font-weight:600;background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default);transition:all var(--transition);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:transparent;color:#fff}.btn.primary:hover{background:var(--brand-hover)}.btn.grad{background:var(--brand-grad);border-color:transparent;color:#fff}.btn.grad:hover{filter:brightness(1.1)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.danger:hover{background:var(--danger-bg)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn.sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px}.card h3{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge.ok{background:var(--success-bg);color:var(--success);border-color:transparent}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.badge.danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.badge.info{background:var(--info-bg);color:var(--info);border-color:transparent}.badge.brand{background:var(--brand-dim);color:var(--text-link);border-color:transparent}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border-default);white-space:nowrap}.tbl td{padding:9px 10px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.tbl tr:hover td{background:var(--bg-hover)}.tbl-wrap{overflow-x:auto}.switch{position:relative;width:38px;height:22px;flex:none;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--bg-active);border:1px solid var(--border-default);transition:background var(--transition)}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:all var(--transition)}.switch input:checked+.track{background:var(--brand);border-color:var(--brand)}.switch input:checked+.track:after{left:18px;background:#fff}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-md);animation:pulse 1.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--brand);animation:spin .7s linear infinite;display:inline-block}.toasts{position:fixed;bottom:calc(18px + var(--sab));right:18px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:11px 15px;font-size:13px;max-width:340px;animation:toastIn .18s ease;display:flex;gap:9px;align-items:flex-start}.toast.ok{border-left:3px solid var(--success)}.toast.err{border-left:3px solid var(--danger)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#05070e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:88vh;overflow-y:auto;padding:22px;animation:modalIn .18s ease}@keyframes modalIn{0%{transform:translateY(12px) scale(.98);opacity:0}}.modal h3{font-size:15px;margin-bottom:16px}.app-shell{display:flex;height:100%}.sidebar{width:232px;flex:none;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:14px 10px calc(14px + var(--sab))}.sidebar .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:-.01em;padding:6px 10px 16px}.sidebar .logo img,.sidebar .logo svg{width:28px;height:28px;border-radius:8px}.nav-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;padding:12px 12px 5px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;border-radius:var(--radius-md);padding:8.5px 12px;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--brand-soft);color:var(--text-link);font-weight:600}.nav-item svg{width:16px;height:16px;flex:none}.sidebar .foot{margin-top:auto;padding:10px 6px 0;border-top:1px solid var(--border-subtle)}.main{flex:1;overflow-y:auto;padding:22px 26px calc(30px + var(--sab))}.main-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.main-head h1{font-size:19px;font-weight:800;letter-spacing:-.02em}.main-head .sub{color:var(--text-secondary);font-size:12.5px;margin-top:2px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:15px 17px;display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden}.kpi .lbl{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.kpi .val{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.kpi .hint{font-size:11px;color:var(--text-muted)}.kpi .spark{position:absolute;right:10px;bottom:8px;opacity:.9}.tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}.clk{cursor:pointer}.clk .kpi{transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.clk:hover .kpi{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.empty{text-align:center;padding:44px 20px;color:var(--text-secondary)}.empty .ico{font-size:34px;margin-bottom:10px;opacity:.85}.empty h4{color:var(--text-primary);font-size:14.5px;margin-bottom:5px}.empty p{font-size:12.5px;max-width:380px;margin:0 auto 14px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}.contact-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:13px;display:flex;gap:11px;align-items:center;cursor:pointer;transition:all var(--transition)}.contact-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.avatar{width:40px;height:40px;border-radius:50%;flex:none;background:var(--brand-grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.contact-card .nm{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card .ph{font-size:11.5px;color:var(--text-muted)}.contact-list .contact-card{border-radius:var(--radius-md)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(700px 420px at 12% -8%,var(--brand-soft),transparent 60%),radial-gradient(640px 420px at 108% 108%,rgba(168,85,247,.12),transparent 60%),var(--bg-base)}.login-card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:30px 28px}.login-card .logo{display:flex;align-items:center;gap:11px;margin-bottom:6px;font-size:19px;font-weight:800}.login-card .logo svg,.login-card .logo img{width:34px;height:34px;border-radius:9px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all var(--transition)}.pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.seg{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;color:var(--text-secondary);border-radius:calc(var(--radius-md) - 3px);padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:all var(--transition)}.seg button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mobile-bar,.nav-overlay{display:none}@media (max-width: 860px){.app-shell{flex-direction:column}.mobile-bar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:50;padding:8px 12px;padding-top:calc(8px + var(--sat));background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.mobile-bar .logo{flex:1;min-width:0;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hamburger{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:264px;max-width:84vw;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg);padding-top:calc(14px + var(--sat));overflow-y:auto}.sidebar.open{transform:translate(0)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#05070e80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .18s ease}.nav-item{width:100%}.nav-item span.txt{display:inline}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-2{grid-template-columns:1fr}.main{padding:16px 14px calc(26px + var(--sab))}.main-head h1{font-size:17px}}@media (max-width: 480px){.grid.cols-4,.grid.cols-3{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.main-head{gap:8px}}@media (max-width: 600px){.card .input,.card .select,.card textarea,.main-head .input,.main-head .select{max-width:100%!important;width:100%;box-sizing:border-box}.main-head{flex-wrap:wrap;align-items:flex-start}.main-head>div:last-child{width:100%;flex-wrap:wrap}.seg{flex-wrap:wrap}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card [style*=grid-template-columns]{grid-template-columns:1fr!important}.fld{min-width:0}}