*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Gill Sans,sans-serif;overflow-x:hidden}button{font-family:inherit}input,textarea,select{outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:#c8522a!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8b89888;border-radius:4px}:root{--br-red:#c0392b;--br-red-hover:#a93226;--br-red-light:#fcebeb;--br-red-border:#f5c1c1;--br-amber:#e8a020;--br-amber-light:#fef3dc;--br-amber-dark:#7a5010;--br-warm:#faf7f2;--br-warm2:#f2ede5;--br-border:#e8e0d4;--br-text:#1a1410;--br-muted:#7a6f65;--br-green:#1a6b3a;--br-green-light:#eaf7ef;--br-blue:#185fa5;--br-blue-light:#e6f1fb;--br-dark:#1a1410;--br-dark2:#1e1e1e;--br-dark3:#2a2a2a;--br-dark-border:#333;--font-xs:10px;--font-sm:11px;--font-md:13px;--font-base:14px;--font-lg:15px;--font-xl:18px;--font-2xl:22px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-pill:99px;--shadow-sm:0 1px 3px #1a14100f;--shadow-md:0 4px 12px #1a14101a}body{color:var(--br-text);background:var(--br-warm);font-size:var(--font-md)}.badge{font-size:var(--font-xs);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;font-weight:500;display:inline-flex}.badge-red{background:var(--br-red-light);color:var(--br-red)}.badge-amber{background:var(--br-amber-light);color:var(--br-amber-dark)}.badge-green{background:var(--br-green-light);color:var(--br-green)}.badge-blue{background:var(--br-blue-light);color:var(--br-blue)}.badge-neutral{background:var(--br-warm2);color:var(--br-muted)}.badge-dark{background:var(--br-dark);color:#fff}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;border:none;padding:10px 16px;font-family:inherit;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background:var(--br-red);color:#fff}.btn-secondary{color:var(--br-text);border:.5px solid var(--br-border);background:#fff}.btn-ghost{color:var(--br-red);border:.5px solid var(--br-red);background:0 0}.btn-success{background:var(--br-green-light);color:var(--br-green)}.btn-dark{background:var(--br-dark);color:#fff}.btn-full{width:100%}.btn-sm{font-size:var(--font-sm);padding:7px 12px}.card{border:.5px solid var(--br-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.card-body{padding:var(--space-6)}.card-dark{background:var(--br-dark2);border-color:var(--br-dark3)}.kpi-card{border:.5px solid var(--br-border);border-radius:var(--radius-md);padding:var(--space-5);background:#fff}.kpi-icon{border-radius:var(--radius-sm);width:28px;height:28px;margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:15px;display:flex}.kpi-icon-red{background:var(--br-red-light);color:var(--br-red)}.kpi-icon-amber{background:var(--br-amber-light);color:var(--br-amber-dark)}.kpi-icon-green{background:var(--br-green-light);color:var(--br-green)}.kpi-icon-blue{background:var(--br-blue-light);color:var(--br-blue)}.kpi-value{font-size:var(--font-xl);color:var(--br-text);font-weight:500}.kpi-label{font-size:var(--font-sm);color:var(--br-muted);margin-top:2px}.kpi-trend{font-size:var(--font-xs);margin-top:4px}.kpi-trend-up{color:var(--br-green)}.kpi-trend-dn{color:var(--br-red)}.section-label{font-size:var(--font-sm);color:var(--br-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-3);font-weight:500}.progress-wrap{background:var(--br-warm2);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress-bar{border-radius:var(--radius-pill);height:100%}.progress-ok{background:var(--br-green)}.progress-warning{background:var(--br-amber)}.progress-critical{background:var(--br-red)}.topbar-dark{background:var(--br-dark);padding:var(--space-6) var(--space-7)}.brand-logo{background:var(--br-red);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bottom-nav{border-top:.5px solid var(--br-border);z-index:100;background:#fff;justify-content:space-around;padding:10px 0 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--br-muted);font-size:var(--font-xs);cursor:pointer;flex-direction:column;align-items:center;gap:3px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--br-red)}.field-wrap{flex-direction:column;gap:4px;display:flex}.field-label{font-size:var(--font-sm);color:var(--br-muted)}.field-input{background:var(--br-warm);border:.5px solid var(--br-border);border-radius:var(--radius-sm);font-size:var(--font-md);color:var(--br-text);width:100%;padding:10px 12px}.field-input:focus{border-color:var(--br-red);background:#fff}.screen-pad{padding:var(--space-5)}.screen-pad-x{padding-left:var(--space-5);padding-right:var(--space-5)}.tabs-bar{border-bottom:.5px solid var(--br-border);background:#fff;display:flex}.tab-item{font-size:var(--font-sm);color:var(--br-muted);text-align:center;cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-weight:500}.tab-item.active{color:var(--br-red);border-bottom-color:var(--br-red)}.dark-screen{background:var(--br-dark);color:#fff;min-height:100vh}