*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2454d6;--blue-h:#1a45c4;--blue-lt:#eff6ff;--blue-bd:#dbeafe;--green:#059669;--green-lt:#ecfdf5;--purple:#6d28d9;--amber:#b45309;--amber-lt:#fffbeb;--red:#dc2626;--red-lt:#fef2f2;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g300:#cbd5e1;--g400:#94a3b8;--g500:#64748b;--g700:#334155;--g900:#0f172a;--surface:#f4f6fb;--r:8px;--rl:12px;--rxl:16px;--sh:0 1px 3px #0000000f,0 1px 2px #0000000a;--sh2:0 4px 16px #00000012,0 1px 4px #0000000a;--sidebar-w:220px}html{-webkit-text-size-adjust:100%;scroll-padding-top:60px}body{background:var(--surface);color:var(--g900);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.6}#root{min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.025em;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:700}h3{font-size:1rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{border:1px solid var(--g200);border-radius:var(--r);width:100%;color:var(--g900);-webkit-appearance:none;background:#fff;outline:none;padding:11px 14px;font-size:14px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2454d61a}input::placeholder,textarea::placeholder{color:var(--g400)}textarea{resize:vertical;min-height:90px}label{color:var(--g500);letter-spacing:.01em;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 4px #2454d64d}.btn-primary:hover{background:var(--blue-h)}.btn-outline{color:var(--g700);border:1px solid var(--g200);background:#fff}.btn-outline:hover{background:var(--g50);border-color:var(--g300)}.btn-ghost{color:var(--g500);background:0 0;border:none}.btn-ghost:hover{background:var(--g100);color:var(--g700)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#047857}.btn-danger{background:var(--red);color:#fff}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12.5px}.btn-lg{width:100%;padding:12px 24px;font-size:15px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{border-radius:var(--rl);border:1px solid var(--g200);background:#fff;padding:1.125rem}.card-flat{border-radius:var(--rl);border:1px solid var(--g200);background:#fff}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--g200);z-index:200;background:#fff;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--g200);height:56px;color:var(--blue);letter-spacing:-.025em;align-items:center;padding:0 20px;font-size:15px;font-weight:700;display:flex}.sidebar-logo img{object-fit:contain;height:28px}.nav-section{padding:8px 10px}.nav-section-label{color:var(--g400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;padding:0 8px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r);color:var(--g500);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:400;text-decoration:none;transition:all .1s;display:flex}.nav-item:hover{background:var(--g100);color:var(--g700);text-decoration:none}.nav-item.active{background:var(--blue-lt);color:var(--blue);font-weight:500}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-item .nav-badge{background:var(--amber-lt);color:var(--amber);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-bottom{border-top:1px solid var(--g200);margin-top:auto;padding:12px 10px}.main-area{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--g200);z-index:100;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.topbar-title{color:var(--g900);font-size:15px;font-weight:600}.page{flex:1;padding:1.25rem}.page-wide{max-width:1000px;margin:0 auto;padding:1.25rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:1.25rem;display:grid}.stat-card{border:1px solid var(--g200);border-radius:var(--rl);background:#fff;padding:14px 16px}.stat-label{color:var(--g400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px}.stat-value{color:var(--g900);letter-spacing:-.02em;font-size:24px;font-weight:700}.stat-sub{color:var(--g400);margin-top:2px;font-size:11px}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--g400);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--g200);padding:10px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--g100);color:var(--g700);padding:12px 14px;font-size:13.5px}.data-table tbody tr{cursor:pointer;transition:background 80ms}.data-table tbody tr:hover{background:var(--g50)}.data-table tbody tr:last-child td{border-bottom:none}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-blue{color:#1e40af;background:#dbeafe}.badge-green{color:#166534;background:#dcfce7}.badge-amber{color:#854d0e;background:#fef9c3}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{background:var(--g100);color:var(--g500)}.badge-purple{color:#5b21b6;background:#ede9fe}.alert{border-radius:var(--r);align-items:flex-start;gap:8px;margin-bottom:.875rem;padding:10px 14px;font-size:13px;display:flex}.alert-info{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6}.alert-success{background:var(--green-lt);color:#065f46;border-left:3px solid var(--green)}.alert-warning{background:var(--amber-lt);color:#92400e;border-left:3px solid #f59e0b}.alert-error{background:var(--red-lt);color:#991b1b;border-left:3px solid var(--red)}.chat-container{flex-direction:column;gap:16px;padding:1.25rem;display:flex}.chat-msg{flex-direction:column;max-width:78%;display:flex}.chat-msg.them{align-self:flex-start}.chat-msg.me{align-self:flex-end}.bubble{background:var(--g100);color:var(--g900);border-radius:12px 12px 12px 3px;padding:10px 14px;font-size:13.5px;line-height:1.6}.bubble.me{background:var(--blue);color:#fff;border-radius:12px 12px 3px}.chat-time{color:var(--g400);margin-top:3px;font-size:10px}.chat-input-area{border-top:1px solid var(--g200);background:#fff;align-items:flex-end;gap:10px;padding:12px 1.25rem;display:flex;position:sticky;bottom:0}.chat-input{border:1px solid var(--g200);border-radius:var(--rl);background:var(--g50);resize:none;outline:none;flex:1;max-height:120px;padding:10px 14px;font-size:13.5px;transition:border-color .12s}.chat-input:focus{border-color:var(--blue);background:#fff}.chat-suggestions{border-top:1px solid var(--g100);background:#fff;flex-wrap:wrap;gap:6px;padding:8px 1.25rem;display:flex}.suggest-chip{background:var(--blue-lt);color:var(--blue);cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;transition:background .1s}.suggest-chip:hover{background:var(--blue-bd)}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.av-sm{width:30px;height:30px;font-size:11px}.av-md{width:36px;height:36px;font-size:13px}.av-lg{width:44px;height:44px;font-size:15px}.av-blue{color:#1e40af;background:#dbeafe}.av-green{color:#166534;background:#dcfce7}.av-purple{color:#5b21b6;background:#ede9fe}.av-amber{color:#854d0e;background:#fef9c3}.av-gray{background:var(--g100);color:var(--g500)}.divider{border:none;border-top:1px solid var(--g200);margin:1rem 0}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin}.spinner-dark{border-color:var(--g200);border-top-color:var(--blue)}.text-muted{color:var(--g400);font-size:12px}.text-sm{font-size:12.5px}.fw-5{font-weight:500}.fw-6{font-weight:600}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.form-group{margin-bottom:.875rem}.form-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.empty-state{text-align:center;color:var(--g400);padding:3rem 1rem}.empty-icon{opacity:.5;margin-bottom:.75rem;font-size:2rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--g400);margin-bottom:.75rem;font-size:10px;font-weight:600}.watermark{color:var(--g300);pointer-events:none;border:1px solid var(--g200);z-index:10;background:#f8fafce6;border-radius:20px;padding:3px 10px;font-size:10px;position:fixed;bottom:12px;right:12px}.tabs{border-bottom:1px solid var(--g200);gap:0;margin-bottom:1rem;display:flex}.tab{cursor:pointer;color:var(--g400);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:13px;font-weight:400;transition:color .1s}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.tab:hover{color:var(--g700)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.filter-btn{border:1px solid var(--g200);color:var(--g500);cursor:pointer;background:#fff;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:400;transition:all .1s}.filter-btn.active{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:500}.filter-btn:hover:not(.active){background:var(--g50);border-color:var(--g300)}.search-input{flex:1;min-width:160px;max-width:260px}.chat-header{border-bottom:1px solid var(--g200);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 1.25rem;display:flex}.chat-actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.main-area{margin-left:0}.bottom-nav{display:flex}.hide-mobile{display:none!important}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=769px){.bottom-nav,.show-mobile{display:none!important}}.bottom-nav{border-top:1px solid var(--g200);z-index:200;padding-bottom:env(safe-area-inset-bottom);background:#fff;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{color:var(--g400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:9px 4px 8px;font-size:10px;font-weight:400;text-decoration:none;transition:color .1s;display:flex}.bottom-nav a.active,.bottom-nav button.active{color:var(--blue);font-weight:500}.bottom-nav svg{width:20px;height:20px}.has-bottom-nav{padding-bottom:calc(60px + env(safe-area-inset-bottom))}@media print{body{background:#fff}.no-print,.sidebar,.topbar,.bottom-nav,.chat-input-area,.chat-suggestions{display:none!important}.main-area{margin-left:0!important}.card{box-shadow:none;border:none}}@keyframes spin{to{transform:rotate(360deg)}}