:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--accent-cyan: #06b6d4;--accent-purple: #c084fc;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #475569}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-main);min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem}.glass-card{background:#1e293bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),#0891b2);color:#fff;border:none;border-radius:8px;padding:.65rem 1.4rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.input-field{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:#fff;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:1rem}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-standalone{background:#10b98133;color:#34d399}.badge-saas{background:#06b6d433;color:#22d3ee}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1.5s linear infinite}