:root{--mz-red:#e10600;--mz-black:#0b0b0c;--mz-dark:#17181a;--mz-card:#1e2023;--mz-line:#2c2e32}
body{background:var(--mz-black);padding-bottom:70px;font-size:.95rem}
[data-bs-theme=dark]{--bs-body-bg:var(--mz-black);--bs-body-color:#e8e8ea;--bs-border-color:var(--mz-line);--bs-primary:#e10600;--bs-primary-rgb:225,6,0;--bs-link-color:#ff4d47;--bs-link-hover-color:#ff7a75}
.btn-primary{--bs-btn-bg:var(--mz-red);--bs-btn-border-color:var(--mz-red);--bs-btn-hover-bg:#b80500;--bs-btn-hover-border-color:#b80500;--bs-btn-active-bg:#9a0400;--bs-btn-active-border-color:#9a0400}
.btn-outline-primary{--bs-btn-color:#ff4d47;--bs-btn-border-color:#ff4d47;--bs-btn-hover-bg:var(--mz-red);--bs-btn-hover-border-color:var(--mz-red)}
.topbar{background:#000;border-bottom:2px solid var(--mz-red);gap:6px;flex-wrap:nowrap}
.navbar-brand{letter-spacing:1px}
.card{background:var(--mz-card);border:1px solid var(--mz-line);border-radius:12px}
.card-header{background:transparent;border-bottom:1px solid var(--mz-line);font-weight:600}
.form-control,.form-select{background:#121315;border-color:#34363b}
.form-control:focus,.form-select:focus{border-color:var(--mz-red);box-shadow:0 0 0 .2rem rgba(225,6,0,.2)}
.table{--bs-table-bg:transparent}
.table thead th{color:#9aa0a6;font-weight:600;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid var(--mz-line)}
.side{width:230px;flex:0 0 230px;background:var(--mz-dark);border-right:1px solid var(--mz-line);--bs-offcanvas-bg:var(--mz-dark);--bs-offcanvas-width:260px}
@media(min-width:992px){.side{position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}}
.side-inner{padding:10px 8px}
.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#cfd1d4;text-decoration:none;border-radius:8px;margin-bottom:2px;min-height:44px}
.side-link:hover{background:#25272b;color:#fff}
.side-link.active{background:var(--mz-red);color:#fff}
.side-head{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:#7b7f85;padding:14px 12px 4px}
.main-area{min-width:0}
.stat{border-left:4px solid var(--mz-red)}
.stat .n{font-size:1.5rem;font-weight:700}
.stat .l{color:#9aa0a6;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid var(--mz-line);display:flex;justify-content:space-around;align-items:center;z-index:1030;padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a{flex:1;text-align:center;color:#9aa0a6;text-decoration:none;font-size:.7rem;padding:8px 0;display:flex;flex-direction:column}
.bottom-nav a i{font-size:1.25rem}
.bottom-nav a.fab{flex:0 0 56px;height:56px;margin-top:-22px;border-radius:50%;background:var(--mz-red);color:#fff;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(225,6,0,.5)}
.btn,.form-control,.form-select{min-height:40px}
.btn-sm{min-height:32px}
.pick-list{position:absolute;z-index:1060;left:0;right:0;max-height:240px;overflow:auto;background:#1e2023;border:1px solid #444;border-radius:8px}
.pick-list div{padding:9px 12px;cursor:pointer;border-bottom:1px solid #2c2e32}
.pick-list div:hover{background:#2a2c30}
.board-card{border-left:5px solid var(--mz-red)}
.tl{border-left:2px solid var(--mz-line);margin-left:6px;padding-left:14px}
.tl>div{position:relative;margin-bottom:10px}
.tl>div:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--mz-red)}
.table-responsive{-webkit-overflow-scrolling:touch}
.item-row input{min-width:70px}
@media(max-width:575px){.stat .n{font-size:1.2rem}.main-area{padding-bottom:20px}}
@media print{.topbar,.side,.bottom-nav,.no-print{display:none!important}body{background:#fff;color:#000}}