@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap";:root{--black:#0a0a0a;--red:#c22;--green:#1a6b3a;--white:#fff;--gray-7:#f4f4f4;--gray-6:#e8e8e8;--gray-3:#6b6b6b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-7);color:var(--black);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}.mono{font-family:DM Mono,monospace}.layout{min-height:100vh;display:flex}.sidebar{background:var(--black);width:240px;color:var(--white);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{letter-spacing:-.3px;border-bottom:1px solid #1c1c1c;padding:24px;font-size:18px;font-weight:700}.sidebar-logo span{color:var(--red)}.sidebar-label{letter-spacing:1.5px;color:#444;text-transform:uppercase;padding:20px 24px 8px;font-size:10px;font-weight:700}.nav-item{color:#888;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff0d}.nav-item.active{color:var(--white);border-left-color:var(--red);background:#ffffff14}.main{flex:1;padding:32px;overflow:hidden}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{font-size:22px;font-weight:700}.page-sub{color:var(--gray-3);margin-top:4px;font-size:14px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.stat-card{background:var(--white);border:1px solid var(--gray-6);padding:20px 24px}.stat-label{color:var(--gray-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{font-size:30px;font-weight:700;line-height:1}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.card{background:var(--white);border:1px solid var(--gray-6);margin-bottom:24px}.card-header{border-bottom:1px solid var(--gray-6);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.card-title{font-size:15px;font-weight:600}.card-body{padding:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--gray-3);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--gray-6);background:#fafafa;padding:12px 20px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--gray-6);padding:14px 20px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.total-row td{background:var(--gray-7);font-weight:700}.btn{cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-black{background:var(--black);color:var(--white)}.btn-black:hover{background:#333}.btn-red{background:var(--red);color:var(--white)}.btn-red:hover{background:#a01a1a}.btn-outline{color:var(--black);border:1px solid var(--gray-6);background:0 0}.btn-outline:hover{border-color:var(--black)}.btn-green{background:var(--green);color:var(--white)}.badge{text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#e8f5ee}.badge-red{color:var(--red);background:#fde8e8}.badge-gray{background:var(--gray-7);color:var(--gray-3)}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:13px;font-weight:600}.form-input{border:1px solid var(--gray-6);background:var(--white);padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--black);outline:none}.form-input.mono{font-family:DM Mono,monospace}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--gray-6);transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.layout{flex-direction:column}.sidebar{flex-flow:wrap;width:100%;height:auto;position:static}.sidebar-logo{flex:1}.sidebar-label{display:none}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:12px 16px}.nav-item.active{border-left-color:#0000;border-bottom-color:var(--red)}.main{padding:16px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.form-row{grid-template-columns:1fr}}