@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-500:#6b7280;--gray-600:#4b5563;--gray-900:#111827;--black:#000;--gold-100:#f8f3d8;--gold-500:#d4af37;--gold-600:#c19b20;--emerald-500:#10b981;--amber-500:#f59e0b;--orange-500:#f97316;--blue-500:#3b82f6;--rose-500:#f43f5e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("/gold theme 2.jpeg");background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";z-index:-1;background:#fff9;position:fixed;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--gray-900);font-weight:800}.label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);font-size:.75rem;font-weight:600}.card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fff;padding:24px;animation:.4s ease-out slideUp}.card:hover{box-shadow:var(--shadow-xl)}.btn-primary{background:var(--gold-500);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-primary:hover{background:var(--gold-600);box-shadow:var(--shadow-lg);transform:translateY(-1px)}input,select{background:var(--gray-50);border-radius:var(--radius-xl);color:var(--gray-900);border:1px solid #0000;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}input:focus,select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4af3733}select{cursor:pointer}.badge{border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#d97706;background:#fef3c7}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.badge-info{color:#1e40af;background:#dbeafe}.badge-danger{color:#b91c1c;background:#fee2e2}.toggle-group{background:var(--gray-100);border-radius:var(--radius-xl);padding:4px;display:flex}.toggle-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.toggle-btn:hover{color:var(--gray-900)}.toggle-btn.active{background:var(--gold-500);color:#fff;box-shadow:var(--shadow-md)}.progress-bar{background:var(--gray-100);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--gold-500),var(--gold-600));border-radius:4px;height:100%;transition:width .5s}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;background:var(--gray-50);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-100);padding:14px 16px;font-size:11px;font-weight:600}.data-table td{color:var(--gray-900);border-bottom:1px solid var(--gray-100);padding:14px 16px;font-size:14px}.data-table tr:hover{background:var(--gray-50)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.text-gold{color:var(--gold-500)}.bg-gold{background:var(--gold-500)}.text-muted{color:var(--gray-500)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.layout{min-height:100vh;display:flex}.main-wrapper{flex:1;width:calc(100% - 260px);margin-left:260px}.sidebar{border-right:1px solid var(--gray-100);z-index:50;width:260px;height:100vh;box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--gray-100);padding:32px 24px}.sidebar-logo h2{color:var(--gray-900);align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.sidebar-logo span{color:var(--gold-500);font-weight:900}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.nav-link{color:var(--gray-500);border-radius:var(--radius-xl);align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--gray-50);color:var(--gray-900)}.nav-link.active{background:var(--gold-500);color:#fff;box-shadow:var(--shadow-md);font-weight:600}.nav-link svg{stroke-width:2px}