:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#3b82f6;--accent-hover:#2563eb;--success:#166534;--success-bg:#dcfce7;--danger:#991b1b;--danger-bg:#fee2e2;--warning:#92400e;--warning-bg:#fef3c7;--text-main:#0f172a;--text-muted:#64748b;--bg-app:#f1f5f9;--bg-card:#fff;--border-color:#000;--border-thin:#e2e8f0;--shadow:4px 4px 0px #000;--font-mono:"Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-app);color:var(--text-main);line-height:1.5}.box{border:2px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow);padding:20px;transition:transform .1s}.box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}button{cursor:pointer;border:2px solid var(--border-color);background:var(--border-color);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}button:hover{background:var(--primary-light);transform:translate(-2px,-2px);box-shadow:4px 4px #000}button:active{box-shadow:none;transform:translate(0)}input,select{border:2px solid var(--border-color);background:#fff;width:100%;padding:10px;font-family:inherit;font-size:13px}input:focus,select:focus{border-color:var(--accent);background:#f8fafc;outline:none}.label{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.table-container{border:2px solid var(--border-color);width:100%;max-width:100%;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{background-color:var(--border-color);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:1px;padding:15px;font-size:11px}td{border-bottom:1px solid var(--border-thin);padding:15px;font-size:13px}tr:hover td{background-color:#f8fafc}.mobile-card{display:none}@media (width<=768px){.table-container{display:none}.mobile-card{border:2px solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);background:#fff;margin-bottom:15px;padding:15px;display:block}.mobile-card-row{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.mobile-card-label{text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:900}.mobile-card-value{text-align:right;font-weight:700}}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-1{grid-template-columns:1fr}.grid-span-2{grid-column:span 2}.grid-main-side{grid-template-columns:2fr 1fr}.flex-mobile-column{display:flex}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-main-side{grid-template-columns:1fr}}@media (width<=768px){.grid-3,.grid-2,.grid-main-side{grid-template-columns:1fr}.grid-span-2{grid-column:span 1}.flex-mobile-column{flex-direction:column;gap:15px}.box{max-width:100%;padding:15px;overflow:hidden}.hide-mobile{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}