:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10171f;background:#f3f6f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f3f6f7;--panel:#fff;--ink:#10171f;--ink2:#1b2530;--line:#e1e8eb;--muted:#6b7a85;--teal:#1799a8;--teal2:#27b9cc;--tealbg:#e6f6f8;--green:#12a37a;--red:#e0485a;--yellow:#c58a0a;--blue:#2f7be0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}h1,h2,p{margin-top:0}.brand{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-word{font-size:25px;font-weight:900;letter-spacing:-1.4px;display:flex;align-items:baseline}.brand-word .nex{color:var(--teal)}.brand-word .cod{color:var(--ink)}.brand small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;letter-spacing:1.8px;font-weight:700}.brand small b{color:var(--teal);letter-spacing:0;font-weight:800}.sidebar .brand-word .cod{color:#fff}.sidebar .brand small{color:#7f8e99}.login-banner{position:absolute;left:0;right:0;top:0;width:100%;height:96px;object-fit:cover;object-position:center;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.page-banner{display:block;width:100%;height:84px;object-fit:cover;object-position:center;border-radius:16px;margin-bottom:22px;border:1px solid var(--line);box-shadow:0 6px 22px #1799a82b}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff,#f1f5f6 70%,#e6eef0)}.brush{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.login-card{position:relative;z-index:1;width:min(100%,440px);padding:36px;background:#fffe;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #dfe8eb;border-radius:22px;box-shadow:0 30px 80px #10171f1f}.login-card:before{content:"";position:absolute;left:36px;right:36px;top:0;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--ink) 0 55%,var(--teal) 55%)}.login-card .brand-word{font-size:32px}.login-shield{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--tealbg);color:var(--teal);margin-top:30px}.eyebrow,.overline{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--teal)}.login-card .eyebrow{margin:22px 0 10px}.login-card h1{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:0;font-weight:800;color:var(--ink)}.login-card h1 em{font-style:normal;color:var(--teal)}.login-description{font-size:13px;color:var(--muted);line-height:1.75;margin:14px 0 24px}.login-card label{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:8px}.login-card input{width:100%;background:#f6f9fa;border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1799a822;background:#fff}.login-card input::placeholder{color:#9aa8b2}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:13px 15px;font-size:13px;font-weight:750;transition:transform .15s,background .15s;box-shadow:0 8px 20px #1799a830}.primary:hover{transform:translateY(-1px);background:#128895}.full{width:100%;margin-top:15px}.error{font-size:12px;color:var(--red);margin:10px 0 0;line-height:1.55}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;margin-top:22px}.login-foot{text-align:center;color:#8a98a2;font-size:10px;margin:22px 0 0}.app-shell{min-height:100vh}.app-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;height:6px;z-index:40;background:linear-gradient(90deg,var(--ink) 0 62%,var(--teal) 62%)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 16px 20px;background:var(--ink);display:flex;flex-direction:column;z-index:8;color:#fff}.sidebar>.brand{padding:0 6px 24px}.workspace{display:flex;align-items:center;gap:10px;padding:12px;background:#18222d;border:1px solid #243240;border-radius:11px}.workspace-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--teal);color:#fff;font-size:11px;font-weight:800}.workspace strong{display:block;font-size:11px;font-weight:700}.workspace small{display:block;color:#7f8e99;font-size:9px;margin-top:3px}.workspace>i{width:6px;height:6px;border-radius:50%;background:#3fe0a8;margin-left:auto;box-shadow:0 0 8px #3fe0a888}.side-label{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#5f6f7b;margin:28px 10px 10px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9fb0bb;font-size:12px;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#18222d;color:#fff}.nav-item.selected{background:linear-gradient(90deg,#1799a833,#1799a80d);border-color:#1799a855;color:#fff}.nav-item.selected svg{color:var(--teal2)}.nav-active{margin-left:auto;width:4px;height:17px;border-radius:5px;background:var(--teal2)}.sidebar-bottom{margin-top:auto}.sidebar-help{padding:14px;background:#18222d;border:1px solid #243240;border-radius:12px;margin-bottom:12px}.help-icon{width:29px;height:29px;border-radius:8px;background:#1799a82b;display:grid;place-items:center;color:var(--teal2);margin-bottom:10px}.sidebar-help strong{font-size:11px}.sidebar-help p{font-size:10px;line-height:1.65;color:#7f8e99;margin:6px 0 0}.logout-button{margin-bottom:12px}.side-version{display:flex;align-items:center;gap:9px;padding:13px 5px 8px;border-top:1px solid #243240;font-size:10px;font-weight:700;letter-spacing:.7px}.version-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--teal);font-size:13px;font-weight:900}.side-version small{display:block;font-size:8px;color:#6a7a86;letter-spacing:1.1px;margin-top:3px}.status-healthy{color:#3fe0a8;margin-left:auto}.main-area{margin-left:250px;min-height:100vh;padding-bottom:6px}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px}.breadcrumbs span{color:var(--muted)}.breadcrumbs b{color:#c0cbd2;font-weight:400}.breadcrumbs strong{color:var(--ink);font-weight:700}.topbar-right{display:flex;align-items:center;gap:15px}.live-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.live-status i,.online-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px #12a37a22}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--muted)}.icon-button:hover{background:var(--tealbg);color:var(--teal);border-color:#bfe4ea}.profile{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid var(--line)}.profile-avatar{width:33px;height:33px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--teal)}.profile strong{display:block;font-size:10px}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.mobile-brand{display:none}.page-content{max-width:1500px;padding:31px 32px 20px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:25px}.overline{margin:0 0 11px}.overline span{padding:0 5px;color:#b5c2ca}.page-heading h1{font-size:30px;letter-spacing:-1.2px;margin:0;font-weight:800}.page-subtitle{color:var(--muted);font-size:12px;margin:9px 0 0}.heading-actions{display:flex;align-items:center;gap:12px}.updated-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.secondary-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:#fff;color:var(--ink2);font-size:11px;font-weight:700;white-space:nowrap}.secondary-btn:hover{background:var(--tealbg);border-color:#bfe4ea;color:var(--teal)}.alert-banner{display:flex;align-items:flex-start;gap:11px;background:#fff1f2;border:1px solid #f5c3c9;padding:13px 14px;border-radius:10px;color:#b3303f;margin-bottom:20px;font-size:12px}.alert-banner p{margin:5px 0 0;color:#c24a58}.plain-icon{margin-left:auto;border:0;background:transparent;color:#b3303f;font-size:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;position:relative;overflow:hidden;box-shadow:0 2px 10px #10171f08;transition:transform .15s,box-shadow .15s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #10171f12}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:600}.metric-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--tealbg);color:var(--teal);flex-shrink:0}.metric-icon.green{color:var(--green);background:#e5f7f0}.metric-icon.blue{color:var(--blue);background:#e9f1fd}.metric-icon.yellow{color:var(--yellow);background:#fdf3dc}.metric-value{font-size:32px;font-weight:800;letter-spacing:-1.2px;margin:13px 0 6px;line-height:1.1}.metric-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.metric-dot{width:5px;height:5px;border-radius:50%;background:var(--teal2)}.table-section{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #10171f08}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 20px 17px;border-bottom:1px solid var(--line)}.section-head h2{font-size:15px;margin:0;font-weight:800}.section-head p{color:var(--muted);font-size:11px;margin:6px 0 0}.section-count{color:var(--teal);border:1px solid #bfe4ea;background:var(--tealbg);border-radius:8px;padding:6px 10px;font-size:10px;font-weight:700;white-space:nowrap}.table-toolbar{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line);background:#fafcfc}.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--muted)}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1799a21a}.search-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:11px 0;color:var(--ink);font-size:11px}.search-field input::placeholder{color:#9aa8b2}.search-field kbd{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 5px;background:#f6f9fa}.select-field{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--ink2);font-size:10px;outline:0}.select-field:focus{border-color:var(--teal)}.table-container{width:100%;overflow:auto}.data-table{width:100%;min-width:1000px;border-collapse:collapse}.data-table th{text-align:left;padding:12px 14px;font-size:9px;letter-spacing:1px;font-weight:800;color:var(--muted);background:#f6f9fa;border-bottom:1px solid var(--line)}.data-table td{padding:14px;border-bottom:1px solid #edf2f4;vertical-align:middle;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f7fcfd}.customer-cell{display:flex;align-items:center;gap:10px;min-width:165px}.customer-avatar{width:32px;height:32px;flex-shrink:0;background:var(--ink);color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:12px;border-bottom:3px solid var(--teal)}.customer-cell strong{display:block;font-size:11px;font-weight:700;max-width:155px;overflow-wrap:anywhere}.customer-cell small,.cell-muted{display:block;color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap}.cell-muted{margin-top:5px}.data-table td>strong{font-weight:700}.license-key{font-size:10px;color:var(--teal);background:var(--tealbg);padding:3px 7px;border-radius:5px;display:inline-block;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{color:var(--green);border-color:#bfe9d9;background:#e9f8f2}.badge.red{color:var(--red);border-color:#f3c3c9;background:#fdeef0}.badge.yellow{color:var(--yellow);border-color:#efdcab;background:#fdf6e3}.badge.gray{color:var(--muted);background:#f3f6f7}.bot-indicator{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;white-space:nowrap}.bot-indicator i{width:6px;height:6px;border-radius:50%;background:#aab6be}.bot-indicator.on{color:var(--green)}.bot-indicator.on i{background:var(--green);box-shadow:0 0 0 3px #12a37a22}.bot-indicator.off{color:var(--muted)}.row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:240px}.action-btn{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink2);font-size:9px;font-weight:700;padding:6px 8px;white-space:nowrap;transition:all .15s}.action-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--tealbg)}.action-btn.warning{color:var(--yellow);border-color:#efdcab;background:#fffaf0}.action-btn.warning:hover{background:#fdf3dc;color:#9a6a05;border-color:#e3c677}.action-btn.danger{color:var(--red);border-color:#f3c3c9;background:#fff6f7}.action-btn.danger:hover{background:#fdeef0;color:#c0283a;border-color:#e99aa4}.table-foot{display:flex;justify-content:space-between;gap:15px;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;background:#fafcfc}.table-foot strong{color:var(--ink)}.empty-state{padding:44px 18px;text-align:center;color:var(--muted)}.empty-symbol{width:48px;height:48px;border-radius:14px;background:var(--tealbg);display:grid;place-items:center;margin:0 auto 13px;color:var(--teal)}.empty-state strong{display:block;color:var(--ink);font-size:12px}.empty-state p{font-size:10px;line-height:1.65;max-width:390px;margin:7px auto 0}.event-list{padding:4px 20px}.event-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #edf2f4}.event-item:last-child{border-bottom:0}.event-icon{width:34px;height:34px;background:var(--tealbg);color:var(--teal);display:grid;place-items:center;border-radius:10px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-content strong{font-size:11px;text-transform:capitalize}.event-content p{margin:5px 0;color:var(--muted);font-size:10px}.event-content pre{color:#43525d;background:#f6f9fa;border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;overflow:auto;font-size:9px}.event-item time{color:var(--muted);font-size:9px;white-space:nowrap}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 1px 12px;color:var(--muted);font-size:9px}.page-footer>span:last-child{display:flex;align-items:center;gap:7px}.footer-dot{width:5px;height:5px}.toast-message{position:fixed;right:22px;bottom:28px;z-index:30;display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;font-size:11px;font-weight:650;box-shadow:0 15px 45px #10171f55;border-left:3px solid var(--teal2)}@media(max-width:1200px){.sidebar{width:220px}.main-area{margin-left:220px}.topbar{padding:0 22px}.page-content{padding:27px 22px 18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:relative;width:auto;height:auto;inset:auto;padding:13px 16px;display:block}.sidebar>.brand{padding:0}.workspace,.side-label,.sidebar nav,.sidebar-bottom{display:none}.main-area{margin-left:0}.topbar{height:auto;min-height:56px;padding:12px 16px}.breadcrumbs{display:none}.mobile-brand{display:block}.mobile-brand .brand-word{font-size:20px}.topbar-right{gap:9px}.live-status{display:none}.profile{padding-left:9px}.profile>div:last-child{display:none}.page-content{padding:23px 14px 16px}.page-banner{height:56px;border-radius:12px;margin-bottom:16px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-heading h1{font-size:25px}.heading-actions{width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:13px}.metric-value{font-size:25px}.section-head{padding:15px;align-items:flex-start}.table-toolbar,.table-foot{padding:11px;flex-direction:column}.event-list{padding:2px 13px}.login-card{padding:28px 22px;border-radius:18px}.login-card h1{font-size:30px}.login-banner{height:64px}}@media(min-width:761px)and (max-height:750px){.sidebar{overflow:auto}.sidebar-help{display:none}}.theme-toggle.floating{position:fixed;top:18px;right:18px;z-index:20;box-shadow:0 6px 18px #10171f1a}:root,body,.topbar,.table-section,.metric-card,.login-card,.login-page,.sidebar{transition:background-color .25s,border-color .25s,color .25s}:root[data-theme=dark]{color-scheme:dark;color:#e8eef2;background:#0b1015;--bg:#0b1015;--panel:#121a22;--ink:#e8eef2;--ink2:#cbd6dd;--line:#232f3a;--muted:#8899a5;--teal:#22b5c6;--teal2:#3fd0e2;--tealbg:#10313a;--green:#3fd9a4;--red:#ff7a89;--yellow:#e8bf5a;--blue:#6fa6ff}[data-theme=dark] .login-page{background:radial-gradient(ellipse at 50% 40%,#16212b,#0e151c 70%,#090d12)}[data-theme=dark] .login-card{background:#121a22ee;border-color:#243240;box-shadow:0 30px 80px #0009}[data-theme=dark] .login-card:before{background:linear-gradient(90deg,#2a3947 0 55%,var(--teal) 55%)}[data-theme=dark] .login-card input{background:#0e151c;border-color:#243240;color:#e8eef2}[data-theme=dark] .login-card input:focus{background:#0b1015;border-color:var(--teal)}[data-theme=dark] .login-card input::placeholder{color:#5f707c}[data-theme=dark] .login-foot{color:#6b7c88}[data-theme=dark] .login-banner{opacity:.85}[data-theme=dark] .brush{opacity:.55}[data-theme=dark] .primary{color:#06232a;background:var(--teal2)}[data-theme=dark] .primary:hover{background:#2fb9cb}[data-theme=dark] .app-shell:after{background:linear-gradient(90deg,#2a3947 0 62%,var(--teal) 62%)}[data-theme=dark] .sidebar{background:#080c10;border-right:1px solid #18222c}[data-theme=dark] .workspace,[data-theme=dark] .sidebar-help{background:#111a22;border-color:#1c2833}[data-theme=dark] .topbar{background:#0e151ce6}[data-theme=dark] .breadcrumbs b{color:#3a4854}[data-theme=dark] .icon-button,[data-theme=dark] .secondary-btn{background:#121a22;border-color:#243240;color:#9fb0bb}[data-theme=dark] .icon-button:hover,[data-theme=dark] .secondary-btn:hover{background:#10313a;border-color:#1c5a66;color:var(--teal2)}[data-theme=dark] .secondary-btn{color:#cbd6dd}[data-theme=dark] .profile-avatar{background:#1c2833;color:#e8eef2;box-shadow:0 0 0 2px #0e151c,0 0 0 4px var(--teal)}[data-theme=dark] .alert-banner{background:#2a1519;border-color:#5a2a32;color:#ff9aa6}[data-theme=dark] .alert-banner p{color:#e58a96}[data-theme=dark] .plain-icon{color:#ff9aa6}[data-theme=dark] .overline span{color:#3a4854}[data-theme=dark] .page-banner{border-color:#243240;box-shadow:0 6px 22px #22b5c61f}[data-theme=dark] .metric-card,[data-theme=dark] .table-section{box-shadow:0 2px 14px #0006}[data-theme=dark] .metric-card:hover{box-shadow:0 10px 26px #0008}[data-theme=dark] .metric-icon.green{background:#12302a}[data-theme=dark] .metric-icon.blue{background:#16253f}[data-theme=dark] .metric-icon.yellow{background:#33290f}[data-theme=dark] .section-count{border-color:#1c5a66}[data-theme=dark] .table-toolbar,[data-theme=dark] .table-foot{background:#0f161d}[data-theme=dark] .search-field,[data-theme=dark] .select-field{background:#0e151c;border-color:#243240}[data-theme=dark] .search-field input{color:#e8eef2}[data-theme=dark] .search-field input::placeholder{color:#5f707c}[data-theme=dark] .search-field kbd{background:#16212b;border-color:#243240}[data-theme=dark] .data-table th{background:#0f161d}[data-theme=dark] .data-table td{border-bottom-color:#1a2530}[data-theme=dark] .data-table tbody tr:hover{background:#0f1d25}[data-theme=dark] .customer-avatar{background:#1c2833;color:#e8eef2}[data-theme=dark] .license-key{color:var(--teal2)}[data-theme=dark] .badge{border-color:#243240}[data-theme=dark] .badge.green{background:#12302a;border-color:#1f5a47}[data-theme=dark] .badge.red{background:#2f171c;border-color:#5a2a32}[data-theme=dark] .badge.yellow{background:#33290f;border-color:#5c4a1c}[data-theme=dark] .badge.gray{background:#16212b}[data-theme=dark] .bot-indicator i{background:#4a5964}[data-theme=dark] .action-btn{background:#121a22;border-color:#243240;color:#cbd6dd}[data-theme=dark] .action-btn:hover{background:#10313a;border-color:var(--teal);color:var(--teal2)}[data-theme=dark] .action-btn.warning{background:#2a220e;border-color:#5c4a1c;color:var(--yellow)}[data-theme=dark] .action-btn.danger{background:#2a1519;border-color:#5a2a32;color:var(--red)}[data-theme=dark] .action-btn.warning:hover{background:#33290f}[data-theme=dark] .action-btn.danger:hover{background:#3a1b21}[data-theme=dark] .event-item{border-bottom-color:#1a2530}[data-theme=dark] .event-content pre{background:#0b1015;border-color:#1a2530;color:#9fb0bb}[data-theme=dark] .toast-message{background:#e8eef2;color:#10171f}.product-form{margin:18px 0 24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.product-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-fields>label{display:flex;flex-direction:column;gap:8px;color:var(--ink2);font-size:11px;font-weight:750}.product-fields input:not([type=checkbox]):not([type=file]),.product-fields select,.product-fields textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);outline:none;font-size:12px}.product-fields input:focus,.product-fields select:focus,.product-fields textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1799a81c}.product-fields .wide{grid-column:1/-1}.product-fields input[type=file]{font-size:11px;color:var(--muted);padding:8px 0}.product-fields small{font-size:10px;color:var(--muted);font-weight:400}.product-toggles{display:flex;align-items:center;gap:22px;flex-wrap:wrap;grid-column:1/-1}.product-toggles label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink2)}.product-toggles input{accent-color:var(--teal)}.product-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.product-form-actions .primary{min-width:190px}.product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 5px 18px #10171f08}.product-card-top{display:flex;align-items:center;justify-content:space-between}.product-symbol{width:42px;height:42px;border-radius:12px;background:var(--tealbg);color:var(--teal);display:grid;place-items:center}.product-status{font-size:10px;font-weight:750;padding:5px 9px;border-radius:20px}.product-status.enabled{background:#e2f7ef;color:#12815f}.product-status.disabled{background:#fce8eb;color:#b3303f}.product-card h3{font-size:17px;letter-spacing:-.3px;margin:17px 0 7px}.product-card>p{min-height:36px;color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 16px;overflow-wrap:anywhere}.product-meta{display:grid;gap:9px;padding:13px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.product-meta b{color:var(--ink2);font-weight:700;overflow-wrap:anywhere}.product-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.file-replace{position:relative;display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink2);font-size:10px;font-weight:700;cursor:pointer}.file-replace input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:1100px){.product-cards,.product-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.product-cards,.product-fields{grid-template-columns:1fr}.product-fields .wide,.product-toggles{grid-column:auto}.product-form{padding:15px}.product-form-actions .primary{width:100%}}.plans-editor{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.plans-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.plans-editor-head strong{font-size:11px;color:var(--ink2)}.plan-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;margin:8px 0}.plan-row input{min-width:0;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:11px}.plans-editor>small{display:block;color:var(--muted);font-size:10px}@media(max-width:650px){.plans-editor{grid-column:auto}.plan-row{grid-template-columns:1fr 1fr}.plans-editor-head{align-items:flex-start;flex-direction:column}}.banner-editor{grid-column:1/-1;display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.banner-editor-heading{display:flex;flex-direction:column;gap:4px}.banner-editor-heading strong{font-size:12px;color:var(--ink2)}.banner-editor-heading small,.banner-editor>small{font-size:10px;color:var(--muted);font-weight:400}.banner-preview{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.banner-preview img{display:block;width:100%;max-height:190px;object-fit:cover}.banner-preview span{display:block;padding:7px 10px;color:var(--muted);font-size:10px;background:var(--panel)}.banner-empty{display:grid;place-items:center;min-height:92px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:11px;text-align:center;padding:15px}.banner-file-control{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink2);font-size:11px;font-weight:750;cursor:pointer;overflow:hidden}.banner-file-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.product-banner-preview{display:block;width:100%;max-height:105px;object-fit:cover;border-radius:9px;margin:0 0 15px;border:1px solid var(--line)}
