@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--bg-base:#f7f5f0;--bg-surface:#fff;--bg-subtle:#f0ede7;--bg-elevated:#fdfcfa;--bg-muted:#e8e4dc;--bg-overlay:rgba(0,0,0,.3);--border:#e2ddd5;--border-strong:#c8c2b8;--border-focus:#0c6b4e;--text-primary:#1a1916;--text-secondary:#5a5550;--text-muted:#9a948c;--text-inverse:#fff;--text-link:#0c6b4e;--text-link-hover:#0a5a41;--accent:#0c6b4e;--accent-hover:#0a5a41;--accent-active:#084a36;--accent-subtle:#eaf5f0;--accent-border:#b3dece;--accent-text:#0c6b4e;--c-success:#1a7a4e;--c-success-bg:#edfaf3;--c-success-border:#a8dec4;--c-warning:#c47a10;--c-warning-bg:#fdf6ee;--c-warning-border:#f0c87a;--c-danger:#c0392b;--c-danger-bg:#fdf0ee;--c-danger-border:#f0a89c;--c-info:#1a5fad;--c-info-bg:#eef4fd;--c-info-border:#a8c8f0;--c-purple:#6b3fa0;--c-purple-bg:#f5eefb;--c-purple-border:#c4a8e8;--c-neutral:#5a5550;--c-neutral-bg:#f0ede7;--c-neutral-border:#c8c2b8;--sidebar-w:220px;--topbar-h:56px;--sidebar-bg:#fff;--topbar-bg:#fff;--r-xs:3px;--r-sm:5px;--r:7px;--r-md:9px;--r-lg:13px;--r-xl:17px;--r-full:9999px;--sh-xs:0 1px 2px rgba(0,0,0,.05);--sh-sm:0 1px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh:0 2px 8px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.05);--sh-md:0 4px 16px rgba(0,0,0,.09),0 2px 6px rgba(0,0,0,.05);--sh-lg:0 8px 32px rgba(0,0,0,.11),0 4px 10px rgba(0,0,0,.06);--sh-xl:0 20px 60px rgba(0,0,0,.14),0 8px 20px rgba(0,0,0,.08);--t-fast:100ms cubic-bezier(0.4,0,0.2,1);--t:150ms cubic-bezier(0.4,0,0.2,1);--t-slow:250ms cubic-bezier(0.4,0,0.2,1);--t-spring:320ms cubic-bezier(0.34,1.56,0.64,1);--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Cascadia Code","Consolas",monospace}[data-theme=dark]{--bg-base:#111110;--bg-surface:#1c1c1a;--bg-subtle:#222220;--bg-elevated:#262624;--bg-muted:#2c2c2a;--bg-overlay:rgba(0,0,0,.6);--border:#2e2d2a;--border-strong:#3d3c38;--border-focus:#2a9d7a;--text-primary:#f0ede7;--text-secondary:#a8a39c;--text-muted:#6b6762;--text-inverse:#1a1916;--text-link:#3aaf84;--text-link-hover:#4abf94;--accent:#2a9d7a;--accent-hover:#3aad8a;--accent-active:#4abd9a;--accent-subtle:#0a2a20;--accent-border:#1a4a38;--accent-text:#3aaf84;--c-success:#3abb7a;--c-success-bg:#0a2a18;--c-success-border:#1a4a30;--c-warning:#e89a30;--c-warning-bg:#2a1a08;--c-warning-border:#4a3010;--c-danger:#e05a4a;--c-danger-bg:#2a0a08;--c-danger-border:#4a1a18;--c-info:#5a9ae0;--c-info-bg:#081828;--c-info-border:#102840;--c-purple:#a07ae0;--c-purple-bg:#180a28;--c-purple-border:#281040;--c-neutral:#a8a39c;--c-neutral-bg:#222220;--c-neutral-border:#3d3c38;--sidebar-bg:#1c1c1a;--topbar-bg:#1c1c1a;--sh-xs:0 1px 2px rgba(0,0,0,.2);--sh-sm:0 1px 4px rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.18);--sh:0 2px 8px rgba(0,0,0,.28),0 1px 3px rgba(0,0,0,.2);--sh-md:0 4px 16px rgba(0,0,0,.32),0 2px 6px rgba(0,0,0,.22);--sh-lg:0 8px 32px rgba(0,0,0,.36),0 4px 10px rgba(0,0,0,.26);--sh-xl:0 20px 60px rgba(0,0,0,.42),0 8px 20px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);min-height:100vh;transition:background var(--t),color var(--t)}a{color:var(--text-link);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--text-link-hover)}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font)}img,svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}.page-title{font-size:22px;font-weight:700;letter-spacing:-.025em}.page-sub{font-size:13.5px;color:var(--text-secondary);margin-top:3px;line-height:1.4}.section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:12px}.app-shell{display:flex;min-height:100vh}.main-wrap{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:var(--sidebar-w)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:background var(--t),border-color var(--t)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid var(--border)}.sidebar-logo-mark{width:32px;height:32px;background:var(--accent);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-name{font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.sidebar-brand-org{font-size:11px;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.sidebar-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:12px 8px 4px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all var(--t-fast);cursor:pointer;text-decoration:none;position:relative;border-left:2px solid transparent}.nav-item:hover{color:var(--text-primary);background:var(--bg-subtle);text-decoration:none}.nav-item.active{color:var(--accent);background:var(--accent-subtle);border-left-color:var(--accent);font-weight:600}.nav-item .nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:12px 10px}.user-row{gap:10px;padding:8px 10px;border-radius:var(--r);cursor:default}.user-avatar,.user-row{display:flex;align-items:center}.user-avatar{width:30px;height:30px;border-radius:var(--r-full);background:var(--accent);justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}.sidebar-signout{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:var(--r);font-size:13px;font-weight:500;color:var(--text-muted);transition:all var(--t-fast);margin-top:2px}.sidebar-signout:hover{background:var(--c-danger-bg);color:var(--c-danger)}.topbar{height:var(--topbar-h);background:var(--topbar-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:40;transition:background var(--t),border-color var(--t)}.topbar-left{flex:1}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.topbar-breadcrumb .current{font-weight:600;color:var(--text-primary)}.page-content{flex:1;padding:28px;min-height:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:34px;font-family:var(--font);font-size:13.5px;font-weight:600;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;text-decoration:none;line-height:1;letter-spacing:-.01em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn svg{width:15px;height:15px;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 2px rgba(12,107,78,.2),0 0 0 0 transparent}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 6px rgba(12,107,78,.28);color:#fff;text-decoration:none}.btn-primary:active{background:var(--accent-active);transform:translateY(1px)}.btn-secondary{background:var(--bg-surface);box-shadow:var(--sh-xs)}.btn-secondary,.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-subtle);text-decoration:none}.btn-secondary:active{background:var(--bg-muted);transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary);text-decoration:none}.btn-danger{background:var(--c-danger-bg);color:var(--c-danger);border-color:var(--c-danger-border)}.btn-danger:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger);text-decoration:none}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-lg{height:42px;padding:0 20px;font-size:15px}.btn-xl{height:48px;padding:0 24px;font-size:15.5px;border-radius:var(--r-md)}.btn-full{width:100%}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--r)}.btn-icon.btn-sm{width:28px;height:28px}.form-group{display:flex;flex-direction:column;gap:5px}.label{font-size:12.5px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.label-hint{font-size:11.5px;color:var(--text-muted);font-weight:400;margin-left:4px}.input{width:100%;height:38px;padding:0 12px;font-family:var(--font);font-size:13.5px;color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:focus){border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(12,107,78,.1)}.input-mono{font-family:var(--font-mono);font-size:12.5px}.input-error{border-color:var(--c-danger)}.input-error:focus{box-shadow:0 0 0 3px rgba(192,57,43,.12)}.textarea{width:100%;min-height:80px;padding:10px 12px;font-family:var(--font);font-size:13.5px;color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;resize:vertical;line-height:1.5}.textarea::-moz-placeholder{color:var(--text-muted)}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(12,107,78,.1)}.select-wrap{position:relative}.select{width:100%;height:38px;padding:0 34px 0 12px;font-family:var(--font);font-size:13.5px;color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(12,107,78,.1)}.select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);width:14px;height:14px}.input-hint{font-size:11.5px;color:var(--text-muted);line-height:1.4}.input-error-msg{font-size:11.5px;color:var(--c-danger)}.input-addon-wrap{position:relative}.input-addon-wrap .input{padding-right:40px}.input-addon-btn{position:absolute;right:0;top:0;height:38px;width:38px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:none;background:none;cursor:pointer;transition:color var(--t-fast)}.input-addon-btn:hover{color:var(--text-secondary)}.input-addon-btn svg{width:15px;height:15px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:border-color var(--t),background var(--t)}.card-pad{padding:20px 24px}.card-pad-sm{padding:14px 18px}.card-pad-lg{padding:28px 32px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em}.card-body{padding:20px 24px}.stat-card{background:var(--bg-surface);border-left:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--sh-sm);border:1px solid var(--border);border-left-width:3px;transition:box-shadow var(--t),transform var(--t),border-color var(--t),background var(--t)}.stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.stat-card.accent-green{border-left-color:var(--accent)}.stat-card.accent-blue{border-left-color:var(--c-info)}.stat-card.accent-purple{border-left-color:var(--c-purple)}.stat-card.accent-red{border-left-color:var(--c-danger)}.stat-card.accent-warning{border-left-color:var(--c-warning)}.stat-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-value{font-size:30px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.stat-desc{font-size:12px;color:var(--text-muted);margin-top:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:600;border-radius:var(--r-full);border:1px solid;white-space:nowrap;letter-spacing:.01em}.badge-dot{width:6px;height:6px;border-radius:var(--r-full);flex-shrink:0}.badge-success{color:var(--c-success);background:var(--c-success-bg);border-color:var(--c-success-border)}.badge-warning{color:var(--c-warning);background:var(--c-warning-bg);border-color:var(--c-warning-border)}.badge-danger{color:var(--c-danger);background:var(--c-danger-bg);border-color:var(--c-danger-border)}.badge-info{color:var(--c-info);background:var(--c-info-bg);border-color:var(--c-info-border)}.badge-purple{color:var(--c-purple);background:var(--c-purple-bg);border-color:var(--c-purple-border)}.badge-neutral{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-border)}.badge-accent{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent-border)}.badge-dot.success{background:var(--c-success)}.badge-dot.warning{background:var(--c-warning)}.badge-dot.danger{background:var(--c-danger)}.badge-dot.info{background:var(--c-info)}.badge-dot.purple{background:var(--c-purple)}.badge-dot.neutral{background:var(--c-neutral)}.data-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--bg-subtle);border-bottom:1px solid var(--border)}.data-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--t-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-subtle)}.data-table td{padding:12px 16px;font-size:13.5px;color:var(--text-primary);vertical-align:middle}.table-muted{color:var(--text-muted);font-size:12.5px}.table-phone{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.01em}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-subtle)}.pagination-info{font-size:12.5px;color:var(--text-muted)}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;border:1px solid}.live-pill.online{color:var(--c-success);background:var(--c-success-bg);border-color:var(--c-success-border)}.live-pill.offline{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-border)}.live-dot{width:7px;height:7px;border-radius:var(--r-full);flex-shrink:0}.live-dot.pulse{background:var(--c-success);animation:livePulse 2s cubic-bezier(.4,0,.6,1) infinite}.live-dot.static{background:var(--c-neutral)}.spinner{display:inline-block;border-radius:var(--r-full);border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-md{width:20px;height:20px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-xl{width:44px;height:44px;border-width:3px}.spinner-white{border-color:#fff hsla(0,0%,100%,.35) hsla(0,0%,100%,.35)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r)}.empty-state{flex-direction:column;padding:56px 24px;text-align:center;gap:12px}.empty-icon-wrap,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon-wrap{width:52px;height:52px;border-radius:var(--r-lg);background:var(--bg-subtle);border:1.5px solid var(--border);margin-bottom:4px}.empty-icon-wrap svg{width:22px;height:22px;color:var(--text-muted)}.empty-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em}.empty-desc{font-size:13px;color:var(--text-muted);max-width:280px;line-height:1.5}.divider{height:1px;background:var(--border);margin:20px 0}.divider-label{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.divider-label:after,.divider-label:before{content:"";flex:1;height:1px;background:var(--border)}.theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--t-fast)}.theme-toggle:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border)}.theme-toggle svg{width:16px;height:16px}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:100%}.toast{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;pointer-events:all;animation:toastIn .25s cubic-bezier(.34,1.56,.64,1) forwards;font-size:13.5px;color:var(--text-primary);line-height:1.4}.toast.leaving{animation:toastOut .2s ease-in forwards}.toast-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.toast-icon.success{color:var(--c-success)}.toast-icon.error{color:var(--c-danger)}.toast-icon.info{color:var(--c-info)}.toast-icon.warning{color:var(--c-warning)}.toast-body{flex:1}.toast-title{font-weight:600;font-size:13.5px}.toast-desc{font-size:12.5px;color:var(--text-secondary);margin-top:2px}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);flex-shrink:0;transition:all var(--t-fast)}.toast-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.toast-close svg{width:12px;height:12px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-brand-panel{background:var(--accent);display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;position:relative;overflow:hidden}.auth-brand-panel:before{top:-80px;right:-80px;width:320px;height:320px;background:hsla(0,0%,100%,.06)}.auth-brand-panel:after,.auth-brand-panel:before{content:"";position:absolute;border-radius:var(--r-full);pointer-events:none}.auth-brand-panel:after{bottom:-60px;left:-60px;width:280px;height:280px;background:hsla(0,0%,100%,.04)}.auth-geo-1{position:absolute;bottom:120px;right:40px;width:80px;height:80px;border:2px solid hsla(0,0%,100%,.12);border-radius:var(--r-lg);transform:rotate(20deg)}.auth-geo-2{position:absolute;top:180px;left:30px;width:48px;height:48px;border:2px solid hsla(0,0%,100%,.1);border-radius:var(--r-xl);transform:rotate(-15deg)}.auth-brand-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.auth-logo-mark{width:40px;height:40px;background:hsla(0,0%,100%,.15);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.auth-brand-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em}.auth-brand-content{position:relative;z-index:1}.auth-headline{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.15;margin-bottom:16px}.auth-subline{font-size:15px;color:hsla(0,0%,100%,.75);line-height:1.6;max-width:340px}.auth-features{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.auth-feature-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:hsla(0,0%,100%,.8);font-weight:500}.auth-feature-dot{width:6px;height:6px;border-radius:var(--r-full);background:hsla(0,0%,100%,.5);flex-shrink:0}.auth-form-panel{background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px}.auth-form-wrap{width:100%;max-width:360px}.auth-form-heading{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px}.auth-form-subheading{font-size:14px;color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.auth-form-fields{display:flex;flex-direction:column;gap:16px}.auth-submit-btn{width:100%;height:44px;margin-top:8px;font-size:15px;letter-spacing:-.01em;border-radius:var(--r-md)}.auth-footer{text-align:center;font-size:12px;color:var(--text-muted);margin-top:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stat-grid{grid-template-columns:1fr}}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.quick-actions-grid{grid-template-columns:1fr}}.action-card-title{font-size:14.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:6px}.action-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-actions{display:flex;align-items:center;gap:10px;padding-top:4px}.webhook-url-box{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r);padding:9px 12px;font-family:var(--font-mono);font-size:12px;color:var(--accent);word-break:break-all;line-height:1.5}.send-steps{display:flex;flex-direction:column;gap:16px}.preview-bubble{background:var(--accent-subtle);border:1.5px solid var(--accent-border);border-radius:var(--r-md);padding:14px 16px;font-size:13.5px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.send-result{background:var(--c-success-bg);border:1.5px solid var(--c-success-border);border-radius:var(--r-lg);padding:18px 20px}.send-result-title{font-size:15px;font-weight:700;color:var(--c-success);margin-bottom:10px;letter-spacing:-.015em}.connection-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid;margin-bottom:20px;animation:fadeIn .2s ease-out}.connection-banner.success{background:var(--c-success-bg);border-color:var(--c-success-border);color:var(--c-success)}.connection-banner.error{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger)}.connection-banner-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.connection-banner-title{font-weight:700;font-size:14px}.connection-banner-detail{font-size:12.5px;margin-top:4px;opacity:.85}.inline-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base)}.inline-loading-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.inline-loading-text{font-size:13.5px;color:var(--text-muted);font-weight:500}.code-inline{font-family:var(--font-mono);font-size:12px;padding:2px 6px;background:var(--bg-muted);border-radius:var(--r-sm);color:var(--text-secondary);border:1px solid var(--border)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-0{min-width:0}.pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.max-w-xl{max-width:560px}.max-w-2xl{max-width:680px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateX(20px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(20px) scale(.97)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .25s ease-out}.inbox-root{height:100vh;background:var(--bg-base)}.inbox-left,.inbox-root{display:flex;overflow:hidden}.inbox-left{width:320px;flex-shrink:0;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border)}.inbox-center{flex:1;min-width:0;background:var(--bg-base);position:relative}.inbox-center,.inbox-right{display:flex;flex-direction:column}.inbox-right{width:272px;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto}.inbox-left-head{padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.inbox-left-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.inbox-search-wrap{position:relative}.inbox-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:14px;height:14px;pointer-events:none}.inbox-search{width:100%;height:34px;padding:0 12px 0 32px;font-family:var(--font);font-size:13px;color:var(--text-primary);background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r-full);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.inbox-search::-moz-placeholder{color:var(--text-muted)}.inbox-search::placeholder{color:var(--text-muted)}.inbox-search:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(12,107,78,.1);background:var(--bg-surface)}.inbox-tabs{display:flex;gap:2px;padding:10px 16px 0;border-bottom:1px solid var(--border);flex-shrink:0}.inbox-tab{flex:1;padding:7px 6px;font-size:12.5px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--t-fast);text-align:center;letter-spacing:.01em}.inbox-tab:hover{color:var(--text-primary)}.inbox-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.inbox-convo-list{flex:1;overflow-y:auto;padding:6px 0}.inbox-convo-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;transition:background var(--t-fast);border-left:3px solid transparent;position:relative}.inbox-convo-item:hover{background:var(--bg-subtle)}.inbox-convo-item.active{background:var(--accent-subtle);border-left-color:var(--accent)}.inbox-avatar{width:38px;height:38px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.01em}.inbox-avatar-lg{width:46px;height:46px;font-size:16px}.inbox-convo-body{flex:1;min-width:0}.inbox-convo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.inbox-convo-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-convo-time{font-size:11px;color:var(--text-muted);flex-shrink:0;margin-left:6px}.inbox-convo-preview{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-unread-badge{width:18px;height:18px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px}.inbox-convo-item.unread .inbox-convo-name{font-weight:700}.inbox-convo-item.unread .inbox-convo-preview{color:var(--text-primary);font-weight:500}.inbox-chat-head{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.inbox-chat-head-info{flex:1;min-width:0}.inbox-chat-head-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.inbox-chat-head-phone{font-size:12px;color:var(--text-muted);margin-top:1px}.inbox-window-banner{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--c-warning-bg);border-bottom:1px solid var(--c-warning-border);font-size:12.5px;color:var(--c-warning);flex-shrink:0}.inbox-window-banner.closed{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger)}.inbox-messages-area{flex:1;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:6px}.inbox-date-sep{display:flex;align-items:center;gap:12px;margin:12px 0 6px}.inbox-date-sep-line{flex:1;height:1px;background:var(--border)}.inbox-date-sep-text{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.inbox-bubble-wrap{display:flex;gap:8px;align-items:flex-end}.inbox-bubble-wrap.outbound{flex-direction:row-reverse}.inbox-bubble{max-width:68%;padding:9px 13px;border-radius:var(--r-lg);font-size:13.5px;line-height:1.5;position:relative;word-break:break-word}.inbox-bubble.inbound{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:var(--r-xs)}.inbox-bubble.outbound{background:var(--accent);color:#fff;border-bottom-right-radius:var(--r-xs)}[data-theme=dark] .inbox-bubble.outbound{background:#1a6b52}.inbox-bubble-template{font-size:12px;opacity:.8;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.inbox-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.inbox-bubble-time{font-size:10.5px;opacity:.7}.inbox-tick{width:14px;height:14px;opacity:.7}.inbox-tick.read{color:#53bdeb;opacity:1}.inbox-compose{padding:12px 16px;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0}.inbox-compose-inner{display:flex;align-items:flex-end;gap:8px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:8px 12px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.inbox-compose-inner:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(12,107,78,.08);background:var(--bg-surface)}.inbox-compose-textarea{flex:1;min-height:20px;max-height:120px;font-family:var(--font);font-size:13.5px;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;line-height:1.5;padding:2px 0}.inbox-compose-textarea::-moz-placeholder{color:var(--text-muted)}.inbox-compose-textarea::placeholder{color:var(--text-muted)}.inbox-compose-send{width:34px;height:34px;border-radius:var(--r-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;transition:background var(--t-fast),transform var(--t-fast)}.inbox-compose-send:hover{background:var(--accent-hover)}.inbox-compose-send:active{transform:scale(.93)}.inbox-compose-send:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.inbox-compose-send svg{width:15px;height:15px}.inbox-compose-template-btn{height:34px;padding:0 12px;border-radius:var(--r);background:var(--bg-surface);border:1.5px solid var(--border);font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:6px}.inbox-compose-template-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.inbox-compose-closed{text-align:center;padding:12px 16px;background:var(--c-danger-bg);border-top:1px solid var(--c-danger-border)}.inbox-compose-closed p{font-size:12.5px;color:var(--c-danger);margin-bottom:8px}.inbox-info-head{padding:16px 16px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}.inbox-info-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-top:10px}.inbox-info-phone{font-size:12.5px;color:var(--text-muted);margin-top:3px}.inbox-info-section{padding:14px 16px;border-bottom:1px solid var(--border)}.inbox-info-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.inbox-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0}.inbox-info-row svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.inbox-status-select{width:100%;height:32px;padding:0 28px 0 10px;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--text-primary);background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--t-fast)}.inbox-status-select:focus{border-color:var(--border-focus)}.inbox-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);padding:40px 20px}.inbox-empty-icon{width:48px;height:48px;opacity:.3}.inbox-empty-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.inbox-empty-desc{font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.5;max-width:200px}.inbox-skel-item{display:flex;align-items:center;gap:10px;padding:10px 14px}@keyframes inbox-pulse{0%,to{opacity:1}50%{opacity:.4}}.inbox-skeleton{border-radius:var(--r);background:var(--bg-muted);animation:inbox-pulse 1.5s ease-in-out infinite}.template-picker-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:20px;animation:fade-in var(--t-slow)}.template-picker-sheet{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--sh-xl);animation:slide-up var(--t-slow)}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.template-picker-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.template-picker-title{font-size:15px;font-weight:700;color:var(--text-primary)}.template-picker-list{flex:1;overflow-y:auto;padding:8px}.template-picker-item{padding:12px 14px;border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast);border:1.5px solid transparent}.template-picker-item:hover{background:var(--bg-subtle);border-color:var(--border)}.template-picker-item.selected{background:var(--accent-subtle);border-color:var(--accent-border)}.template-picker-name{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.template-picker-meta{font-size:11.5px;color:var(--text-muted);display:flex;gap:8px}.inbox-tab-count{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-muted);border-radius:var(--r-full);font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;margin-left:4px}.inbox-tab.active .inbox-tab-count{background:var(--accent-subtle);color:var(--accent)}