@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Saira:wght@400;500;600&display=swap";
:root{--bg-color:#242c38;--bg-color-light:#2d3748;--bg-color-lighter:#3a475c;--accent-blue:#2388ff;--accent-blue-hover:#1e74d9;--accent-purple:#8b5cf6;--accent-orange:#f97316;--accent-green:#22c55e;--text-main:#fff;--text-muted:#a0aec0;--font-header:"Poppins",sans-serif;--font-body:"Saira",sans-serif;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--text-main);margin-bottom:.5rem;font-weight:600}a{color:var(--text-main);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue)}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}.glass-panel{-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);background:#ffffff08;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.btn-primary{background-color:var(--accent-blue);color:#fff;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast);padding:.5rem 1rem;font-weight:500}.btn-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.btn-secondary{color:#fff;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast);background-color:#ffffff1a;padding:.5rem 1rem;font-weight:500}.btn-secondary:hover{background-color:#fff3;transform:translateY(-1px)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.status-badge.success{color:var(--accent-green);background-color:#22c55e33}.status-badge.warning{color:var(--accent-orange);background-color:#f9731633}.status-badge.info{color:var(--accent-blue);background-color:#2388ff33}.form-input{border-radius:var(--border-radius-sm);color:#fff;width:100%;transition:border-color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-blue);background:#ffffff14;outline:none}.react-datepicker{background-color:var(--bg-color-light)!important;font-family:var(--font-body)!important;color:#fff!important;border:1px solid #ffffff1a!important}.react-datepicker__header{background-color:var(--bg-color-lighter)!important;border-bottom:1px solid #ffffff1a!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day{color:var(--text-muted)!important}.react-datepicker__day:hover{color:#fff!important;background-color:#ffffff1a!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--accent-blue)!important;color:#fff!important}.react-datepicker-wrapper{width:100%}