:root{--monitor-green:#006746;--monitor-green-dark:#004d35;--monitor-yellow:#ffce00;--monitor-red:#d21034;--monitor-bg:#f4f6f8;--monitor-surface:#fff;--monitor-sidebar:#0f1f1a;--monitor-text:#1a1f24;--monitor-muted:#5c6b73;--monitor-radius:0.625rem;--monitor-shadow:0 4px 24px rgba(0,0,0,0.06);--monitor-touch:44px}*,*::before,*::after{box-sizing:border-box}body{font-family:'Red Hat Display', system-ui, -apple-system, sans-serif;background:var(--monitor-bg);color:var(--monitor-text);min-height:100vh}.app-shell{min-height:100vh}.app-topbar{background:var(--monitor-sidebar);border-bottom:1px solid rgba(255, 255, 255, 0.08);min-height:var(--monitor-touch);z-index:1030}.app-topbar .navbar-brand{color:#fff;font-weight:600;font-size:1rem}.app-topbar .btn-menu{color:#fff;border:1px solid rgba(255, 255, 255, 0.25);min-width:var(--monitor-touch);min-height:var(--monitor-touch);padding:0.5rem 0.75rem}.app-topbar .btn-menu:hover{background:rgba(255, 255, 255, 0.1);color:#fff}.app-sidebar{background:var(--monitor-sidebar);color:#fff;min-height:100vh;padding:1.25rem 1rem;width:260px;flex-shrink:0}.app-sidebar .brand{font-weight:700;font-size:1.1rem;margin-bottom:1.5rem;color:#fff}.app-sidebar .nav-link{color:rgba(255, 255, 255, 0.85);border-radius:var(--monitor-radius);padding:0.65rem 0.85rem;min-height:var(--monitor-touch);display:flex;align-items:center;margin-bottom:0.25rem;transition:background 0.15s ease, color 0.15s ease}.app-sidebar .nav-link:hover{background:rgba(255, 255, 255, 0.08);color:#fff}.app-sidebar .nav-link.active{background:var(--monitor-green);color:#fff;font-weight:600}.app-sidebar .nav-link.logout{color:rgba(255, 255, 255, 0.55);margin-top:1rem}.app-main{flex:1;min-width:0;padding:1rem 1rem 2rem}@media (min-width:768px){.app-main{padding:1.5rem 2rem 2.5rem}}.app-page-title{font-weight:700;letter-spacing:-0.02em}.card{border:none;border-radius:var(--monitor-radius);box-shadow:var(--monitor-shadow)}.card-monitor .card-footer{border-top:1px solid rgba(0, 0, 0, 0.06)}.btn-primary{background:var(--monitor-green);border-color:var(--monitor-green);min-height:var(--monitor-touch)}.btn-primary:hover,.btn-primary:focus{background:var(--monitor-green-dark);border-color:var(--monitor-green-dark)}.btn-outline-primary{color:var(--monitor-green);border-color:var(--monitor-green)}.btn-outline-primary:hover{background:var(--monitor-green);border-color:var(--monitor-green)}.table{background:var(--monitor-surface);border-radius:var(--monitor-radius);overflow:hidden}.table thead th{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--monitor-muted);border-bottom-width:1px;white-space:nowrap}.offcanvas.app-offcanvas{background:var(--monitor-sidebar);color:#fff;max-width:min(300px, 85vw)}.offcanvas.app-offcanvas .offcanvas-header{border-bottom:1px solid rgba(255, 255, 255, 0.1)}.offcanvas.app-offcanvas .btn-close{filter:invert(1)}.login-page{background:linear-gradient(160deg, var(--monitor-green-dark) 0%, var(--monitor-green) 45%, #0a1512 100%);min-height:100vh}.login-card{border:none;border-radius:calc(var(--monitor-radius) + 4px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.2)}.login-card .card-body{padding:2rem}@media (max-width:575.98px){.login-card .card-body{padding:1.5rem}}.page-actions .btn{min-height:var(--monitor-touch)}.alert{border:none;border-radius:var(--monitor-radius)}.form-control,.form-select{min-height:var(--monitor-touch);border-radius:var(--monitor-radius)}.form-check-input{width:1.15em;height:1.15em}.badge{font-weight:600;letter-spacing:0.02em}