:root{--p-bg: #fdfbfb;--p-card: #ffffff;--p-primary: #a8dadc;--p-primary-light: #e0f2f1;--p-secondary: #f4a261;--p-accent: #e9c46a;--p-success: #b7e4c7;--p-danger: #f8ad9d;--p-text: #2d3436;--p-text-light: #636e72;--p-border: #f1f2f6;--p-shadow: 0 4px 20px rgba(0, 0, 0, .05);--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--p-bg);color:var(--p-text);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:var(--p-card);border-radius:20px;padding:1.5rem;box-shadow:0 4px 15px #0000000a;border:1px solid var(--p-border);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.dashboard-grid{display:grid;gap:1.5rem;width:100%}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.dashboard-grid{grid-template-columns:1fr}}.kpi-card{background:linear-gradient(135deg,#fff,#f9fbfb);border:1px solid var(--p-border)}.btn{padding:.8rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--p-primary);color:#2d3436}.btn-success{background-color:var(--p-success);color:#2d3436}.btn-danger{background-color:var(--p-danger);color:#2d3436}.btn:active{transform:scale(.98)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}h1,h2,h3{font-weight:700;margin-bottom:1rem;color:var(--p-text)}.text-danger{color:#e76f51}.text-success{color:#2a9d8f}@media (max-width: 480px){.container{padding:.8rem}}