:root{--primary: #030213;--primary-foreground: #ffffff;--primary-hover: rgba(3, 2, 19, .9);--background: #ffffff;--foreground: #030213;--card: #ffffff;--card-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--secondary: #f3f3f5;--secondary-foreground: #030213;--secondary-hover: rgba(243, 243, 245, .8);--accent: #e9ebef;--accent-foreground: #030213;--border: rgba(0, 0, 0, .1);--input: #f3f3f5;--input-border: rgba(0, 0, 0, .1);--input-border-focus: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--destructive-hover: rgba(212, 24, 61, .9);--destructive-light: #fef2f2;--destructive-border: #fca5a5;--success: #16a34a;--success-foreground: #ffffff;--success-light: #f0fdf4;--success-100: #dcfce7;--success-700: #15803d;--success-900: #14532d;--info: #2563eb;--info-foreground: #ffffff;--info-light: #eff6ff;--info-100: #dbeafe;--info-700: #1d4ed8;--info-900: #1e3a8a;--warning: #eab308;--warning-foreground: #030213;--warning-light: #fefce8;--ring: rgba(113, 113, 130, .5);--ring-focus: rgba(3, 2, 19, .5);--container: 1120px;--black: var(--primary);--black-70: var(--muted-foreground);--gray-50: var(--muted);--gray-100: var(--secondary);--white: var(--background);--green-600: var(--success);--blue-600: var(--info);--blue-100: var(--info-100);--blue-700: var(--info-700);--blue-50: var(--info-light);--blue-900: var(--info-900);--green-100: var(--success-100);--green-700: var(--success-700);--green-50: var(--success-light);--green-900: var(--success-900);--yellow-500: var(--warning);--red-600: var(--destructive)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-destructive{color:var(--destructive)}.text-success{color:var(--success)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-muted{background-color:var(--muted)}.bg-accent{background-color:var(--accent)}.bg-destructive{background-color:var(--destructive)}.bg-success{background-color:var(--success)}.bg-info{background-color:var(--info)}.bg-destructive-light{background-color:var(--destructive-light)}.bg-success-light{background-color:var(--success-light)}.bg-info-light{background-color:var(--info-light)}.border-destructive{border-color:var(--destructive-border)}.border-primary{border-color:var(--primary)}.border-muted{border-color:var(--border)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Pretendard,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#434343;background:var(--background)}.font-aboreto{font-family:Aboreto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-weight:400;font-style:normal}a{color:inherit;text-decoration:none}.app{min-height:100vh;background:var(--background)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid rgba(0,0,0,.1);padding:12px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px}.brand-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-weight:700;font-size:18px}.brand-text{font-family:Aboreto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:20px;font-weight:600;color:var(--foreground);text-decoration:none}.brand-text:hover{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:20px;font-size:14px}.nav-links a{color:var(--foreground);opacity:.9;transition:opacity .2s ease}.nav-links a:hover{opacity:.7}.hero{padding:80px 0;background:var(--background)}.hero-inner{text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);border:1px solid var(--border);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:var(--muted-foreground);margin-bottom:24px}.hero-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;line-height:1.2}.hero-highlight{color:var(--primary);font-weight:700}.hero-description{font-size:18px;color:var(--muted-foreground);line-height:1.6;max-width:600px;margin:0 auto 32px}.hero-actions{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:600px;margin:0 auto}.hero-stat{text-align:center}.hero-stat-number{font-size:32px;font-weight:700;color:var(--primary);display:block;margin-bottom:4px}.hero-stat-label{font-size:14px;color:var(--muted-foreground)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border-color:var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground)}.section{padding:80px 0}.section-muted{background:var(--muted)}.section-dark{background:var(--primary);color:var(--primary-foreground)}.pain-point{padding:80px 0;background:var(--muted)}.pain-point-header{text-align:center;max-width:800px;margin:0 auto 64px}.pain-point-title{font-size:36px;font-weight:700;margin:0 0 24px;line-height:1.2}.pain-point-description{font-size:18px;color:var(--muted-foreground);margin:0}.pain-point-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto}.pain-point-card{background:var(--background);border:1px solid var(--destructive-border);border-radius:12px;padding:32px}.pain-point-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pain-point-icon{width:40px;height:40px;background:var(--destructive-light);border-radius:8px;display:flex;align-items:center;justify-content:center}.pain-point-card-title{font-size:20px;font-weight:600;color:var(--destructive);margin:0}.pain-point-items{display:flex;flex-direction:column;gap:20px}.pain-point-list{display:flex;flex-direction:column;gap:3px}.pain-point-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:0}.pain-point-item-icon{width:20px;height:20px;color:var(--destructive);flex-shrink:0;margin-top:2px}.pain-point-item-content{flex:1}.pain-point-item-title{font-size:16px;font-weight:600;margin:0 0 6px}.pain-point-item-description{font-size:14px;color:var(--muted-foreground);margin:0;line-height:1.5}.solution{padding:80px 0;background:var(--background)}.solution-header{text-align:center;max-width:800px;margin:0 auto 64px}.solution-title{font-size:36px;font-weight:700;margin:0 0 24px;line-height:1.2}.solution-title-highlight{color:var(--primary)}.solution-description{font-size:18px;color:var(--muted-foreground);margin:0}.solution-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto 64px}.solution-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .2s ease}.solution-card:hover{border-color:var(--primary);box-shadow:0 8px 32px #0000001a}.solution-card-header{margin-bottom:24px}.solution-icon{width:48px;height:48px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.solution-card-title{font-size:20px;font-weight:600;margin:0 0 8px}.solution-card-description{font-size:16px;color:var(--muted-foreground);margin:0;line-height:1.5}.solution-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.solution-feature{display:flex;align-items:center;gap:8px;font-size:14px}.solution-feature-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.solution-cta{text-align:center}.h2{font-size:28px;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.muted{color:var(--muted-foreground)}.target-user{padding:80px 0;background:var(--muted)}.target-user-header{text-align:center;max-width:800px;margin:0 auto 64px}.target-user-title{font-size:36px;font-weight:700;margin:0 0 24px;line-height:1.2}.target-user-description{font-size:18px;color:var(--muted-foreground);margin:0}.target-user-grid{display:grid;grid-template-columns:1fr;gap:48px;max-width:1000px;margin:0 auto}.target-user-card{background:var(--background);border-radius:12px;padding:40px;position:relative;overflow:hidden}.target-user-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.target-user-badge.advertiser{background:var(--info-100);color:var(--info-700)}.target-user-badge.promoter{background:var(--success-100);color:var(--success-700)}.target-user-card-header{padding-bottom:24px}.target-user-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.target-user-icon.advertiser{background:var(--info-100)}.target-user-icon.promoter{background:var(--success-100)}.target-user-card-title{font-size:20px;font-weight:600;margin:0 0 8px}.target-user-card-description{font-size:16px;color:var(--muted-foreground);margin:0;line-height:1.5}.target-user-card-content{display:flex;flex-direction:column;gap:24px}.target-user-features{display:flex;flex-direction:column;gap:16px}.target-user-features-title{font-size:16px;font-weight:600;margin:0 0 12px}.target-user-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.target-user-feature{display:flex;align-items:flex-start;gap:8px}.target-user-feature-icon{width:16px;height:16px;color:var(--warning);flex-shrink:0;margin-top:2px}.target-user-feature-text{font-size:14px;line-height:1.4}.target-user-recommendations{padding:16px;border-radius:8px}.target-user-recommendations.advertiser{background:var(--info-light)}.target-user-recommendations.promoter{background:var(--success-light)}.target-user-recommendations-title{font-size:14px;font-weight:600;margin:0 0 8px}.target-user-recommendations.advertiser .target-user-recommendations-title{color:var(--info-900)}.target-user-recommendations.promoter .target-user-recommendations-title{color:var(--success-900)}.target-user-recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.target-user-recommendations-item{font-size:14px;line-height:1.4}.target-user-recommendations.advertiser .target-user-recommendations-item{color:var(--info-700)}.target-user-recommendations.promoter .target-user-recommendations-item{color:var(--success-700)}.target-user-cta{margin-top:8px}.btn-outline.promoter{border-color:var(--success);color:var(--success)}.btn-outline.promoter:hover{background:var(--success);color:var(--success-foreground)}.cards{display:grid;grid-template-columns:1fr;gap:16px}.card{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:24px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 20px #00000014}.icon-box{width:48px;height:48px;border-radius:10px;background:var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.badge{display:inline-block;padding:6px 10px;border-radius:6px;background:var(--black);color:var(--white);font-size:12px;font-weight:600}.grid-2{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.img-cover{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001f}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:center}.stat-number{font-size:28px;font-weight:600;margin-bottom:4px}.stat-label{color:#fffc}.footer{background:var(--background);border-top:1px solid var(--border);color:var(--foreground)}.footer-cta{text-align:center;margin-bottom:48px;padding:64px 32px;background:#0302130d;border-radius:16px}.footer-cta-title{font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.2}.footer-cta-title-highlight{color:var(--primary)}.footer-cta-description{color:var(--muted-foreground);max-width:500px;margin:0 auto 24px;line-height:1.6}.footer-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.footer-content{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-weight:700;font-size:18px}.footer-brand-text{font-size:20px;font-weight:700}.footer-description{color:var(--muted-foreground);line-height:1.6;margin:0;font-size:14px}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:16px;font-weight:600;margin:0 0 16px}.footer-section-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-section-link{color:var(--muted-foreground);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-section-link:hover{color:var(--foreground)}.footer-contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted-foreground);margin-bottom:12px}.footer-contact-icon{width:16px;height:16px}.footer-separator{height:1px;background:var(--border);border:none;margin:32px 0}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:14px;color:var(--muted-foreground)}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-link{color:var(--muted-foreground);text-decoration:none;transition:color .2s ease}.footer-bottom-link:hover{color:var(--foreground)}.auth-page{min-height:100vh;background:var(--white)}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:24px}.auth-form-wrapper{width:100%;max-width:400px;background:var(--white);padding:32px;border:1px solid var(--gray-100);border-radius:8px}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:24px;font-weight:600;margin:0 0 8px}.auth-subtitle{color:var(--black-70);margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-weight:500;font-size:14px}.form-input{padding:12px 16px;border:1px solid var(--gray-100);border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--black)}.form-input::placeholder{color:var(--black-70)}.form-input.error{border-color:var(--destructive);background-color:var(--destructive-light)}.form-input.error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px #d4183d1a}.field-error{color:var(--destructive);font-size:12px;margin-top:4px;display:block}.btn-full{width:100%}.alert{padding:12px;border-radius:6px;font-size:14px;margin-bottom:16px}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--black-70)}.auth-link{color:var(--black);text-decoration:underline}.auth-link:hover{opacity:.8}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:8px 0}.radio-label input[type=radio]{margin:0}.dashboard{min-height:100vh;background:var(--gray-50);padding:24px 0}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:28px;font-weight:600;margin:0 0 8px}.dashboard-subtitle{color:var(--black-70);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--white);padding:24px;border-radius:8px;border:1px solid var(--gray-100);display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;background:var(--gray-50);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.section-title{font-size:20px;font-weight:600;margin:0 0 16px}.quick-actions{margin-bottom:32px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.action-card{background:var(--white);padding:24px;border-radius:8px;border:1px solid var(--gray-100);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;display:block}.action-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-icon{width:56px;height:56px;background:var(--gray-50);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.action-title{font-size:16px;font-weight:600;margin:0 0 8px}.action-description{color:var(--black-70);font-size:14px;line-height:1.5;margin:0}.recent-activity{margin-bottom:32px}.activity-list{background:var(--white);border-radius:8px;border:1px solid var(--gray-100);overflow:hidden}.activity-item{padding:20px;border-bottom:1px solid var(--gray-100)}.activity-item:last-child{border-bottom:none}.activity-title{font-size:14px;font-weight:600;margin:0 0 4px}.activity-description{color:var(--black-70);font-size:14px;line-height:1.5;margin:0 0 8px}.activity-time{color:var(--black-70);font-size:12px}.campaigns-page{min-height:100vh;background:var(--gray-50);padding:24px 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.page-title{font-size:28px;font-weight:600;margin:0 0 8px}.page-subtitle{color:var(--black-70);margin:0}.filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--black-70)}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--gray-100);border-radius:6px;font-size:14px;outline:none;background:var(--white)}.search-input:focus{border-color:var(--black)}.status-filter{padding:12px 16px;border:1px solid var(--gray-100);border-radius:6px;font-size:14px;outline:none;background:var(--white);min-width:140px}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-card{background:var(--white);border:1px solid var(--gray-100);border-radius:8px;padding:24px;transition:box-shadow .2s ease}.campaign-card:hover{box-shadow:0 2px 8px #00000014}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.campaign-title{font-size:18px;font-weight:600;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-recruiting{background:#e0f2fe;color:#0277bd}.status-active{background:#e8f5e8;color:#2e7d32}.status-completed{background:var(--gray-50);color:var(--black-70)}.status-cancelled{background:#ffebee;color:#c62828}.campaign-description{color:var(--black-70);margin:0 0 16px;line-height:1.5}.campaign-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--black-70)}.campaign-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:6px 12px;font-size:13px}.empty-state{text-align:center;padding:48px;color:var(--black-70);background:var(--white);border-radius:8px;border:1px solid var(--gray-100)}.today-schedule{margin-bottom:32px}.empty-schedule{text-align:center;padding:48px;background:var(--white);border:1px solid var(--gray-100);border-radius:8px}.empty-schedule p{margin:0 0 16px;color:var(--black-70)}.schedule-list{background:var(--white);border:1px solid var(--gray-100);border-radius:8px;overflow:hidden}.schedule-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--gray-100);gap:16px}.schedule-item:last-child{border-bottom:none}.schedule-time{font-size:14px;font-weight:600;color:var(--black);min-width:100px}.schedule-content{flex:1}.schedule-title{font-size:16px;font-weight:600;margin:0 0 4px}.schedule-location{color:var(--black-70);font-size:14px;margin:0}.schedule-actions{display:flex;gap:8px}.profile-page{min-height:100vh;background:var(--gray-50);padding:24px 0}.profile-card{background:var(--white);border:1px solid var(--gray-100);border-radius:8px;padding:32px;max-width:600px;margin:0 auto}.profile-header{display:flex;justify-content:between;align-items:center;margin-bottom:24px}.profile-actions{display:flex;gap:8px;margin-top:24px}.help-page{min-height:100vh;background:var(--gray-50)}.help-hero{background:var(--white);border-bottom:1px solid var(--gray-100);padding:48px 0;text-align:center}.help-title{font-size:32px;font-weight:600;margin:0 0 12px}.help-subtitle{color:var(--black-70);font-size:18px;margin:0}.help-content{padding:48px 0}.faq-section{margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.faq-item{background:var(--white);border:1px solid var(--gray-100);border-radius:8px;padding:24px}.faq-question{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--black)}.faq-answer{color:var(--black-70);line-height:1.6;margin:0}.contact-section{background:var(--white);padding:48px 0;border-top:1px solid var(--gray-100)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:800px;margin:0 auto}.contact-card{text-align:center;padding:24px;border:1px solid var(--gray-100);border-radius:8px}.contact-icon{width:48px;height:48px;background:var(--gray-50);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.contact-title{font-size:16px;font-weight:600;margin:0 0 8px}.contact-info{color:var(--black-70);margin:0}.not-found-page{min-height:100vh;background:var(--muted);display:flex;align-items:center;justify-content:center;padding:24px}.not-found-content{text-align:center;max-width:500px}.not-found-illustration{margin-bottom:32px}.not-found-number{font-size:120px;font-weight:700;color:var(--gray-100);line-height:1}.not-found-title{font-size:24px;font-weight:600;margin:0 0 12px}.not-found-description{color:var(--black-70);line-height:1.6;margin:0 0 32px}.not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (min-width: 640px){.stats{grid-template-columns:repeat(4,1fr)}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.cards{grid-template-columns:repeat(3,1fr)}.pain-point-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(3,1fr)}.target-user-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}.footer-cta-actions{flex-direction:row}.footer-cta-title{font-size:32px}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.grid-2{grid-template-columns:1fr 1fr}.hero-title{font-size:56px}.pain-point-title,.solution-title,.target-user-title{font-size:42px}}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:1.2rem}.brand-text{font-size:1.25rem;font-weight:700;color:#1f2937}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#6b7280;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-link:hover{color:#667eea;background-color:#f3f4f6}.nav-link.active{color:#667eea;background-color:#eff6ff}.nav-loading{display:flex;align-items:center;color:#6b7280;font-size:.875rem}.main-content{flex:1;width:100%}@media (max-width: 768px){.nav-inner{padding:1rem}.nav-links{gap:.5rem}.nav-link{padding:.5rem;font-size:.875rem}}@media (max-width: 480px){.nav-inner{padding:.75rem}.brand-text{display:none}}.google-login-container{position:relative;width:100%}.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;transition:background-color .218s ease,border-color .218s ease,box-shadow .218s ease;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;min-height:44px}.google-login-button:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-login-button:focus{outline:none;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-login-button:active{background-color:#f1f3f4;border-color:#5f6368;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.google-login-button:disabled{background-color:#f9f9f9;border-color:#f9f9f9;color:#bdc1c6;cursor:not-allowed;box-shadow:none}.google-login-button.loading{pointer-events:none;opacity:.6}.google-login-button .google-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.google-login-button .google-icon svg{width:20px;height:20px}.google-login-button.loading .google-icon{animation:spin 1s linear infinite}@media (max-width: 480px){.google-login-button{font-size:13px;padding:10px 14px}}@media (prefers-color-scheme: dark){.google-login-button{background-color:#2d2e30;border-color:#5f6368;color:#e8eaed}.google-login-button:hover{background-color:#353639;border-color:#5f6368}.google-login-button:active{background-color:#2d2e30;border-color:#5f6368}.google-login-button:disabled{background-color:#2d2e30;border-color:#3c4043;color:#9aa0a6}}.google-login-button.compact{padding:8px 12px;font-size:13px;min-height:36px}.google-login-button.large{padding:16px 20px;font-size:16px;min-height:52px}.google-login-button.outlined{border:2px solid #4285f4;color:#4285f4}.google-login-button.outlined:hover{background-color:#f8f9ff;border-color:#1a73e8;color:#1a73e8}.google-login-with-type{width:100%}.simple-google-login{display:flex;flex-direction:column;gap:12px}.type-selector-toggle{display:flex;justify-content:center}.toggle-button{background:none;border:none;color:#1a73e8;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.toggle-button:hover{background-color:#f8f9ff;color:#1557b0}.toggle-button:disabled{color:#9aa0a6;cursor:not-allowed}.toggle-icon{font-size:16px;transition:transform .2s ease}.toggle-button:hover .toggle-icon{transform:rotate(90deg)}.advanced-google-login{display:flex;flex-direction:column;gap:16px}.user-type-section{padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.user-type-section .form-group{margin:0}.user-type-section .form-group>label{font-weight:600;color:#202124;margin-bottom:12px;display:block}.user-type-section .radio-group{display:flex;flex-direction:column;gap:12px}.user-type-section .radio-label{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:400}.user-type-section .radio-label:hover{border-color:#1a73e8;background-color:#f8f9ff}.user-type-section .radio-label input[type=radio]{margin:0;width:16px;height:16px}.user-type-section .radio-label input[type=radio]:checked+span{font-weight:600;color:#1a73e8}.back-button{background:none;border:1px solid #dadce0;color:#5f6368;font-size:14px;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;align-self:center}.back-button:hover{border-color:#5f6368;background-color:#f8f9fa}.back-button:disabled{color:#9aa0a6;border-color:#f1f3f4;cursor:not-allowed}.login-info{margin-top:12px;text-align:center}.info-text{font-size:13px;color:#5f6368;line-height:1.4;margin:0}@media (max-width: 480px){.user-type-section .radio-group{gap:8px}.user-type-section .radio-label{padding:10px 12px;font-size:14px}.info-text{font-size:12px}}@media (prefers-color-scheme: dark){.toggle-button{color:#8ab4f8}.toggle-button:hover{background-color:#1e1f20;color:#93c5fd}.user-type-section{background-color:#2d2e30;border-color:#5f6368}.user-type-section .form-group>label{color:#e8eaed}.user-type-section .radio-label{background-color:#1f1f1f;border-color:#5f6368;color:#e8eaed}.user-type-section .radio-label:hover{border-color:#8ab4f8;background-color:#1e1f20}.back-button{background-color:#2d2e30;border-color:#5f6368;color:#9aa0a6}.back-button:hover{border-color:#8ab4f8;background-color:#353639}.info-text{color:#9aa0a6}}.login-tabs{display:flex;margin-bottom:2rem;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#f9fafb}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:none;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:#6b7280}.tab-button.active{background:#fff;color:#111827;font-weight:600}.tab-button:hover:not(.active){background:#ffffff80;color:#374151}.tab-content{margin-bottom:2rem}.tab-description{text-align:center;margin-bottom:2rem}.tab-description p{color:#6b7280;font-size:.875rem;margin:0}.login-buttons{display:flex;flex-direction:column;gap:1rem}.google-login-wrapper{width:100%}.email-login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 20px;font-weight:600}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1rem}.error-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.error-header h3{color:#dc2626;font-size:1rem;font-weight:600;margin:0}.error-close{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-close:hover{background:#dc26261a;border-radius:4px}.error-card p{color:#7f1d1d;margin:0 0 1rem;font-size:.875rem;line-height:1.4}.error-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 768px){.tab-button span{display:none}.tab-button{padding:.75rem .5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.complete-profile-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.complete-profile-page .container{width:100%;max-width:600px}.profile-setup-container{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a}.profile-setup-header{text-align:center;margin-bottom:2rem}.profile-setup-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.profile-setup-header p{color:#6b7280;font-size:1rem}.welcome-message{margin-top:1rem;padding:1rem;background:#f0f9ff;border-radius:8px;border:1px solid #0ea5e9}.welcome-message p{color:#0369a1;margin:0;font-weight:600}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.error-message p{color:#dc2626;margin:0;font-size:.875rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center}.complete-profile-page .btn-primary{background:#3b82f6;color:#fff}.complete-profile-page .btn-primary:hover:not(:disabled){background:#2563eb}.complete-profile-page .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-full,.terms-step{width:100%}.terms-form{margin-top:1.5rem}.terms-section{margin-bottom:2rem}.terms-section h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.terms-item{margin-bottom:1rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;position:relative;padding:.75rem;border-radius:8px;transition:background-color .2s}.terms-checkbox:hover{background-color:#f9fafb}.terms-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s}.terms-checkbox input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-checkbox input:checked~.checkmark:after{display:block}.terms-text{color:#374151;font-size:.95rem;line-height:1.5;flex:1}.terms-text a{color:var(--primary);text-decoration:underline;font-weight:500}.terms-text a:hover{color:var(--primary-hover)}@media (max-width: 768px){.profile-setup-container{padding:2rem 1.5rem}.profile-setup-header h1{font-size:1.75rem}.terms-checkbox{padding:.5rem}.terms-text{font-size:.9rem}}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.campaign-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.campaign-company{font-size:.875rem;color:#6b7280;margin-top:.25rem}.campaign-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.campaign-details{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.campaign-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb}.btn-sm{padding:.375rem .75rem;font-size:.75rem}@media (max-width: 768px){.campaign-details{flex-direction:column;gap:.75rem}.campaign-actions{flex-direction:column}.btn{justify-content:center}}.loading-state,.empty-state{text-align:center;padding:2rem;color:#6b7280}.applications-page{padding:2rem 0}.page-header{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;text-align:center;border:1px solid #e5e7eb}.stat-card.approved{border-left:4px solid #059669}.stat-card.pending{border-left:4px solid #d97706}.stat-card.rejected{border-left:4px solid #dc2626}.stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem}.filters{margin-bottom:1.5rem}.status-filter{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem}.applications-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.application-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.application-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.campaign-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.company-name{color:#667eea;font-weight:500}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.card-content{padding:0 1.5rem 1.5rem}.application-details{margin-bottom:1rem}.detail-row{display:flex;gap:2rem;margin-bottom:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.application-summary{background-color:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.summary-item:last-child{margin-bottom:0}.label{color:#6b7280}.value{font-weight:500;color:#1f2937}.message-box{background-color:#eff6ff;border-radius:8px;padding:1rem;border-left:4px solid #3b82f6}.message-label{font-size:.75rem;color:#3b82f6;font-weight:500;margin-bottom:.5rem}.message-content{font-size:.875rem;color:#1e40af;line-height:1.5}.card-footer{padding:1rem 1.5rem;border-top:1px solid #f3f4f6;display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{opacity:.9}.action-btn.outline{background:#fff;border:1px solid #d1d5db;color:#374151}.action-btn.outline:hover{background-color:#f9fafb}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state h3{margin:1rem 0 .5rem;color:#374151}.loading-state,.error-state{text-align:center;padding:3rem;color:#6b7280}.loading-state h3,.error-state h3{margin:1rem 0 .5rem;color:#374151}.error-state p{color:#ef4444;margin-bottom:1rem}.retry-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.retry-btn:hover{background:#5a67d8}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width: 768px){.applications-list{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.5rem}.card-footer{flex-direction:column}.action-btn{width:100%}}.profile-page{min-height:100vh;background:#fafafa}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.profile-container{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}.header-card{margin-bottom:1.5rem}.profile-card-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid #f4f4f5;margin-bottom:1.5rem}.profile-card-header h2{font-size:1.5rem;font-weight:600;color:#18181b;margin:0 0 .5rem}.profile-card-content{padding:1.5rem}.profile-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.profile-avatar{width:4rem;height:4rem;background:#f4f4f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#71717a;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.5rem;font-weight:600;color:#18181b;margin:0 0 .5rem;line-height:1.2}.profile-type{font-size:.875rem;color:#71717a;margin:0;display:flex;align-items:center;gap:.5rem}.profile-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1}.user-type-badge.advertiser{background:#1f2937;color:#fff}.user-type-badge.promoter{background:#f1f5f9;color:#475569}.profile-description{font-size:.875rem;color:#71717a;margin:.5rem 0 0}.profile-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.edit-actions{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.profile-page .btn-primary{background:#18181b;color:#fff;border-color:#18181b}.profile-page .btn-primary:hover:not(:disabled){background:#27272a;border-color:#27272a}.btn-outline{background:#fff;color:#18181b;border-color:#d4d4d8}.btn-outline:hover:not(:disabled){background:#f4f4f5}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-icon{width:1rem;height:1rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-tabs{width:100%}.tab-list{display:flex;border-bottom:1px solid #e4e4e7;margin-bottom:1.5rem}.tab-button{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#71717a;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tab-button:hover{color:#18181b}.tab-button.active{color:#18181b;border-bottom-color:#18181b}.tab-content{width:100%}.profile-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.profile-layout{grid-template-columns:2fr 1fr}}.profile-form-section,.profile-stats-section{min-width:0}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#18181b}.label-with-badge{display:flex;align-items:center;justify-content:space-between}.verified-badge{font-size:.75rem;color:#16a34a;font-weight:500;padding:.125rem .5rem;background:#dcfce7;border-radius:9999px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:#71717a;z-index:1}.form-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d4d4d8;border-radius:6px;font-size:.875rem;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#18181b;box-shadow:0 0 0 1px #18181b}.form-input:disabled{background:#f4f4f5;color:#71717a;cursor:not-allowed}.form-input:read-only{background:#fafafa;color:#71717a}.form-separator{height:1px;background:#e4e4e7;margin:1.5rem 0}.input-help{font-size:.75rem;color:#71717a;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e4e4e7}.alert{display:flex;padding:1rem;border-radius:6px;gap:.75rem;margin-bottom:1.5rem}.alert-icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.125rem}.alert-content h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.alert-content p{font-size:.875rem;margin:0}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-tile{padding:1rem;border:1px solid #e4e4e7;border-radius:8px;background:#fff}.stat-value{font-size:1.5rem;font-weight:700;line-height:1;color:#18181b}.stat-label{font-size:.75rem;color:#71717a;margin-top:.25rem}.danger-title{color:#dc2626!important}.danger-zone{border:1px solid #fecaca;border-radius:8px;padding:1rem;background:#fef2f2}.danger-item{display:flex;align-items:flex-start;gap:.75rem}.danger-icon{width:1.25rem;height:1.25rem;color:#dc2626;flex-shrink:0;margin-top:.125rem}.danger-content h3{font-size:1rem;font-weight:600;color:#18181b;margin:0 0 .5rem}.danger-content p{font-size:.875rem;color:#71717a;margin:0 0 1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;max-width:32rem;width:100%}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h3{font-size:1.125rem;font-weight:600;color:#18181b;margin:0}.modal-body{padding:1rem 1.5rem}.modal-body p{margin:0 0 .75rem;color:#71717a}.warning-text{font-size:.875rem;color:#dc2626}.modal-footer{padding:0 1.5rem 1.5rem;display:flex;justify-content:space-between;gap:.75rem}.loading-section{display:flex;flex-direction:column;gap:1.5rem}.loading-skeleton{display:flex;align-items:center;gap:1rem}.skeleton-avatar{width:4rem;height:4rem;border-radius:50%;background:#f4f4f5;animation:pulse 2s infinite}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:1rem;background:#f4f4f5;border-radius:4px;animation:pulse 2s infinite}.skeleton-line.short{width:60%}.skeleton-button{width:6rem;height:2.5rem;background:#f4f4f5;border-radius:6px;animation:pulse 2s infinite}.stats-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-skeleton{height:5rem;background:#f4f4f5;border-radius:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.container{padding:1rem}.profile-header{flex-direction:column;align-items:flex-start;text-align:left}.profile-actions{width:100%;justify-content:flex-start}.edit-actions{width:100%}.form-actions,.modal-footer{flex-direction:column-reverse}.stats-grid{grid-template-columns:1fr}}.legal-page{min-height:100vh;background:var(--muted);padding:32px 0}.legal-container{max-width:800px;margin:0 auto;background:var(--background);border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:48px}.legal-title{font-size:32px;font-weight:700;color:var(--foreground);text-align:center;margin:0 0 32px;padding-bottom:16px;border-bottom:3px solid var(--primary)}.legal-header{margin-bottom:24px}.legal-effective-date{font-size:14px;color:var(--muted-foreground);background:var(--secondary);padding:8px 16px;border-radius:6px;margin:0;display:inline-block}.legal-intro{background:var(--accent);padding:24px;border-radius:8px;margin-bottom:32px;border-left:4px solid var(--primary)}.legal-intro p{font-size:16px;line-height:1.7;color:var(--foreground);margin:0 0 16px}.legal-intro p:last-child{margin-bottom:0}.legal-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.legal-section:last-of-type{border-bottom:none}.legal-section h2{font-size:20px;font-weight:600;color:var(--primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent)}.legal-section p{font-size:16px;line-height:1.7;color:var(--foreground);margin:0 0 16px}.legal-section ul{margin:16px 0;padding-left:24px}.legal-section li{font-size:16px;line-height:1.7;color:var(--foreground);margin-bottom:8px}.legal-section ul ul{margin:8px 0}.legal-table-container{margin:24px 0;overflow-x:auto;border-radius:8px;border:1px solid var(--border);background:var(--background)}.legal-table{width:100%;border-collapse:collapse;background:var(--background);font-size:14px}.legal-table th{background:var(--primary);color:var(--primary-foreground);padding:16px;text-align:left;font-weight:600;border:1px solid var(--primary-hover)}.legal-table td{padding:16px;border:1px solid var(--border);vertical-align:top;line-height:1.6}.legal-table tr:nth-child(2n){background:var(--accent)}.legal-table tr:hover{background:var(--secondary)}.legal-contact-info{background:var(--secondary);padding:20px;border-radius:8px;margin:16px 0;border-left:4px solid var(--primary)}.legal-contact-info p{margin:0 0 8px;font-size:16px}.legal-contact-info p:last-child{margin-bottom:0}.legal-footer{background:var(--accent);padding:24px;border-radius:8px;text-align:center;margin-top:32px}.legal-footer h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 12px}.legal-footer p{font-size:16px;font-weight:500;color:var(--muted-foreground);margin:0}.legal-chapter{margin-bottom:40px}.legal-chapter h2{font-size:24px;font-weight:600;color:var(--primary);margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--primary)}.legal-article{margin-bottom:24px}.legal-article h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 12px}.legal-definition-list{margin:16px 0}.legal-definition-item{background:var(--secondary);padding:12px 16px;margin-bottom:8px;border-radius:6px;border-left:3px solid var(--primary)}.legal-definition-item strong{color:var(--primary)}.legal-purpose-list{margin:24px 0}.legal-purpose-item{background:var(--secondary);padding:20px;margin-bottom:16px;border-radius:8px;border-left:4px solid var(--primary)}.legal-purpose-item h3{font-size:16px;font-weight:600;color:var(--primary);margin:0 0 8px}.legal-purpose-item p{margin:0}.legal-browser-settings{background:var(--secondary);padding:20px;border-radius:8px;margin:16px 0}.legal-browser-settings h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 12px}.legal-browser-settings ul{margin:0;padding-left:20px}.legal-browser-settings li{margin-bottom:6px}.legal-policy-notice{background:var(--secondary);padding:16px;border-radius:6px;border-left:4px solid var(--warning);font-size:14px;color:var(--muted-foreground);margin:16px 0 0}@media (max-width: 768px){.legal-page{padding:16px 0}.legal-container{padding:24px;margin:0 16px}.legal-title{font-size:24px;margin-bottom:24px}.legal-section h2{font-size:18px}.legal-chapter h2{font-size:20px}.legal-table{font-size:12px}.legal-table th,.legal-table td{padding:12px 8px}.legal-table-container{font-size:12px}}@media (max-width: 480px){.legal-container{padding:16px;margin:0 8px}.legal-title{font-size:20px}.legal-table{font-size:11px}.legal-table th,.legal-table td{padding:8px 6px}}