:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(16, 24, 20, .06);--shadow-sm: 0 4px 12px rgba(16, 24, 20, .08);--shadow-md: 0 12px 30px rgba(16, 24, 20, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;line-height:1.5}.app-page{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.app-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.dark .app-card,.dark .app-page{background:#111814}.app-card-hover{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.app-card-hover:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 26%,var(--border))}.app-btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:600;line-height:1;padding:.75rem 1rem;border:1px solid transparent;transition:all .16s ease}.app-btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-xs)}.app-btn-primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-sm)}.app-btn-secondary{background:#fff;color:var(--foreground);border-color:var(--border)}.dark .app-btn-secondary{background:#18201c}.app-field{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--foreground);font-size:.875rem;padding:.7rem .9rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.dark .app-field{background:#18201c}.app-field:focus{border-color:color-mix(in srgb,var(--primary) 38%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}