@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary:#ee4d2d;--color-primary-hover:#d84315;--color-secondary:#ff5722;--color-cta:#00bfa5;--color-background:#f5f5f5;--color-surface:#fff;--color-raised:#fff3f0;--color-text-primary:#212121;--color-text-muted:#757575;--color-border:#e0e0e0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #0000001a;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ee4d2d30;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ee4d2d60}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-raised)}.btn-danger{color:#fff;background-color:#ff5722}.btn-danger:hover:not(:disabled){background-color:#d84315}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:4px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ee4d2d26}.card{background-color:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:8px;padding:20px}.card:hover{box-shadow:var(--shadow-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.dashboard-layout{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}@media (width<=768px){.dashboard-layout{grid-template-columns:1fr}}