@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--navy:#1e3a5f;--navy-dark:#152a45;--navy-light:#2a4d78;--gold:#d4af37;--gold-light:#e8cc6e;--gold-dark:#b8962e;--green:#2e7d32;--green-light:#4caf50;--red:#d32f2f;--bg:#f8fafc;--bg-secondary:#f1f5f9;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--sidebar-width:240px;--navbar-height:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--transition:all .2s ease;--transition-slow:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--navy);color:var(--white)}.btn-primary:hover{background:var(--navy-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--white)}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--navy);border:2px solid var(--gray-300);background:0 0}.btn-outline:hover{border-color:var(--navy);background:var(--navy);color:var(--white)}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:16px}.input-field{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);background:var(--white);transition:var(--transition);outline:none;padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1e3a5f1a}.input-field::placeholder{color:var(--gray-400)}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--green);background:#2e7d321a}.badge-gold{color:var(--gold-dark);background:#d4af3726}.label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.page-wrapper{max-width:1200px;margin:0 auto;padding:32px}.page-title{color:var(--gray-900);margin-bottom:4px;font-size:28px;font-weight:700}.page-subtitle{color:var(--gray-500);margin-bottom:32px;font-size:14px}.layout-wrapper{min-height:100vh;display:flex}.layout-main{margin-left:var(--sidebar-width);background:var(--bg);min-width:0;min-height:100vh;transition:var(--transition-slow);flex:1}.mobile-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (max-width:768px){.layout-main{margin-left:0}.mobile-overlay{display:block}.page-wrapper{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-slideIn{animation:.3s forwards slideIn}