@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--titanium-bg:#f9fafb;--titanium-surface:#f3f4f6;--titanium-panel:#fff;--titanium-border:#d1d5db;--titanium-dark:#374151;--text-main:#111827;--text-muted:#6b7280;--primary:#2563eb;--primary-dark:#1e40af;--success:#10b981;--success-dark:#065f46;--danger:#e11d48;--danger-dark:#9f1239;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--titanium-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.uppercase{text-transform:uppercase}.font-black{font-weight:900}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.group-box{background:var(--titanium-panel);border:1px solid var(--titanium-border);border-radius:var(--radius-sm);margin-top:10px;padding:1.5rem;position:relative;box-shadow:2px 2px 5px #0000000d}.group-box-label{background:var(--titanium-dark);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;top:-10px;left:10px}.btn-metallic{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:1px solid var(--titanium-border);color:var(--titanium-dark);cursor:pointer;background:linear-gradient(#fff 0%,#f3f4f6 100%);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-metallic:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.btn-primary-highlight{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;border-bottom:4px solid var(--primary-dark);cursor:pointer;align-items:center;padding:.6rem 1.2rem;font-size:11px;font-weight:900;transition:all .1s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.btn-primary-highlight:active{box-shadow:none;border-bottom-width:0;transform:translateY(2px)}.btn-success-highlight{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);background:var(--success);color:#fff;border:none;border-bottom:4px solid var(--success-dark);cursor:pointer;align-items:center;padding:.6rem 1.2rem;font-size:11px;font-weight:900;transition:all .1s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.btn-success-highlight:active{box-shadow:none;border-bottom-width:0;transform:translateY(2px)}.classic-input{border:1px solid var(--titanium-border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:.5rem;font-size:12px}.classic-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.table-classic{border-collapse:collapse;background:#fff;width:100%}.table-classic th{border:1px solid var(--titanium-border);color:var(--titanium-dark);text-transform:uppercase;text-align:left;background:#f8fafc;padding:12px 8px;font-size:10px;font-weight:900}.table-classic td{color:var(--text-main);border:1px solid #e5e7eb;padding:10px 8px;font-size:11px}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#aaa}