:root{--primary:#ff6b00;--primary-dark:#e05a00;--primary-light:#ff8c33;--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-hover:#222;--bg-input:#141414;--border:#2a2a2a;--border-light:#333;--text:#f0f0f0;--text-muted:#888;--text-dim:#555;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-w:220px;--topbar-h:56px;--radius:8px;--radius-sm:4px;--shadow:0 2px 8px #0006;--font:"Inter", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:14px}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px;display:flex}.logo-icon{background:var(--primary);color:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.logo-text{font-size:15px;font-weight:700;line-height:1.2}.logo-sub{color:var(--text-muted);font-size:10px}.sidebar-nav{flex:1;padding:8px 0}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:12px 16px 4px;font-size:10px;font-weight:600}.nav-item{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 16px;font-size:13.5px;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#ff6b001a;font-weight:600}.nav-icon{text-align:center;width:20px;font-size:16px}.sidebar-alert{border-radius:var(--radius-sm);color:var(--danger);background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:6px;margin:8px 12px 16px;padding:8px 10px;font-size:12px;display:flex}.topbar{height:var(--topbar-h);background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.topbar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;max-width:420px;padding:0 10px;display:flex}.topbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;height:34px;font-size:13px}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-right{color:var(--text-muted);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.module-slot{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-content{flex:1;min-height:0;padding:20px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--primary);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.danger:before{background:var(--danger)}.kpi-card.warning:before{background:var(--warning)}.kpi-card.success:before{background:var(--success)}.kpi-card.info:before{background:var(--info)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.kpi-value{margin:4px 0;font-size:26px;font-weight:700}.kpi-sub{color:var(--text-dim);font-size:11px}.kpi-card.danger .kpi-value{color:var(--danger)}.kpi-card.warning .kpi-value{color:var(--warning)}.kpi-card.success .kpi-value{color:var(--success)}.kpi-card.info .kpi-value{color:var(--info)}.btn{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#000;font-weight:700}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border-light)}.btn-secondary:hover{background:#2a2a2a}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-success{color:var(--success);background:#22c55e26;border:1px solid #22c55e4d}.btn-success:hover{background:#22c55e40}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px 8px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-title{font-size:20px;font-weight:700}.page-title span{color:var(--primary)}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead tr{border-bottom:1px solid var(--border);background:#111}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}tbody td{color:var(--text);vertical-align:middle;padding:9px 12px}.td-muted{color:var(--text-muted);font-size:12px}.td-mono{color:var(--primary-light);font-family:monospace;font-size:12px}.badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--success);background:#22c55e26}.badge-orange{color:var(--primary);background:#ff6b0026}.badge-red{color:var(--danger);background:#ef444426}.badge-yellow{color:var(--warning);background:#f59e0b26}.badge-gray{color:var(--text-muted);background:#88888826}.badge-blue{color:var(--info);background:#3b82f626}.form-group{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-select option{background:var(--bg-card)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.filter-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding:12px;display:flex}.filter-group{flex-direction:column;gap:4px;min-width:120px;display:flex}.filter-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;font-size:10px;font-weight:600}.filter-input,.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:6px 8px;font-family:inherit;font-size:12px}.filter-input:focus,.filter-select:focus{border-color:var(--primary)}.filter-select option{background:var(--bg-card)}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:0 12px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;height:40px;font-family:inherit;font-size:14px}.search-bar input::placeholder{color:var(--text-dim)}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-card);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-title{font-size:16px;font-weight:700}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);background:var(--bg-card);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex;position:sticky;bottom:0}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:22px;line-height:1}.btn-close:hover{color:var(--text)}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:13px;display:flex}.alert-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.alert-warning{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33}.alert-info{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633}.tabs{background:var(--bg-input);border-radius:var(--radius-sm);gap:2px;margin-bottom:16px;padding:3px;display:flex}.tab{color:var(--text-muted);text-align:center;background:0 0;border-radius:4px;flex:1;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.tab.active{background:var(--primary);color:#000;font-weight:700}.empty-state{text-align:center;color:var(--text-dim);padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:48px}.drop-zone{border:2px dashed var(--border-light);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--text-muted);padding:32px;transition:all .15s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--primary);color:var(--primary);background:#ff6b000d}@page{size:A5 portrait;margin:10mm 14mm}@media print{body *{visibility:hidden!important}.print-only,.print-only *{visibility:visible!important}.print-only{z-index:99999!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}body{background:#fff!important;margin:0!important}}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{z-index:200;width:250px;transition:left .25s;position:fixed;top:0;bottom:0;left:-250px}.sidebar.open{left:0}.form-row,.form-row-3{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.font-bold{font-weight:700}.font-mono{font-family:monospace;font-size:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-gap{gap:8px;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1}.w-full{width:100%}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}