:root {
  --background: 172 38% 96%;
  --foreground: 184 44% 12%;
  --primary: 174 72% 32%;
  --primary-foreground: 0 0% 100%;
  --secondary: 34 92% 58%;
  --secondary-foreground: 184 44% 12%;
  --muted: 178 22% 88%;
  --muted-foreground: 184 18% 38%;
  --destructive: 3 78% 56%;
  --destructive-foreground: 0 0% 100%;
  --border: 178 22% 80%;
  --card: 0 0% 100%;
  --shadow-sm: 0 2px 10px hsl(184 44% 12% / 0.08);
  --shadow-md: 0 10px 30px hsl(184 44% 12% / 0.12);
  --shadow-lg: 0 24px 60px hsl(184 44% 12% / 0.18);
  --transition-fast: 160ms ease;
  --transition-smooth: 260ms cubic-bezier(.2,.8,.2,1);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
}
.dark {
  --background: 186 42% 7%;
  --foreground: 170 40% 94%;
  --primary: 172 66% 45%;
  --primary-foreground: 184 44% 8%;
  --secondary: 34 90% 62%;
  --secondary-foreground: 184 44% 8%;
  --muted: 185 26% 16%;
  --muted-foreground: 174 18% 70%;
  --destructive: 3 76% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 184 22% 24%;
  --card: 185 38% 11%;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, hsl(var(--secondary) / .20), transparent 34rem),
    radial-gradient(circle at 85% 10%, hsl(var(--primary) / .13), transparent 26rem),
    radial-gradient(circle at bottom right, hsl(var(--primary) / .16), transparent 30rem),
    hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button, input, textarea { font: inherit; }
button { transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast); }
button:hover { transform: translateY(-1px); }
button:active { transform: translateY(0); }
.focus-ring:focus { outline: 3px solid hsl(var(--primary) / .28); outline-offset: 2px; }
.glass-card {
  position: relative;
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(145deg, hsl(var(--card) / .96), hsl(var(--card) / .82));
  box-shadow: var(--shadow-md);
}
.glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, hsl(var(--primary) / .12), transparent 28%, hsl(var(--secondary) / .10));
}
.glass-card > * { position: relative; }
.action-card { transition: transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth); }
.action-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: hsl(var(--primary) / .42); }
.pill { display: inline-flex; align-items: center; gap: .35rem; border-radius: 999px; padding: .32rem .7rem; font-size: .78rem; font-weight: 800; }
.field {
  width: 100%;
  border-radius: var(--radius-sm);
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background) / .45);
  padding: .78rem 1rem;
}
.print-card { background: white; color: #123; }
@media print {
  .no-print { display: none !important; }
  body { background: white; }
}