:root{--primary: #4F46E5;--primary-hover: #3730A3;--primary-light: #E0E7FF;--primary-bg: #F0F4FF;--success: #059669;--success-light: #D1FAE5;--danger: #DC2626;--danger-light: #FEE2E2;--warning: #D97706;--warning-light: #FEF3C7;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-base: #FAFBFC;--bg-white: #FFFFFF;--bg-card: rgba(255, 255, 255, .95);--bg-hover: #F8FAFC;--text: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-inverse: #FFFFFF;--border: var(--gray-200);--border-light: var(--gray-100);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--header-height: 72px;--max-width: 720px;--gradient-primary: linear-gradient(135deg, var(--primary), #7C3AED);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1;min-height:100vh;background:linear-gradient(135deg,#fafbfc,#f0f4ff,#fafbfc,#f0f9ff,#fafbfc);background-size:400% 400%;animation:meshGradient 20s ease infinite}@keyframes meshGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block;border-radius:var(--radius-md)}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-on-scroll{opacity:0;transform:translateY(32px);animation:slideUp .6s var(--ease) forwards}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}.header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);height:var(--header-height);animation:slideDown .5s var(--ease)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800;color:var(--primary);letter-spacing:-1px;background:linear-gradient(135deg,var(--primary),#7C3AED);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--duration-normal) var(--ease)}.logo:hover{transform:scale(1.02);filter:brightness(1.1)}.nav{display:flex;align-items:center;gap:12px}.nav-link{padding:12px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--text-secondary);background:none;border:none;transition:all var(--duration-normal) var(--ease)}.nav-link:hover{color:var(--primary);background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-login{background:var(--primary)!important;color:var(--text-inverse)!important;box-shadow:var(--shadow-md)}.nav-login:hover{background:var(--primary-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:32px 24px;text-align:center;margin-top:80px}.footer-content{max-width:var(--max-width);margin:0 auto}.footer p{font-size:14px;color:var(--text-muted)}.landing{overflow-x:hidden}.landing-hero{min-height:calc(100vh - var(--header-height));max-width:var(--max-width);margin:0 auto;padding:80px 24px 60px;display:flex;flex-direction:column;align-items:center;gap:60px;text-align:center;position:relative}.landing-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(79,70,229,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.hero-content{z-index:1}.hero-title{font-size:clamp(42px,8vw,64px);font-weight:900;line-height:1.1;letter-spacing:-2px;color:var(--text);margin-bottom:24px;animation:slideUp .8s var(--ease)}.hero-title .highlight{background:linear-gradient(135deg,var(--primary),#7C3AED,#EC4899);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;display:inline-block;position:relative}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:20px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:600px;animation:slideUp .8s var(--ease) .2s both}.cta-btn{display:inline-flex;align-items:center;padding:20px 40px;background:linear-gradient(135deg,var(--primary),#7C3AED);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:18px;font-weight:700;text-decoration:none;transition:all var(--duration-normal) var(--ease);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;animation:slideUp .8s var(--ease) .4s both}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-2xl)}.cta-btn:hover:before{left:100%}.hero-visual{perspective:1000px;animation:slideUp .8s var(--ease) .6s both}.demo-phone{width:320px;background:#1f2937;border-radius:32px;padding:8px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;position:relative;transition:transform var(--duration-slow) var(--ease)}.demo-phone:hover{transform:rotateY(5deg) rotateX(5deg) translateZ(20px)}.demo-phone:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:60px;height:6px;background:#374151;border-radius:var(--radius-full);z-index:10}.phone-screen{background:var(--bg-white);border-radius:28px;padding:24px 16px;display:flex;flex-direction:column;gap:20px;min-height:600px;position:relative;overflow:hidden}.phone-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-light));z-index:0}.demo-profile{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);position:relative;z-index:1}.demo-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7C3AED);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;box-shadow:var(--shadow-md)}.demo-info{flex:1}.demo-name{font-weight:800;font-size:18px;margin-bottom:2px}.demo-company{font-size:14px;color:var(--text-secondary)}.demo-categories{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.demo-category{padding:20px;background:var(--bg-white);border-radius:var(--radius-xl);font-size:16px;font-weight:600;border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease)}.demo-category:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.landing-features{background:var(--bg-white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:100px 24px;position:relative}.landing-features:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(79,70,229,.03) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(124,58,237,.03) 0%,transparent 50%)}.features-content{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.features-title{text-align:center;font-size:36px;font-weight:800;margin-bottom:60px;letter-spacing:-1px;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;position:relative}.feature{text-align:center;padding:40px 24px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all var(--duration-slow) var(--ease)}.feature:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--primary-light)}.feature-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#7C3AED);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:var(--shadow-lg)}.feature-icon{font-size:48px;margin:20px 0;display:block}.feature h3{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text)}.feature p{font-size:16px;color:var(--text-secondary);line-height:1.7}.landing-benefits{padding:100px 24px;background:linear-gradient(135deg,transparent 0%,rgba(79,70,229,.02) 50%,transparent 100%)}.benefits-content{max-width:var(--max-width);margin:0 auto}.benefits-title{text-align:center;font-size:36px;font-weight:800;margin-bottom:60px;letter-spacing:-1px;color:var(--text)}.benefits-list{display:flex;flex-direction:column;gap:40px}.benefit{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--duration-slow) var(--ease)}.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.benefit:nth-child(2n){direction:rtl}.benefit:nth-child(2n) .benefit-content{direction:ltr;text-align:right}.benefit-icon{font-size:64px;text-align:center;padding:20px}.benefit-content h4{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text)}.benefit-content p{font-size:17px;color:var(--text-secondary);line-height:1.7}.landing-social-proof{padding:60px 24px;text-align:center;background:var(--bg-white);border-top:1px solid var(--border-light)}.social-proof-content{max-width:var(--max-width);margin:0 auto}.social-proof-title{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:32px}.company-logos{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.company-logo{width:120px;height:60px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray-400);font-weight:600}.landing-cta{padding:100px 24px;background:linear-gradient(135deg,var(--primary) 0%,#7C3AED 50%,#EC4899 100%);text-align:center;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{position:relative;z-index:1}.cta-content h2{color:#fff;font-size:42px;font-weight:900;margin-bottom:16px;letter-spacing:-1px}.cta-content p{color:#ffffffe6;font-size:20px;margin-bottom:40px}.cta-btn-large{display:inline-flex;padding:20px 48px;background:#fff;color:var(--primary);border-radius:var(--radius-full);font-size:20px;font-weight:800;text-decoration:none;transition:all var(--duration-normal) var(--ease);box-shadow:var(--shadow-2xl)}.cta-btn-large:hover{color:var(--primary-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--primary-light)}@media(max-width:768px){.hero-title{font-size:42px}.hero-description{font-size:18px}.features-grid{grid-template-columns:1fr}.benefit{grid-template-columns:1fr;text-align:center}.benefit:nth-child(2n){direction:ltr}.benefit:nth-child(2n) .benefit-content{text-align:center}.demo-phone{width:280px}.company-logos{gap:20px}.company-logo{width:100px}}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 32px;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);transition:all var(--duration-slow) var(--ease);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,var(--primary),#7C3AED);opacity:.1;z-index:0}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7C3AED);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin-bottom:20px;flex-shrink:0;box-shadow:var(--shadow-lg);position:relative;z-index:1;border:4px solid white}.profile-avatar:after{content:"";position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:var(--success);border:3px solid white;border-radius:50%}.profile-name{font-size:28px;font-weight:800;letter-spacing:-.5px;position:relative;z-index:1}.profile-position{font-size:16px;color:var(--text-secondary);margin-top:4px;position:relative;z-index:1}.profile-company{font-size:18px;color:var(--primary);font-weight:700;margin-top:4px;position:relative;z-index:1}.profile-bio{font-size:16px;color:var(--text-secondary);margin-top:16px;max-width:400px;line-height:1.7;position:relative;z-index:1}.profile-contact{display:flex;flex-direction:column;gap:8px;margin-top:20px;position:relative;z-index:1}.contact-link{font-size:14px;color:var(--text-secondary);transition:color var(--duration-normal) var(--ease)}.contact-link:hover{color:var(--primary)}.category-link{display:block;text-decoration:none;color:inherit}.category-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all var(--duration-normal) var(--ease);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary),#7C3AED);transition:width var(--duration-normal) var(--ease)}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.category-card:hover:before{width:8px}.category-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;position:relative}.category-icon:after{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#7C3AED);z-index:-1;opacity:0;transition:opacity var(--duration-normal) var(--ease)}.category-card:hover .category-icon:after{opacity:1}.category-content{flex:1;min-width:0}.category-name{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.category-description{font-size:15px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.template-count{display:inline-block;font-size:13px;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.category-arrow{font-size:20px;color:var(--text-muted);flex-shrink:0;transition:all var(--duration-normal) var(--ease)}.category-card:hover .category-arrow{color:var(--primary);transform:translate(4px)}.btn-primary,.edit-btn,.add-btn,.save-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;transition:all var(--duration-normal) var(--ease);box-shadow:var(--shadow-md)}.btn-primary:hover,.edit-btn:hover,.add-btn:hover,.save-btn:hover{background:var(--primary-hover);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-secondary,.cancel-btn,.back-btn{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-weight:600;transition:all var(--duration-normal) var(--ease)}.btn-secondary:hover,.cancel-btn:hover,.back-btn:hover{background:var(--gray-200);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.auth-error,.auth-success{padding:16px 20px;border-radius:var(--radius-lg);font-size:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.auth-error{background:#ef44441a;color:var(--danger);border-color:#ef444433}.auth-success{background:#0596691a;color:var(--success);border-color:#05966933}.dashboard{max-width:var(--max-width);margin:0 auto;padding:32px 24px}.modal-overlay{background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.public-profile{max-width:var(--max-width);margin:0 auto;padding:32px 24px 60px}.powered-by{font-size:14px;color:var(--text-muted);text-align:center;margin-top:60px;padding:20px;background:var(--bg-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.powered-by strong{color:var(--primary);font-weight:700}.auth-page{min-height:calc(100vh - 152px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:420px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:40px 32px;box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:28px;font-weight:800;color:var(--primary);display:block;margin-bottom:20px;letter-spacing:-.5px}.auth-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.auth-header p{font-size:15px;color:var(--text-secondary);margin-top:6px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--text);transition:all .2s;cursor:pointer}.google-btn:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:13px;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form .form-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.auth-form .form-group input{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;outline:none;transition:all .2s;background:var(--bg-white);color:var(--text)}.auth-form .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.auth-submit{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.auth-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{font-size:14px;color:var(--text-secondary)}.auth-switch button{background:none;border:none;color:var(--primary);font-weight:600;font-size:14px;padding:0;cursor:pointer}.auth-switch button:hover{color:var(--primary-hover);text-decoration:underline}.nav-login{background:var(--primary)!important;color:#fff!important;padding:8px 20px!important}.nav-login:hover{background:var(--primary-hover)!important;transform:translateY(-1px)}.nav-signout{color:var(--text-muted)!important;font-size:13px!important}.nav-signout:hover{color:var(--danger)!important;background:#ef44441a!important}.onboarding{max-width:520px;margin:0 auto;padding:40px 24px}.onboarding-header{text-align:center;margin-bottom:32px}.onboarding-header h1{font-size:28px;font-weight:700}.onboarding-header p{color:var(--text-secondary);margin-top:8px}.onboarding-steps{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.onboarding-step{width:40px;height:6px;border-radius:3px;background:var(--border);transition:all .3s}.onboarding-step.active{background:var(--primary);width:60px}.onboarding-step.done{background:var(--success)}.onboarding-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:32px;box-shadow:var(--shadow-xl)}.onboarding-card .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.onboarding-card .form-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.onboarding-card .form-group input,.onboarding-card .form-group textarea{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;outline:none;transition:all .2s;background:var(--bg-white);font-family:inherit}.onboarding-card .form-group input:focus,.onboarding-card .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.onboarding-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.slug-preview{font-size:13px;color:var(--text-muted);margin-top:4px}.slug-available{color:var(--success)}.slug-taken{color:var(--danger)}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.emoji-option{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.emoji-option:hover{border-color:var(--primary);transform:scale(1.1)}.emoji-option.selected{border-color:var(--primary);background:#4f46e51a}.dashboard-header h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.dashboard-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.tab{padding:10px 20px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .2s;cursor:pointer}.tab:hover{border-color:var(--primary);color:var(--primary)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:700}.categories-grid,.categories-list,.templates-list,.tasks-list{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;outline:none;transition:all .2s;background:var(--bg-white);color:var(--text);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.profile-form{display:flex;flex-direction:column;gap:16px}.edit-btn,.add-btn,.save-btn,.cancel-btn,.delete-btn,.view-btn,.back-btn{padding:10px 20px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;border:none;transition:all .2s;cursor:pointer}.edit-btn{background:#4f46e51a;color:var(--primary)}.edit-btn:hover,.add-btn,.save-btn{background:var(--primary);color:#fff}.add-btn:hover,.save-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.cancel-btn{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.cancel-btn:hover{background:var(--border)}.delete-btn{background:#ef44441a;color:var(--danger)}.delete-btn:hover{background:var(--danger);color:#fff}.view-btn{background:#4f46e51a;color:var(--primary)}.view-btn:hover{background:var(--primary);color:#fff}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--glass-border)}.qr-code{padding:20px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.qr-info{text-align:center}.qr-info code{padding:6px 12px;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:13px;color:var(--primary)}.qr-info p{margin-top:8px;font-size:14px;color:var(--text-secondary)}.download-btn{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.task-card{padding:20px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);transition:all .2s}.task-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-header h3{font-size:16px;font-weight:600}.task-category,.task-info .task-category{font-size:12px;padding:4px 12px;background:#4f46e51a;color:var(--primary);border-radius:var(--radius-full);font-weight:600}.task-info p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.task-actions{display:flex;justify-content:flex-end}.templates-header{display:flex;justify-content:flex-end;margin-bottom:16px}.template-item{display:flex;flex-direction:column;gap:8px}.checklist-header{display:flex;justify-content:space-between;align-items:center}.add-item-btn{padding:8px 16px;background:#4f46e51a;color:var(--primary);border:none;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:var(--primary);color:#fff}.checklist-item-edit{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.checklist-item-edit .checklist-item{flex:1}.remove-item-btn{padding:8px 14px;background:#ef44441a;color:var(--danger);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;flex-shrink:0;align-self:flex-start;margin-top:12px;cursor:pointer;transition:all .2s}.remove-item-btn:hover{background:var(--danger);color:#fff}.shared-task{max-width:var(--max-width);margin:0 auto;padding:32px 24px 60px}.shared-task .task-header{flex-direction:column;gap:16px;margin-bottom:24px}.task-title{font-size:26px;font-weight:700;letter-spacing:-.3px}.status-badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.status-badge.active,.status-badge.in_progress{background:#4f46e51a;color:var(--primary)}.status-badge.completed{background:#0596691a;color:var(--success)}.task-participants{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.participant{display:flex;align-items:center;gap:10px}.participant-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.participant-name{font-size:14px;font-weight:600}.participant-role{font-size:12px;color:var(--text-secondary)}.participant-divider{font-size:20px;color:var(--text-muted)}.task-progress{margin:24px 0;padding:20px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-header h2{font-size:16px;font-weight:600}.progress-stats{margin-top:8px;font-size:13px;color:var(--text-secondary);text-align:center}.task-checklist h2{font-size:18px;font-weight:700;margin-bottom:16px}.task-info-section{padding:20px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.task-info-section h3{font-size:16px;font-weight:600;margin-bottom:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:12px;color:var(--text-muted)}.info-value{font-size:14px;font-weight:500}.current-user p{font-size:14px;color:var(--text-secondary);text-align:center;padding:14px 20px;background:#4f46e51a;border-radius:var(--radius-lg)}.category-detail{max-width:var(--max-width);margin:0 auto;padding:32px 24px 60px}.profile-summary{display:flex;align-items:center;gap:10px;margin-bottom:20px}.profile-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.profile-text{display:flex;flex-direction:column}.profile-text .profile-name{font-size:14px;font-weight:600}.profile-text .profile-company{font-size:12px;color:var(--text-secondary);margin:0}.category-info{text-align:center;padding:40px 24px;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--glass-border)}.category-icon-large{font-size:48px;margin-bottom:12px}.category-title{font-size:26px;font-weight:700}.category-detail .category-description{font-size:15px;color:var(--text-secondary);margin-top:4px}.category-footer{margin-top:40px;padding:24px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);text-align:center}.category-footer h3{font-size:16px;font-weight:600;margin-bottom:12px}.contact-links{display:flex;gap:16px;justify-content:center}.contact-links .contact-link{padding:10px 20px;background:var(--bg-hover);border-radius:var(--radius-full);font-size:14px;color:var(--text-secondary);transition:all .2s}.contact-links .contact-link:hover{background:#4f46e51a;color:var(--primary)}.section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-secondary)}.start-task-modal .form-group{margin-bottom:16px}.checklist-preview{margin-top:16px;padding:16px;background:var(--bg-hover);border-radius:var(--radius-lg)}.checklist-preview h4{font-size:14px;font-weight:600;margin-bottom:8px}.checklist-preview-item{font-size:13px;color:var(--text-secondary);padding:4px 0}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-secondary)}.empty-state p{font-size:15px;margin-top:8px}.error-message{padding:16px 20px;border-radius:var(--radius-lg);font-size:15px;text-align:center;background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);margin-bottom:20px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;animation:fadeIn .2s var(--ease)}.modal-content{background:var(--bg-white);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-2xl);max-height:90vh;overflow-y:auto;animation:scaleIn .25s var(--ease)}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:540px}.modal-large{width:100%;max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;border-bottom:1px solid var(--border-light)}.modal-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.modal-close{width:36px;height:36px;border-radius:50%;background:var(--gray-100);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s;border:none}.modal-close:hover{background:var(--gray-200);color:var(--text)}.modal-body{padding:24px 28px 28px}.primary-btn{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{padding:12px 28px;background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.start-btn{width:100%;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.start-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.start-btn:disabled{opacity:.6;cursor:not-allowed}.delete-category-btn{width:100%;padding:12px 20px;background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.delete-category-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.dashboard-content{margin-top:24px}.profile-section,.categories-section,.qr-section,.tasks-section{animation:slideUp .4s var(--ease)}.template-card{padding:24px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);transition:all var(--duration-normal) var(--ease)}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.template-name{font-size:18px;font-weight:700;color:var(--text)}.template-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.template-stats{display:flex;align-items:center;gap:12px;margin-bottom:16px}.checklist-count{font-size:13px;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.template-progress{font-size:13px;color:var(--success);background:var(--success-light);padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.progress-bar{display:flex;align-items:center;gap:10px}.progress-bar-small .progress-track{height:4px}.progress-bar-medium .progress-track{height:8px}.progress-bar-large .progress-track{height:12px}.progress-track{flex:1;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#7C3AED);border-radius:var(--radius-full);transition:width .5s var(--ease)}.progress-text{font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.checklist-item{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-white);transition:all .2s;overflow:hidden}.checklist-item:hover{border-color:var(--border);box-shadow:var(--shadow-xs)}.checklist-item.completed .checklist-text{text-decoration:line-through;color:var(--text-muted)}.checklist-item.expanded{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e514}.checklist-main{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.checklist-checkbox-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.checklist-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.checklist-text{flex:1;font-size:15px;line-height:1.5;color:var(--text)}.checklist-text-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text);background:var(--bg-white);outline:none;transition:all .2s}.checklist-text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.completed-by{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);font-weight:600;white-space:nowrap}.comment-badge{font-size:12px;color:var(--text-muted);white-space:nowrap}.expand-toggle{background:none;border:none;padding:4px;color:var(--text-muted);transition:transform .2s;cursor:pointer;flex-shrink:0}.expand-toggle.open{transform:rotate(180deg)}.checklist-details-panel{padding:0 16px 16px;border-top:1px solid var(--border-light);animation:slideUp .2s var(--ease)}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.detail-field label{font-size:12px;font-weight:600;color:var(--text-muted);display:block;margin-bottom:4px}.detail-field input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:all .2s}.detail-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:500}.detail-tag.link{background:#4f46e51a;color:var(--primary)}.detail-tag.link:hover{background:#4f46e533}.detail-tag.company{background:var(--gray-100);color:var(--text-secondary)}.comments-section{margin-top:12px}.comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.comment{padding:10px 14px;border-radius:var(--radius-md);font-size:14px}.comment-owner{background:#4f46e514;border-left:3px solid var(--primary)}.comment-partner{background:var(--gray-50);border-left:3px solid var(--gray-300)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.comment-author{font-size:12px;font-weight:600;color:var(--text-secondary)}.comment-time{font-size:11px;color:var(--text-muted)}.comment .comment-text{font-size:14px;line-height:1.5;color:var(--text)}.comment-input-area{display:flex;gap:8px;margin-top:8px}.comment-input{flex:1;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:14px;outline:none;transition:all .2s}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a}.comment-send{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.comment-send:hover:not(:disabled){background:var(--primary-hover)}.comment-send:disabled{opacity:.5;cursor:not-allowed}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-actions{text-align:center}.qr-description{font-size:14px;color:var(--text-secondary);margin-top:8px}.slug-input-container{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-white);transition:all .2s}.slug-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.slug-prefix{padding:12px 0 12px 16px;font-size:14px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.slug-input-container input{border:none!important;box-shadow:none!important;padding:12px 16px 12px 4px;flex:1;min-width:0}.category-form,.template-form,.category-templates{display:flex;flex-direction:column;gap:16px}.category-actions{border-top:1px solid var(--border-light);padding-top:16px;margin-top:8px}.task-start-form{display:flex;flex-direction:column;gap:20px}.template-summary{padding:16px;background:var(--primary-bg);border-radius:var(--radius-lg);font-size:14px;line-height:1.8}.template-summary p{margin:0}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h3{font-size:16px;font-weight:700;margin-bottom:4px}.form-description{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.help-text{font-size:12px;color:var(--text-muted);margin-top:4px}.template-preview{margin-top:8px}.template-preview h3{font-size:16px;font-weight:700;margin-bottom:12px}.checklist-item-preview{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-light)}.checklist-item-preview:last-child{border-bottom:none}.item-number{font-size:13px;color:var(--text-muted);font-weight:600;min-width:24px}.item-text{font-size:14px;color:var(--text)}.status-badge.paused{background:var(--warning-light);color:var(--warning)}.participant-contact{font-size:12px;color:var(--text-muted);display:block}.participant-info{display:flex;flex-direction:column;gap:2px}.empty-checklist{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:15px}.anonymous-notice{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.6}.profile-header{margin-bottom:32px}.profile-footer{margin-top:40px}.checklist-items{display:flex;flex-direction:column;gap:8px}.templates-section{margin-top:24px}.task-status{margin-top:8px}.contact-info h3{font-size:16px;font-weight:600;margin-bottom:12px}@media(max-width:640px){.modal-body{padding:16px 20px 20px}.modal-header{padding:16px 20px 12px}.dashboard-tabs{gap:4px}.tab{padding:8px 14px;font-size:13px}.detail-row,.info-grid{grid-template-columns:1fr}.task-participants{flex-direction:column}.participant-divider{transform:rotate(90deg)}.onboarding-actions{flex-direction:column}.onboarding-actions .secondary-btn{order:1}.onboarding-actions .primary-btn{order:0}.slug-input-container{flex-direction:column;align-items:stretch}.slug-prefix{padding:8px 16px 0}}