:root{--bg-main: #ecf0f5;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fcfcfc;--bg-card-active: #f4f6f9;--bg-subtle: #f8fafc;--topbar-bg: #20547a;--topbar-text: #ffffff;--sidebar-bg: #222d32;--sidebar-hover: #1e282c;--sidebar-active: #1a2226;--sidebar-text: #b8c7ce;--sidebar-header: #1a2226;--sidebar-header-text: #4b646f;--border: #d2d6de;--border-focus: #3c8dbc;--border-subtle: #e9ecef;--text-primary: #222d32;--text-secondary: #495057;--text-muted: #777777;--text-inverse: #ffffff;--primary: #3c8dbc;--primary-hover: #367fa9;--primary-light: rgba(60, 141, 188, .12);--accent: #00c0ef;--teal: #17a2b8;--success: #00a65a;--success-bg: rgba(0, 166, 90, .1);--success-border: rgba(0, 166, 90, .25);--warning: #f39c12;--warning-bg: rgba(243, 156, 18, .1);--warning-border: rgba(243, 156, 18, .25);--danger: #dd4b39;--danger-bg: rgba(221, 75, 57, .1);--danger-border: rgba(221, 75, 57, .25);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--font-sans: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .1);--shadow-md: 0 2px 5px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 14px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#0003;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000059}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.01em}p{line-height:1.55;color:var(--text-secondary)}code,pre{font-family:var(--font-mono)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-main)}.app-sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:40;transition:width .2s ease;box-shadow:1px 0 3px #0000001f}.sidebar-header{height:52px;background:var(--sidebar-header);display:flex;align-items:center;padding:0 16px;gap:10px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em}.brand-badge{width:32px;height:32px;background:#3c8dbc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-title{font-size:15px;font-weight:800;color:#fff}.brand-sub{font-size:10.5px;color:#8aa4af;font-weight:500}.sidebar-search{padding:10px 14px;background:#1a2226;border-bottom:1px solid #28373e}.sidebar-search-box{display:flex;align-items:center;background:#374850;border-radius:3px;padding:5px 8px;gap:6px}.sidebar-search-box input{background:transparent;border:none;color:#fff;font-size:12.5px;width:100%;outline:none}.sidebar-search-box input::placeholder{color:#8aa4af}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto;display:flex;flex-direction:column}.nav-section-label{font-size:11px;font-weight:700;color:var(--sidebar-header-text);background:#1a2226;text-transform:uppercase;letter-spacing:.05em;padding:9px 16px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--sidebar-text);font-size:13px;font-weight:500;background:transparent;border:none;border-left:3px solid transparent;width:100%;cursor:pointer;transition:all .12s ease;text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-hover);color:#fff;border-left-color:#3c8dbc;font-weight:600}.nav-counter{margin-left:auto;background:#ffffff1f;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.nav-counter.warn{background:var(--warning);color:#fff}.nav-submenu{background:#2c3b41;display:flex;flex-direction:column}.nav-subitem{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 36px;color:#8aa4af;font-size:12.5px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;transition:color .12s ease}.nav-subitem:hover,.nav-subitem.active{color:#fff}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.app-topbar{height:52px;background:var(--topbar-bg);color:var(--topbar-text);box-shadow:0 1px 3px #0000001f;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-right{display:flex;align-items:center;gap:12px}.app-content{padding:18px 22px;flex:1;width:100%;max-width:1440px;margin:0 auto}.floating-contact-bar{position:fixed;bottom:20px;left:14px;display:flex;flex-direction:column;gap:8px;z-index:50}.contact-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #00000040;cursor:pointer;border:none;transition:transform .15s ease;text-decoration:none}.contact-btn:hover{transform:scale(1.1)}.contact-hotline{display:flex;align-items:center;gap:8px;background:#dd4b39;color:#fff;padding:6px 12px;border-radius:99px;font-weight:800;font-size:12.5px;box-shadow:0 2px 6px #00000040;cursor:pointer;text-decoration:none;transition:transform .15s ease}.contact-hotline:hover{transform:scale(1.04)}.small-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.small-box{border-radius:4px;position:relative;display:block;box-shadow:var(--shadow-sm);overflow:hidden;color:#fff}.small-box .inner{padding:14px 18px}.small-box h3{font-size:32px;font-weight:800;margin:0;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums}.small-box p{font-size:13.5px;margin:4px 0 0;color:#ffffffeb;font-weight:600}.small-box .icon{position:absolute;top:10px;right:14px;opacity:.25;color:#fff;transition:all .25s linear}.small-box:hover .icon{transform:scale(1.12);opacity:.35}.small-box-footer{position:relative;text-align:center;padding:5px 0;color:#ffffffe0;display:flex;align-items:center;justify-content:center;gap:6px;background:#00000026;text-decoration:none;font-size:12.5px;font-weight:600;cursor:pointer;border:none;width:100%;transition:background .15s ease}.small-box-footer:hover{color:#fff;background:#00000047}.bg-teal{background-color:#17a2b8!important}.bg-aqua{background-color:#00c0ef!important}.bg-green{background-color:#00a65a!important}.bg-yellow{background-color:#f39c12!important}.bg-red{background-color:#dd4b39!important}.bg-purple{background-color:#605ca8!important}.bg-navy{background-color:#001f3f!important}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stat-label{font-size:12.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-icon{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary)}.stat-value{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.stat-bottom{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12px}.chart-container{display:flex;align-items:flex-end;gap:4px;width:100%;padding-top:10px;border-bottom:1px solid #e9ecef}.chart-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;cursor:pointer;padding:0 1px}.chart-bar{width:100%;min-height:4px;border-radius:3px 3px 0 0;transition:all .15s ease}.chart-bar-wrap:hover .chart-bar{filter:brightness(1.15);box-shadow:0 0 8px #3c8dbc66}.card{background:#fff;border:1px solid var(--border);border-top:3px solid #3c8dbc;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:18px 20px;position:relative;color:var(--text-primary)}.card-teal{border-top-color:#17a2b8!important}.card-aqua{border-top-color:#00c0ef!important}.card-green{border-top-color:#00a65a!important}.card-yellow{border-top-color:#f39c12!important}.card-red{border-top-color:#dd4b39!important}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.card-title{font-size:15px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.card-subtitle{font-size:12.5px;color:var(--text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;padding:7px 14px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all .12s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:#3c8dbc;color:#fff;border-color:#367fa9}.btn-primary:hover{background:#367fa9}.btn-success{background:#00a65a;color:#fff;border-color:#008d4c}.btn-success:hover{background:#008d4c}.btn-info{background:#00c0ef;color:#fff;border-color:#00acd6}.btn-info:hover{background:#00acd6}.btn-warning{background:#f39c12;color:#fff;border-color:#e08e0b}.btn-warning:hover{background:#e08e0b}.btn-danger{background:#dd4b39;color:#fff;border-color:#d73925}.btn-danger:hover{background:#d73925}.btn-secondary,.btn-default{background:#f4f4f4;color:#444;border-color:#ddd}.btn-secondary:hover,.btn-default:hover{background:#e7e7e7;border-color:#ccc}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000d;color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 20px;font-size:14.5px}.btn-preset{background:#5cb85c;color:#fff;border:1px solid #4cae4c;padding:4px 10px;font-size:12px;font-weight:600;border-radius:3px;cursor:pointer;transition:all .12s ease}.btn-preset:hover{background:#449d44}.btn-preset.active{background:#398439;box-shadow:inset 0 1px 3px #0000004d}.btn-preset.blue{background:#337ab7;border-color:#2e6da4}.btn-preset.blue:hover{background:#286090}.btn-preset.blue.active{background:#204d74}.input,.select,.textarea{background:#fff;border:1px solid #d2d6de;border-radius:3px;padding:7px 10px;color:var(--text-primary);font-family:inherit;font-size:13px;transition:border-color .15s ease;width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#3c8dbc;box-shadow:none}.input::placeholder,.textarea::placeholder{color:#999}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;font-size:11.5px;font-weight:700}.badge-success{background:#00a65a;color:#fff}.badge-warning{background:#f39c12;color:#fff}.badge-danger{background:#dd4b39;color:#fff}.badge-primary{background:#3c8dbc;color:#fff}.badge-neutral{background:#e9ecef;color:#495057;border:1px solid #d2d6de}.notice-box-warning{background:#fff8f8;border-left:4px solid #d9534f;padding:10px 14px;border-radius:3px;font-size:12.5px;color:#c9302c;line-height:1.5}.table-container{overflow-x:auto;border-radius:3px;border:1px solid #e9ecef;background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;font-variant-numeric:tabular-nums}.data-table th{background:#f9fafb;color:#495057;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:2px solid #dee2e6}.data-table td{padding:10px 14px;border-bottom:1px solid #e9ecef;color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:nth-child(2n){background-color:#fafbfc}.data-table tbody tr:hover{background:#f1f4f8}.captcha-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.captcha-thumb-clean{height:32px;max-width:110px;object-fit:contain;background:#fff;border:1px solid #d2d6de;border-radius:2px;cursor:pointer;transition:transform .12s ease}.captcha-thumb-clean:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.captcha-dimension{font-size:10px;color:#777;font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .12s ease-out}.modal-card{background:#fff;border:1px solid var(--border);border-radius:4px;max-width:580px;width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.modal-header{padding:14px 20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;font-weight:700}.modal-body{padding:20px;max-height:75vh;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#f8fafc}.toast-container{position:fixed;top:20px;right:20px;z-index:120;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;background:#fff;border:1px solid #d2d6de;border-radius:3px;padding:12px 16px;min-width:280px;max-width:400px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;gap:10px;font-size:13px}.toast-success{border-left:4px solid #00a65a}.toast-error{border-left:4px solid #dd4b39}.toast-warning{border-left:4px solid #f39c12}.toast-info{border-left:4px solid #00c0ef}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11.5px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.app-sidebar{width:210px}}@media(max-width:768px){.app-container{flex-direction:column}.app-sidebar{width:100%;height:auto;position:relative}}