:root{--bg-darker:#050507;--bg-dark:#0a0a0d;--bg-card:#121216;--bg-card-hover:#18181f;--border-color:#27272a;--border-glow:#f59e0b;--amber-primary:#f59e0b;--amber-hover:#d97706;--amber-glow:#f59e0b33;--cyan-accent:#06b6d4;--emerald-success:#10b981;--rose-danger:#ef4444;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-tech:"Rajdhani", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-darker);color:var(--text-primary);min-height:100vh;padding-bottom:70px;line-height:1.5;overflow-x:hidden}@media (width>=769px){body{padding-bottom:0}}h1,h2,h3,.tech-font{font-family:var(--font-tech);letter-spacing:.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--amber-primary)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0009}.glass-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#141418;transition:border-color .2s,transform .2s}.glass-card:hover{border-color:var(--amber-primary)}.btn-primary{background:var(--amber-primary);color:#000;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-family:var(--font-main);border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#fbbf24}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;font-weight:600;font-family:var(--font-main);background:#18181b;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#fff;background:#27272a}.btn-cyan{color:#000;border-radius:var(--radius-md);cursor:pointer;background:#06b6d4;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-cyan:hover{background:#22d3ee}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-info{color:#38bdf8;background:#06b6d426;border:1px solid #06b6d44d}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-main);background:#09090b;padding:.65rem .85rem;transition:border-color .2s}.form-control:focus{border-color:var(--amber-primary);background:#121215;outline:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{width:100%;padding:20px;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.no-print{display:none!important}}@media (width>=769px){.view-hp-only{display:none!important}.view-pc-only{display:block!important}.view-pc-flex{display:flex!important}.pc-grid-2col{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}}@media (width<=768px){.view-pc-only,.view-pc-flex{display:none!important}.view-hp-only{display:block!important}.view-hp-flex{display:flex!important}body{font-size:14px}.btn-primary,.btn-secondary,.btn-cyan{justify-content:center;width:100%;padding:.75rem 1rem}.glass-panel{border-radius:10px!important;padding:1rem!important}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}.pc-grid-2col{flex-direction:column;gap:1rem;display:flex}}