@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#f37021;--primary-hover:#d95d10;--primary-light:#fff7f2;--primary-glow:#f3702140;--secondary:#0b2545;--secondary-light:#134074;--accent-gold:#f59e0b;--accent-green:#10b981;--bg-main:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-focus:#f37021;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 6px 18px #0f172a0f;--shadow-lg:0 16px 36px #0f172a1a;--shadow-orange:0 12px 28px -6px #f3702159;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1240px;margin:0 auto;padding:0 1.25rem}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn{border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{color:#fff;box-shadow:var(--shadow-orange);background:linear-gradient(135deg,#f37021 0%,#e05a0b 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -4px #f3702173}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-light);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.btn-green{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 10px 20px -4px #10b98159}.btn-green:hover{transform:translateY(-2px);box-shadow:0 14px 24px -4px #10b98173}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:1rem 2rem;font-size:1.05rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-orange{color:var(--primary);background-color:#fff3eb;border:1px solid #f3702133}.badge-green{color:var(--accent-green);background-color:#ecfdf5;border:1px solid #10b98133}.badge-blue{color:#2563eb;background-color:#eff6ff;border:1px solid #2563eb33}.badge-gold{color:#d97706;background-color:#fef3c7;border:1px solid #d9770633}.progress-container{border-radius:var(--radius-full);background-color:#f1f5f9;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#f37021 0%,#f59e0b 100%);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--secondary);font-size:.9rem;font-weight:600}.form-control{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);background-color:#fff;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}textarea.form-control{resize:vertical;min-height:100px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.pulse{animation:2s ease-in-out infinite pulseGlow}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}@keyframes bellBounce{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(4deg)}}.bell-bounce{transform-origin:top;animation:1.5s ease-in-out infinite bellBounce}@media (width<=768px){.modal-content{border-radius:16px!important;max-width:95vw!important}.container{padding-left:1rem!important;padding-right:1rem!important}.btn{padding:.5rem .85rem;font-size:.85rem}.btn-sm{padding:.35rem .6rem;font-size:.75rem}}.notif-dropdown{z-index:1000;width:360px;max-width:calc(100vw - 32px);position:absolute;top:125%;right:0}@media (width<=640px){.notif-dropdown{z-index:1000!important;width:auto!important;max-width:calc(100vw - 32px)!important;margin:0 auto!important;position:fixed!important;top:70px!important;left:16px!important;right:16px!important;box-shadow:0 16px 40px #00000059!important}}