*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #07080C;--bg-surface: #0C0E14;--bg-card: #111520;--bg-card-hover: #161B28;--bg-input: #0E1119;--border-subtle: #151A24;--border-default: #1E2536;--border-strong: #2A3348;--border-accent: rgba(198, 82, 26, .35);--text-primary: #F0F4FF;--text-secondary: #A8B8D0;--text-tertiary: #5A6880;--text-accent: #E8854A;--accent: #C8521A;--accent-light: #E8743A;--accent-dim: rgba(200, 82, 26, .15);--accent-glow: rgba(200, 82, 26, .08);--green: #2DD4B6;--green-dim: rgba(45, 212, 182, .12);--blue: #4A8FF5;--blue-dim: rgba(74, 143, 245, .12);--amber: #F0A040;--amber-dim: rgba(240, 160, 64, .12);--red: #F06060;--red-dim: rgba(240, 96, 96, .12);--font-display: "Syne", sans-serif;--font-body: "Cairo", sans-serif;--font-mono: "JetBrains Mono", monospace;--header-h: 60px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-elevated:0 8px 40px rgba(0, 0, 0, .5);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--r-pill:100px;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast:.18s var(--ease);--t-med: .28s var(--ease)}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-dim);color:var(--accent-light)}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.grain-overlay{position:relative}.grain-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0;opacity:.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--accent-dim)}50%{box-shadow:0 0 40px #c8521a40}}.app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;padding-top:var(--header-h)}.section{width:100%;max-width:760px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.section{padding:0 32px}}.quick-action-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:16px;text-align:right;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:flex-start}.quick-action-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}[style*="var(--bg-card)"]{font-weight:450}.quick-action-card div{font-weight:500}