@font-face{font-family:Pretendard;font-weight:400;font-display:block;src:url(/fonts/Pretendard-Regular.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600;font-display:block;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;font-display:block;src:url(/fonts/Pretendard-Bold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:800;font-display:block;src:url(/fonts/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:900;font-display:block;src:url(/fonts/Pretendard-Black.woff2) format("woff2")}:root{--font-primary: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, sans-serif;--font-mono: "Courier New", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-3xs: .5rem;--font-size-2xs: .55rem;--font-size-2xs-plus: .6rem;--font-size-xxs: .625rem;--font-size-xxs-plus: .65rem;--font-size-xxs-relaxed: .7rem;--font-size-xs-plus: .6875rem;--font-size-xs: .75rem;--font-size-sm-compact: .8125rem;--font-size-sm-snug: .825rem;--font-size-sm: .875rem;--font-size-sm-plus: .9375rem;--font-size-sm-relaxed: .95rem;--font-size-base-compact: .9rem;--font-size-base: 1rem;--font-size-base-plus: 1.1rem;--font-size-lg: 1.125rem;--font-size-lg-plus: 1.2rem;--font-size-lg-extended: 1.375rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-2xl-plus: 1.75rem;--font-size-3xl: 1.875rem;--font-size-xxl: 2rem;--font-size-4xl: 2.25rem;--font-size-display-xs: 2.5rem;--font-size-display-sm: 2.75rem;--font-size-display-md: 3rem;--font-size-display-lg: 3.25rem;--font-size-display-xl: 3.5rem;--font-size-display-2xl: 3.75rem;--font-size-display-3xl: 5rem;--font-size-display-4xl: 7.5rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}:root{--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px}:root{--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 20px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .3);--shadow-focus-primary: 0 0 0 3px rgba(102, 126, 234, .1);--shadow-focus-blue: 0 0 0 3px rgba(59, 130, 246, .1);--shadow-glow-primary: 0 4px 12px rgba(102, 126, 234, .3);--shadow-google: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--control-height-xs: 2.25rem;--control-height-sm: 2.5rem;--control-height-md: 2.75rem;--control-height-lg: 3.25rem;--control-padding-x-xs: .5rem;--control-padding-x-sm: .75rem;--control-padding-x: 1rem;--control-padding-x-lg: 1.5rem;--focus-ring-color: rgba(37, 99, 235, .25);--focus-ring-width: 3px;--focus-ring-offset: 0px;--surface-base: #ffffff;--surface-muted: #f8fafc;--surface-subtle: #f1f5f9;--surface-contrast: #0f172a;--border-soft: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .18);--elevation-surface: 0 8px 30px rgba(15, 23, 42, .12);--elevation-float: 0 18px 40px rgba(15, 23, 42, .16);--component-min-tap-size: 2.75rem;--component-grid-gap: var(--spacing-3)}: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:#030213;color:var(--primary)}.text-primary-foreground{color:#fff;color:var(--primary-foreground)}.text-foreground{color:#030213;color:var(--foreground)}.text-muted-foreground{color:#717182;color:var(--muted-foreground)}.text-destructive{color:#d4183d;color:var(--destructive)}.text-success{color:#16a34a;color:var(--success)}.text-info{color:#2563eb;color:var(--info)}.text-warning{color:#eab308;color:var(--warning)}.bg-primary{background-color:#030213;background-color:var(--primary)}.bg-secondary{background-color:#f3f3f5;background-color:var(--secondary)}.bg-muted{background-color:#ececf0;background-color:var(--muted)}.bg-accent{background-color:#e9ebef;background-color:var(--accent)}.bg-destructive{background-color:#d4183d;background-color:var(--destructive)}.bg-success{background-color:#16a34a;background-color:var(--success)}.bg-info{background-color:#2563eb;background-color:var(--info)}.bg-destructive-light{background-color:#fef2f2;background-color:var(--destructive-light)}.bg-success-light{background-color:#f0fdf4;background-color:var(--success-light)}.bg-info-light{background-color:#eff6ff;background-color:var(--info-light)}.border-destructive{border-color:#fca5a5;border-color:var(--destructive-border)}.border-primary{border-color:#030213;border-color:var(--primary)}.border-muted{border-color:#0000001a;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,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#434343;background:#fff;background:var(--background)}.font-aboreto{font-family:Aboreto,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-weight:400;font-style:normal}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}.app{min-height:100vh;background:#fff;background:var(--background)}.container{width:100%;max-width:1120px;max-width:var(--container);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:.5rem;gap:var(--spacing-2);padding:12px 20px;border-radius:8px;border-radius:var(--radius-base);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,#4ceb9f,#3bc97f);color:#fff;color:var(--primary-foreground)}.btn-primary:hover{background:#030213e6;background:var(--primary-hover)}.btn-outline{border-color:#030213;border-color:var(--primary);color:#030213;color:var(--primary);background:transparent}.btn-outline:hover{background:#030213;background:var(--primary);color:#fff;color:var(--primary-foreground)}.section{padding:80px 0}.section-muted{background:#ececf0;background:var(--muted)}.section-dark{background:#030213;background:var(--primary);color:#fff;color:var(--primary-foreground)}.h2{font-size:28px;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.muted{color:#717182;color:var(--muted-foreground)}.cards{display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--spacing-4);gap:1rem;gap:var(--spacing-4)}.card{border:1px solid rgba(0,0,0,.1);border-radius:12px;border-radius:var(--radius-md);padding:24px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 20px #00000014}.icon-box{width:48px;height:48px;border-radius:8px;border-radius:var(--radius-base);background:#030213;background:var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.badge{display:inline-block;padding:6px 10px;border-radius:4px;border-radius:var(--radius-sm);background:#030213;background:var(--black);color:#fff;color:var(--white);font-size:12px;font-weight:600}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px;align-items:center}.img-cover{width:100%;height:420px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f}.auth-form-wrapper-legacy{width:100%;max-width:400px;background:#fff;background:var(--white);padding:32px;border:1px solid #f3f3f5;border:1px solid var(--gray-100);border-radius:8px;border-radius:var(--radius-base)}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:24px;font-weight:600;margin:0 0 8px}.auth-subtitle{color:#717182;color:var(--black-70);margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.form-group label{font-weight:500;font-size:14px}.field-error{color:#d4183d;color:var(--destructive);font-size:12px;margin-top:4px;display:block}.alert{padding:12px;border-radius:4px;border-radius:var(--radius-sm);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:#717182;color:var(--black-70)}.auth-link{color:#030213;color:var(--black);-webkit-text-decoration:underline;text-decoration:underline}.auth-link:hover{opacity:.8}.radio-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.radio-label{display:flex;align-items:center;gap:.5rem;gap:var(--spacing-2);font-size:14px;cursor:pointer;padding:8px 0}@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)}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:20px}.nav{border-bottom:1px solid var(--gray-200);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;align-items:center;gap:var(--spacing-4)}.nav-links a{-webkit-text-decoration:none;text-decoration:none;color:var(--gray-700);font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);transition:all .2s}.nav-links a:hover{background-color:var(--gray-100);color:var(--gray-900)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius-base);font-size:1rem;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--layout1-btn-gradient-start);box-shadow:var(--shadow-focus-primary)}.form-input.error{border-color:var(--destructive);box-shadow:0 0 0 3px #dc26261a}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.input-with-icon .form-input{padding-left:44px}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.radio-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:12px;border-radius:var(--radius-base);transition:background-color .2s}.radio-label:hover{background-color:var(--gray-50)}.radio-label input[type=radio]{margin:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--foreground);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;font-size:var(--font-size-sm);border:1px solid var(--input-border);border-radius:var(--radius-base);transition:border-color .2s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.page-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--primary);margin:0 0 .5rem}.page-subtitle{color:var(--muted-foreground);font-size:var(--font-size-base);margin:0}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--secondary-hover)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);border:none}.btn-danger:hover{background:var(--destructive-hover)}.btn-success{background:var(--success);color:var(--success-foreground);border:none}.btn-success:hover{opacity:.9}.form-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-4)}.empty-state-gray{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--gray-400)}.empty-state-gray svg{color:var(--gray-300);margin-bottom:1rem}.empty-state-gray h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 .5rem}.empty-state-gray p{color:var(--gray-400);font-size:var(--font-size-sm);margin:0}.empty-state-white{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:#fff}.empty-state-white svg{color:#ffffffb3;margin-bottom:1rem}.empty-state-white h3{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 .5rem}.empty-state-white p{color:#fffc;font-size:var(--font-size-sm);margin:0}.loading-state-gray{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--gray-500)}.loading-state-gray svg{color:var(--gray-400);margin-bottom:1rem;animation:pulse 2s infinite}.loading-state-gray p{color:var(--gray-500);font-size:var(--font-size-base);margin:0}.loading-state-white{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:#fff}.loading-state-white svg{color:#fffc;margin-bottom:1rem;animation:pulse 2s infinite}.loading-state-white p{color:#fff;font-size:var(--font-size-base);margin:0}.error-state-gray{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--gray-500)}.error-state-gray svg{color:var(--destructive);margin-bottom:1rem}.error-state-gray h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 .5rem}.error-state-gray p{color:var(--gray-500);font-size:var(--font-size-sm);margin:0 0 1rem}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:toast-in .3s ease-out;transition:transform .2s,opacity .2s}.toast:hover{transform:translate(-4px)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{font-size:14px;line-height:1.4;color:#1f2937;word-break:keep-all}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#d1fae5;color:#059669}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#fef3c7;color:#d97706}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}@media (max-width: 480px){.toast-container{bottom:16px;right:16px;left:16px;max-width:none}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:var(--layout1-transition);border-bottom:none}.header-scrolled{background:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.header-container{max-width:var(--layout1-container-max);margin:0 auto;padding:0 var(--layout1-container-padding);height:var(--layout1-header-height);display:flex;align-items:center;justify-content:space-between}.header-logo{-webkit-text-decoration:none;text-decoration:none;display:flex;align-items:center}.header-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);letter-spacing:-.02em;color:var(--layout1-text-white);transition:var(--layout1-transition);font-family:Aboreto,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.header-admin-badge{margin-left:.75rem;padding:.25rem .75rem;background:#fff3;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.header-nav{display:flex;gap:40px;align-items:center;margin-left:auto;margin-right:24px}.header-nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#ffffffe6;-webkit-text-decoration:none;text-decoration:none;transition:var(--layout1-transition);position:relative;padding:8px 0}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--layout1-success);transition:width .3s ease}.header-nav-link:hover{color:var(--layout1-text-white)}.header-nav-link:hover:after{width:100%}.header-actions{display:flex;gap:var(--spacing-3);align-items:center}.header-btn-ghost{background:transparent;color:#ffffffe6;border:none;font-weight:var(--font-weight-semibold);padding:10px 20px;font-size:var(--font-size-base);border-radius:var(--radius-base);transition:var(--layout1-transition);cursor:pointer}.header-btn-ghost:hover{background:#ffffff1a;color:var(--layout1-text-white)}.header-btn-primary{background:var(--layout1-bg-white);color:#434343;border:1px solid var(--layout1-border-light);font-weight:var(--font-weight-bold);padding:10px 24px;font-size:var(--font-size-base);border-radius:var(--radius-base);transition:var(--layout1-transition);cursor:pointer;box-shadow:0 2px 8px #0000000d}.header-btn-primary:hover{background:#4ceb9f;border-color:#4ceb9f;color:var(--layout1-text-white);transform:translateY(-2px);box-shadow:0 4px 12px #4ceb9f4d}@media (--desktop){.header-nav{gap:var(--spacing-6);margin-right:16px}.header-actions{gap:var(--spacing-2)}.header-btn-primary{padding:8px 16px;font-size:var(--font-size-sm)}}@media (--tablet){.header-container{padding:0 20px;height:var(--layout1-header-height-mobile)}.header-logo-text{font-size:var(--font-size-xl)}.header-nav{gap:var(--spacing-4);margin-right:12px}.header-nav-link{font-size:var(--font-size-sm)}.header-btn-primary{padding:6px 12px}}.footer{background:#fff;border-top:1px solid rgba(0,0,0,.1);color:#434343}.footer-cta{text-align:center;margin-bottom:48px;padding:64px 32px;background:#00000005;border-radius:var(--radius-lg)}.footer-cta-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 16px;line-height:1.2;color:#434343}.footer-cta-title-highlight{color:var(--primary)}.footer-cta-description{color:#717182;max-width:500px;margin:0 auto 24px;line-height:1.6}.footer-cta-actions{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}.footer-content{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-8);gap:var(--spacing-8);margin-bottom:32px;align-items:start}.footer-brand{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:16px}.footer-brand-icon{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.footer-brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#434343}.footer-description{color:#717182;line-height:1.6;margin:0;font-size:var(--font-size-sm)}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 16px;color:#434343}.footer-section-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-section-link{color:#717182;-webkit-text-decoration:none;text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.footer-section-link:hover{color:#434343}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#717182;margin-bottom:12px}.footer-contact-icon{width:16px;height:16px}.footer-separator{height:1px;background:#0000001a;border:none;margin:32px 0}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:#717182}.footer-bottom-links{display:flex;gap:var(--spacing-6)}.footer-bottom-link{color:#717182;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease}.footer-bottom-link:hover{color:#434343}@media (--min-tablet){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (--min-desktop){.footer-content{grid-template-columns:2fr 1.3fr .8fr 1.2fr;grid-template-areas:"brand apps support contact"}.footer-content>.footer-section:nth-child(1){grid-area:brand}.footer-content>.footer-section:nth-child(4){grid-area:apps}.footer-content>.footer-section:nth-child(2){grid-area:support}.footer-content>.footer-section:nth-child(3){grid-area:contact}}:root{--layout1-gradient-start: #36BED4;--layout1-gradient-end: #3983F3;--layout1-gradient-start-rgb: 54, 190, 212;--layout1-gradient-end-rgb: 57, 131, 243;--layout1-btn-gradient-start: #4CEB9F;--layout1-btn-gradient-end: #3BC97F;--layout1-btn-gradient-hover-start: #3BC97F;--layout1-btn-gradient-hover-end: #2DB66F;--layout1-blue-50: #E8F0FF;--layout1-blue-100: #C6DBFF;--layout1-blue-200: #99BDFF;--layout1-blue-300: #70A2FF;--layout1-blue-400: #4788FF;--layout1-blue-500: #1A6DFF;--layout1-blue-600: #0056F5;--layout1-blue-700: #0047CC;--layout1-blue-800: #0039A3;--layout1-blue-900: #002B7A;--layout1-mint-50: #E5FBF6;--layout1-mint-100: #CCF7EB;--layout1-mint-200: #99F1DA;--layout1-mint-300: #73EBCC;--layout1-mint-400: #4CE6BF;--layout1-mint-500: #00DBA3;--layout1-mint-600: #00BA8B;--layout1-mint-700: #009972;--layout1-mint-800: #00785A;--layout1-mint-900: #005841;--layout1-primary: #1A6DFF;--layout1-success: #00DBA3;--layout1-bg-black: #000000;--layout1-bg-dark: #282828;--layout1-bg-blue-dark: #002B7A;--layout1-bg-white: #ffffff;--layout1-bg-light: #f9fafb;--layout1-text-black: #000000;--layout1-text-primary: #212121;--layout1-text-muted: #999999;--layout1-text-light: #d8d8d8;--layout1-text-white: #ffffff;--layout1-border: #cccccc;--layout1-border-light: #e5e7eb;--layout1-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--layout1-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--layout1-shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--layout1-transition: all .3s ease;--layout1-container-max: 1180px;--layout1-container-padding: 40px;--layout1-header-height: 88px;--layout1-header-height-mobile: 72px;--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;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--green-50: #f0fdf4;--green-100: #d1fae5;--green-200: #a7f3d0;--green-300: #6ee7b7;--green-400: #34d399;--green-500: #10b981;--green-600: #059669;--green-700: #047857;--green-800: #065f46;--green-900: #064e3b;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--yellow-50: #fefce8;--yellow-100: #fef3c7;--yellow-200: #fde68a;--yellow-300: #fcd34d;--yellow-400: #fbbf24;--yellow-500: #f59e0b;--yellow-600: #d97706;--yellow-700: #b45309;--yellow-800: #92400e;--yellow-900: #78350f;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--color-white: #ffffff;--color-black: #000000;--color-text: #1a1a1a;--color-text-light: #666;--color-text-lighter: #999;--color-border: #e5e7eb;--color-bg: #f8f9fa;--color-bg-light: #f9fafb;--status-approved: #2FAF8E;--status-approved-bg: rgba(47, 175, 142, .1);--status-approved-text: #2FAF8E;--status-approved-border: rgba(47, 175, 142, .3);--status-recruiting: #35C789;--status-recruiting-bg: rgba(53, 199, 137, .1);--status-recruiting-text: #35C789;--status-recruiting-border: rgba(53, 199, 137, .3);--status-paused: #EAC54F;--status-paused-bg: rgba(234, 197, 79, .1);--status-paused-text: #EAC54F;--status-paused-border: rgba(234, 197, 79, .3);--status-closed: #E06464;--status-closed-bg: rgba(224, 100, 100, .1);--status-closed-text: #E06464;--status-closed-border: rgba(224, 100, 100, .3);--status-ongoing: #4AAFE2;--status-ongoing-bg: rgba(74, 175, 226, .1);--status-ongoing-text: #4AAFE2;--status-ongoing-border: rgba(74, 175, 226, .3);--status-completed: #4A4A4A;--status-completed-bg: rgba(74, 74, 74, .1);--status-completed-text: #4A4A4A;--status-completed-border: rgba(74, 74, 74, .3)}.layout1-theme{background:linear-gradient(125deg,#36bed4 0% 5%,#3983f3);background:linear-gradient(125deg,var(--layout1-gradient-start) 0%,var(--layout1-gradient-start) 5%,var(--layout1-gradient-end) 100%);min-height:100vh}.main-content{padding-top:calc(88px + 2rem);padding-bottom:2rem;min-height:calc(100vh - 88px)}.main-content.admin-content{max-width:1180px;max-width:var(--layout1-container-max);margin:0 auto;padding-left:40px;padding-left:var(--layout1-container-padding);padding-right:40px;padding-right:var(--layout1-container-padding)}@media (--tablet){.main-content.admin-content{padding-left:20px;padding-right:20px}}.btn{--btn-padding-x: var(--control-padding-x, 1rem);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:var(--control-height-md);padding:0 1rem;padding:0 var(--btn-padding-x);border-radius:var(--radius-base);border:1px solid transparent;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);line-height:1.2;background:var(--surface-muted);color:var(--gray-800);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--surface-subtle)}.btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn+.btn{margin-left:var(--spacing-2)}.btn-primary{background:linear-gradient(135deg,var(--layout1-btn-gradient-start),var(--layout1-btn-gradient-end));color:#fff;box-shadow:var(--shadow-base)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--layout1-btn-gradient-hover-start),var(--layout1-btn-gradient-hover-end))}.btn-secondary{background:var(--gray-100);color:var(--gray-800);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.btn-outline{background:transparent;border:1px solid var(--border-soft);color:var(--gray-700);box-shadow:none}.btn-outline:hover:not(:disabled){border-color:var(--border-strong);color:var(--gray-900);background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--gray-600);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:#0f172a0d;color:var(--gray-900)}.btn-success{background:var(--green-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--green-700)}.btn-danger{background:var(--red-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--red-700)}.btn-block{width:100%}.btn-xs{min-height:var(--control-height-xs);font-size:var(--font-size-sm-compact);--btn-padding-x: var(--control-padding-x-xs)}.btn-sm{min-height:var(--control-height-sm);font-size:var(--font-size-sm);--btn-padding-x: var(--control-padding-x-sm)}.btn-lg{min-height:var(--control-height-lg);font-size:var(--font-size-base);--btn-padding-x: var(--control-padding-x-lg)}.btn-icon{width:var(--component-min-tap-size);min-width:var(--component-min-tap-size);min-height:var(--component-min-tap-size);padding:0;border-radius:var(--radius-circle)}@media (--tablet){.btn{width:auto}.btn-block{width:100%}}.card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:24px;box-shadow:var(--shadow-base);transition:all .2s}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;transition:all .2s}.campaign-card.clickable:hover{box-shadow:var(--shadow-lg)}.card--muted{background:var(--surface-muted);border-style:dashed}.card--inline{border-radius:var(--radius-base);box-shadow:none}.card-body,.card-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.card-footer{padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center;justify-content:flex-end}.dashboard-card{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.dashboard-card .card-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-soft);align-items:center;margin-bottom:0}.dashboard-card .card-body,.dashboard-card .card-content{padding:var(--spacing-5) var(--spacing-6)}.dashboard-card .card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-soft);margin-top:0}.card-icon{width:52px;height:52px;border-radius:var(--radius-circle);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--layout1-btn-gradient-start),var(--layout1-btn-gradient-end));color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.card-icon.is-warning{background:linear-gradient(135deg,#fbbf24,#f97316)}.card-icon.is-info{background:linear-gradient(135deg,#60a5fa,#2563eb)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);flex:1}.card-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.view-all-btn{font-size:var(--font-size-sm);color:var(--layout1-btn-gradient-start);background:transparent;border:1px solid transparent;border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-semibold);padding:.35rem .75rem;transition:background .2s ease,color .2s ease}.view-all-btn:hover{background:var(--gray-50)}.view-all-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.stat-card{background:var(--surface-base);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-soft);-webkit-text-decoration:none;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:block}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}.stat-content{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4)}.stat-left{display:flex;flex-direction:column;align-items:center;gap:0}.stat-right{text-align:right;margin-left:auto}.stat-meta{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:var(--gray-900);line-height:1.1}.stat-label{color:var(--gray-500);font-size:var(--font-size-xs);margin:0}.stat-trend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--green-600)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media (max-width: 1024px){.card-header,.card-body,.card-footer{padding:var(--spacing-4)}}@media (max-width: 768px){.card-header{flex-direction:column;align-items:flex-start}.card-footer{flex-direction:column;align-items:stretch}}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-right:.375rem}.status-tag.create{background:#3b82f61a;color:#2563eb}.status-tag.edit{background:#f59e0b1a;color:#d97706}.status-tag.delete{background:#ef44441a;color:#dc2626}.category-badge{display:inline-flex;align-items:center;background:#eff6ff;color:#2563eb;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.25rem .75rem;border-radius:var(--radius-sm);flex-shrink:0}.recruitment-badge{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.25rem .75rem;border-radius:var(--radius-sm);flex-shrink:0}.recruitment-badge.closing-soon{background:#fef3c7;color:#d97706}.recruitment-badge.closed{background:#f3f4f6;color:#6b7280}.position-badge{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.25rem .5rem;border-radius:var(--radius-sm);flex-shrink:0}.position-badge.position-full{background:#fee2e2;color:#dc2626}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid var(--gray-200);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--gray-800);transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:100px}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:2rem}.filters{display:flex;gap:var(--spacing-4);margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.status-filter{padding:.625rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--gray-800);background:#fff;cursor:pointer;min-width:150px}.status-filter:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb1a}.detail-row{display:flex;gap:var(--spacing-4);margin-bottom:.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:2rem;padding:1rem}.pagination-btn{padding:.625rem 1.25rem;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--blue-600);color:var(--blue-600)}.pagination-info{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:var(--font-weight-medium)}@media (--tablet){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column;align-items:stretch}.detail-row{flex-direction:column;gap:var(--spacing-2)}.pagination{flex-wrap:wrap}}@media (--mobile){.stats-grid{grid-template-columns:1fr}}.home1{width:100%;overflow-x:hidden;scroll-behavior:smooth;margin-top:calc(-88px - 2rem)}.home1-container{max-width:var(--layout1-container-max);margin:0 auto;padding:0 var(--layout1-container-padding)}.home1-fullscreen-hero{position:relative;width:100%;min-height:calc(100vh + 300px);display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(125deg,var(--layout1-gradient-start) 0%,var(--layout1-gradient-start) 5%,var(--layout1-gradient-end) 100%);overflow:visible;padding-top:100px;padding-bottom:300px}.home1-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(var(--layout1-gradient-end-rgb),.25) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(var(--layout1-gradient-start-rgb),.2) 0%,transparent 60%);pointer-events:none}.home1-hero-container{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 20px}.home1-hero-badge{display:inline-block;padding:8px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:var(--layout1-text-white);font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-medium);margin-top:40px;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home1-hero-heading{font-size:var(--font-size-display-3xl);font-weight:var(--font-weight-extrabold);color:var(--layout1-text-white);line-height:1.1;margin:0 0 30px;letter-spacing:-.03em;font-family:var(--font-primary)}.home1-hero-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:nowrap}.home1-hero-buttons .appstore-badge,.home1-cta-buttons .appstore-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--layout1-bg-white);color:#434343;border-radius:var(--radius-md);border:1px solid var(--layout1-border-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);transition:var(--layout1-transition);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;flex-shrink:1;white-space:nowrap}.home1-hero-buttons .appstore-badge:hover,.home1-cta-buttons .appstore-badge:hover{transform:translateY(-2px);background:#4ceb9f;border-color:#4ceb9f;box-shadow:0 8px 26px #4ceb9f4d}.home1-hero-phone{position:absolute;top:500px;left:50%;transform:translate(-50%);width:100%;max-width:300px;z-index:2}.home1-phone-mockup{width:100%;max-width:400px;margin:0 auto;aspect-ratio:9/19.5;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:50px;padding:10px;box-shadow:0 40px 80px -20px #0009,inset 0 0 0 2px #5b8fff80,inset 0 0 0 3px #00d4dd4d,inset 0 0 20px #5b8fff33;position:relative;display:flex;flex-direction:column;transition:all .3s ease}.home1-phone-mockup:after{content:"";position:absolute;inset:0;border-radius:50px;padding:2px;background:linear-gradient(125deg,rgba(var(--layout1-gradient-start-rgb),.8),rgba(var(--layout1-gradient-end-rgb),.8));mask:linear-gradient(#fff 0,#fff 0) content-box,linear-gradient(#fff 0,#fff 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0,#fff 0) content-box,linear-gradient(#fff 0,#fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home1-phone-mockup:hover{transform:translateY(-5px);box-shadow:0 50px 100px -20px #000000b3,inset 0 0 0 2px #5b8fffb3,inset 0 0 0 3px #00d4dd80,inset 0 0 30px #5b8fff4d}.home1-phone-screen{flex:1;background:var(--layout1-bg-white);border-radius:40px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:200px 30px 30px;box-shadow:inset 0 0 60px #ffffff1a,inset 0 1px 2px #ffffff4d,0 0 20px #5b8fff33}.home1-phone-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none}.home1-phone-screen:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#000;border-radius:var(--radius-lg);box-shadow:inset 0 -1px 2px #ffffff1f;transition:all .35s ease;z-index:2}.home1-phone-mockup:hover .home1-phone-screen:after{width:220px;height:42px;border-radius:var(--radius-xl);box-shadow:inset 0 -1px 2px #ffffff1f,0 6px 18px #00000026}.home1-phone-content{text-align:center;color:var(--layout1-primary)}.home1-phone-logo{font-size:var(--font-size-xxl);font-weight:var(--font-weight-extrabold);margin-bottom:20px;letter-spacing:-.02em;font-family:Aboreto,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#666;transition:transform .35s ease}.home1-phone-mockup:hover .home1-phone-logo{transform:translateY(-32px)}.home1-phone-text{display:none}.home1-section{padding:120px 0;background:var(--layout1-bg-white);scroll-margin-top:var(--layout1-header-height)}.home1-section-intro{text-align:center;margin-bottom:80px}.home1-bg-dark{background:#000;border-radius:40px 40px 0 0;padding-top:140px!important;margin-top:-28px}.home1-bg-dark--first{padding-top:120px!important;margin-top:-300px!important;border-radius:60px 60px 0 0}.home1-bg-dark--first .home1-section-intro{margin-bottom:56px}.home1-bg-dark--first .home1-stats-grid{margin-top:40px}.home1-bg-light{background:var(--layout1-bg-light)}.home1-heading-xl{font-size:var(--font-size-display-xl);font-weight:var(--font-weight-extrabold);line-height:1.2;letter-spacing:-.02em;color:var(--layout1-text-black);margin:0 0 20px}.home1-text-lg{font-size:var(--font-size-xl);line-height:1.6;color:var(--layout1-text-muted);margin:0}.home1-text-white{color:var(--layout1-text-white)}.home1-text-light{color:#fffc}.home1-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;margin-top:60px}.home1-stat-card{padding:50px 40px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);text-align:left;transition:var(--layout1-transition);box-shadow:0 4px 16px #0003}.home1-stat-card:hover{transform:translateY(-5px)}.home1-stat-label{font-size:var(--font-size-sm);color:#fff9;margin-bottom:16px;font-weight:var(--font-weight-medium)}.home1-stat-number{font-size:var(--font-size-display-lg);font-weight:var(--font-weight-extrabold);color:var(--layout1-text-white);margin-bottom:12px;line-height:1}.home1-stat-desc{font-size:var(--font-size-sm-plus);color:#ffffffb3;line-height:1.6}.home1-features .home1-section-intro{margin-bottom:48px}.home1-features .home1-split-content{margin-bottom:64px}.home1-features .home1-split-content:last-of-type{margin-bottom:0}.home1-split-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.home1-split-text{max-width:500px}.home1-split-image{width:100%}.home1-feature-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000004d}.home1-service-badge{display:inline-block;padding:8px 20px;background:#4a90ff26;color:#4a90ff;border-radius:50px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:24px;letter-spacing:.5px}.home1-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.home1-review-card{padding:32px;background:var(--layout1-bg-white);border:1px solid var(--layout1-border-light);border-radius:var(--radius-lg);box-shadow:var(--layout1-shadow-sm);transition:var(--layout1-transition)}.home1-review-card:hover{transform:translateY(-6px);box-shadow:var(--layout1-shadow-md);border-color:var(--layout1-primary)}.home1-review-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--layout1-text-black);margin-bottom:12px;line-height:1.4}.home1-review-text{font-size:var(--font-size-sm-plus);color:var(--layout1-text-primary);line-height:1.7;margin:0 0 16px}.home1-review-meta{font-size:var(--font-size-sm-compact);color:var(--layout1-text-muted)}.home1-cta-section{position:relative;overflow:hidden;border-radius:60px 60px 0 0;padding-top:80px!important;margin-top:-40px;z-index:10}.home1-cta-section.home1-bg-black{background:#000}.home1-cta-content{text-align:center;position:relative;z-index:1;padding:80px 0}.home1-cta-buttons{margin-top:40px;display:flex;justify-content:center;gap:var(--spacing-4);flex-wrap:nowrap}.home1-btn-white{background:var(--layout1-bg-white);color:var(--layout1-text-black);border:none;padding:16px 40px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-base);transition:var(--layout1-transition)}.home1-btn-white:hover{background:var(--layout1-success);color:var(--layout1-text-white);transform:translateY(-2px)}@media (--desktop){.home1-container{padding:0 30px}.home1-bg-dark--first,.home1-cta-section{padding-top:60px!important;margin-top:-25px;border-radius:40px 40px 0 0}.home1-hero-heading{font-size:var(--font-size-display-2xl)}.home1-heading-xl{font-size:var(--font-size-display-sm)}.home1-split-content{gap:60px}.home1-section{padding:100px 0}}@media (--tablet){.home1-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (--tablet){.home1-container{padding:0 20px}.home1-section{padding:80px 0;scroll-margin-top:var(--layout1-header-height-mobile)}.home1-bg-dark{padding-top:220px!important}.home1-bg-dark--first{padding-top:75px!important;margin-top:-100px!important}.home1-fullscreen-hero{min-height:100vh;height:auto;padding-top:90px;padding-bottom:60px}.home1-hero-heading{font-size:var(--font-size-display-sm)}.home1-hero-buttons,.home1-cta-buttons{gap:var(--spacing-3)}.home1-hero-buttons .appstore-badge,.home1-cta-buttons .appstore-badge{padding:10px 14px;font-size:var(--font-size-sm-compact);gap:var(--spacing-2)}.home1-hero-buttons .appstore-badge svg,.home1-cta-buttons .appstore-badge svg{width:16px;height:16px}.home1-hero-phone{max-width:280px;top:450px}.home1-heading-xl{font-size:var(--font-size-4xl)}.home1-text-lg{font-size:var(--font-size-lg)}.home1-split-content{grid-template-columns:1fr;gap:40px}.home1-stat-number{font-size:var(--font-size-display-md)}.home1-section-intro{margin-bottom:60px}.home1-phone-mockup{max-width:300px;border-radius:40px}.home1-phone-mockup:after{border-radius:40px}.home1-phone-screen{border-radius:30px;padding:65px 20px 20px}.home1-phone-screen:after{top:8px;width:100px;height:24px;border-radius:14px}.home1-phone-logo{font-size:var(--font-size-2xl-plus);margin-top:80px}}@media (--mobile){.home1-stats-grid{grid-template-columns:1fr}}@media (--mobile){.home1-bg-dark--first{padding-top:65px!important;margin-top:0!important}}@media (--mobile){.home1-hero-heading{font-size:var(--font-size-4xl)}.home1-hero-badge{font-size:var(--font-size-xs);padding:8px 16px}.home1-hero-phone{max-width:240px;top:420px}.home1-bg-dark{padding-top:200px!important}.home1-heading-xl{font-size:var(--font-size-2xl-plus)}.home1-stat-number{font-size:var(--font-size-display-xs)}.home1-phone-mockup{max-width:260px;border-radius:35px}.home1-phone-mockup:after{border-radius:35px}.home1-phone-screen{border-radius:25px;padding:60px 15px 15px}.home1-phone-screen:after{top:6px;width:90px;height:22px;border-radius:var(--radius-md)}.home1-phone-logo{font-size:var(--font-size-2xl);margin-top:30px}}.google-login-container{position:relative;width:100%}.google-login-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:var(--radius-sm);background-color:#fff;color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:20px;cursor:pointer;transition:background-color .218s ease,border-color .218s ease,box-shadow .218s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;-webkit-text-decoration: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 (--mobile){.google-login-button{font-size:var(--font-size-sm-compact);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:var(--font-size-sm-compact);min-height:36px}.google-login-button.large{padding:16px 20px;font-size:var(--font-size-base);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:var(--spacing-3)}.type-selector-toggle{display:flex;justify-content:center}.toggle-button{background:none;border:none;color:#1a73e8;font-size:var(--font-size-sm);cursor:pointer;padding:8px 16px;border-radius:var(--radius-sm);transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-2);-webkit-text-decoration:none;text-decoration:none}.toggle-button:hover{background-color:#f8f9ff;color:#1557b0}.toggle-button:disabled{color:#9aa0a6;cursor:not-allowed}.toggle-icon{font-size:var(--font-size-base);transition:transform .2s ease}.toggle-button:hover .toggle-icon{transform:rotate(90deg)}.advanced-google-login{display:flex;flex-direction:column;gap:var(--spacing-4)}.user-type-section{padding:16px;background-color:#f8f9fa;border-radius:var(--radius-base);border:1px solid #e0e0e0}.user-type-section .form-group{margin:0}.user-type-section .form-group>label{font-weight:var(--font-weight-semibold);color:#202124;margin-bottom:12px;display:block}.user-type-section .radio-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.user-type-section .radio-label{display:flex;align-items:center;gap:var(--spacing-2);padding:12px 16px;background-color:#fff;border:1px solid #dadce0;border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-regular)}.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:var(--font-weight-semibold);color:#1a73e8}.back-button{background:none;border:1px solid #dadce0;color:#5f6368;font-size:var(--font-size-sm);padding:8px 16px;border-radius:var(--radius-sm);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:var(--font-size-sm-compact);color:#5f6368;line-height:1.4;margin:0}@media (--mobile){.user-type-section .radio-group{gap:var(--spacing-2)}.user-type-section .radio-label{padding:10px 12px;font-size:var(--font-size-sm)}.info-text{font-size:var(--font-size-xs)}}@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}}.auth-page{background:transparent;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh;margin-top:calc(-88px - 2rem)}@media (--tablet){.auth-page{padding:16px;min-height:100vh}}.auth-form-wrapper{background:#fff;border-radius:var(--radius-lg);padding:48px;border:1px solid #e5e7eb;box-shadow:none;width:100%;max-width:480px}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:8px}.auth-subtitle{color:#6b7280}.auth-form{margin-bottom:24px}.auth-footer{text-align:center}.auth-link{color:#4ceb9f;-webkit-text-decoration:none;text-decoration:none;font-weight:var(--font-weight-medium)}.auth-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.google-login-full-width .google-login-container{width:100%}.google-login-full-width .google-login-container>div{width:100%!important}.google-login-full-width .google-login-container>div>div{width:100%!important}.login-description{text-align:center;margin-bottom:1.25rem;color:#6b7280;font-size:var(--font-size-sm);line-height:1.5}.login-tabs{display:flex;margin-bottom:2rem;border:1px solid #e5e5e5;border-radius:var(--radius-base);overflow:hidden;background:#f9fafb}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:1rem;background:transparent;border:none;cursor:pointer;transition:all .2s;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#6b7280}.tab-button.active{background:#fff;color:#111827;font-weight:var(--font-weight-semibold)}.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:var(--font-size-sm);margin:0}.login-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}.google-login-wrapper{width:100%}.email-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:12px 20px;font-weight:var(--font-weight-semibold)}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-base);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:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.error-close{background:none;border:none;color:#dc2626;font-size:var(--font-size-xl);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-close:hover{background:#dc26261a;border-radius:var(--radius-sm)}.error-card p{color:#7f1d1d;margin:0 0 1rem;font-size:var(--font-size-sm);line-height:1.4}.error-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}@media (--tablet){.tab-button span{display:none}.tab-button{padding:.75rem .5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.phone-input{display:flex;align-items:center;gap:.5rem;width:100%}.phone-input>.phone-prefix{width:60px;height:44px;padding:0 .35rem;border:1px solid var(--gray-300);border-radius:var(--radius-base);font-size:var(--font-size-base);background:#fff;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.phone-input>.phone-prefix:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.phone-input>.phone-prefix:disabled{background:var(--gray-100);cursor:not-allowed}.phone-input>.phone-separator{color:var(--gray-400);font-size:var(--font-size-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-input>.phone-middle,.phone-input>.phone-last{flex:1;height:44px;padding:0 .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-base);font-size:var(--font-size-lg);text-align:center;transition:border-color .2s;box-sizing:border-box}.phone-input>.phone-middle:focus,.phone-input>.phone-last:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.phone-input>.phone-middle:disabled,.phone-input>.phone-last:disabled{background:var(--gray-100);cursor:not-allowed}.phone-input>.phone-middle::-moz-placeholder,.phone-input>.phone-last::-moz-placeholder{color:var(--gray-400)}.phone-input>.phone-middle::placeholder,.phone-input>.phone-last::placeholder{color:var(--gray-400)}@media (max-width: 768px){.phone-input{gap:.375rem}.phone-input>.phone-prefix{width:55px;height:40px;padding:0 .25rem;font-size:var(--font-size-sm)}.phone-input>.phone-middle,.phone-input>.phone-last{height:40px;padding:0 .5rem;font-size:var(--font-size-base)}.phone-input>.phone-separator{font-size:var(--font-size-base)}}.complete-profile-page{min-height:100vh;background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.complete-profile-page .container{width:100%;max-width:600px}.profile-setup-container{background:var(--color-white);border-radius:var(--radius-md);padding:3rem;box-shadow:0 4px 6px -1px #0000001a}.profile-setup-header{text-align:center;margin-bottom:2rem}.profile-setup-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:.5rem}.profile-setup-header p{color:var(--gray-500);font-size:var(--font-size-base)}.welcome-message{margin-top:1rem;padding:1rem;background:var(--info-light);border-radius:var(--radius-base);border:1px solid var(--info)}.welcome-message p{color:var(--info-700);margin:0;font-weight:var(--font-weight-semibold)}.error-message{background:var(--destructive-light);border:1px solid var(--destructive-border);border-radius:var(--radius-base);padding:1rem;margin-bottom:1.5rem}.error-message p{color:var(--destructive);margin:0;font-size:var(--font-size-sm)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-input{padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-base);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.complete-profile-page .btn-primary{background:var(--blue-500);color:var(--color-white)}.complete-profile-page .btn-primary:hover:not(:disabled){background:var(--blue-600)}.complete-profile-page .btn-primary:disabled{background:var(--gray-400);cursor:not-allowed}.terms-step{width:100%}.terms-form{margin-top:1.5rem}.terms-section{margin-bottom:2rem}.terms-section h3{font-size:var(--font-size-base-plus);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:1rem}.terms-item{margin-bottom:1rem}.terms-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;position:relative;padding:.75rem;border-radius:var(--radius-base);transition:background-color .2s}.terms-checkbox:hover{background-color:var(--gray-50)}.terms-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:var(--color-white);border:2px solid var(--gray-300);border-radius:var(--radius-sm);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 var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-checkbox input:checked~.checkmark:after{display:block}.terms-text{color:var(--gray-700);font-size:var(--font-size-sm-relaxed);line-height:1.5;flex:1}.terms-text a{color:var(--primary);-webkit-text-decoration:underline;text-decoration:underline;font-weight:var(--font-weight-medium)}.terms-text a:hover{color:var(--primary-hover)}@media (--tablet){.profile-setup-container{padding:2rem 1.5rem}.profile-setup-header h1{font-size:var(--font-size-2xl-plus)}.terms-checkbox{padding:.5rem}.terms-text{font-size:var(--font-size-base-compact)}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.admin-login-container{width:100%;max-width:450px}.admin-login-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:3rem 2.5rem}.admin-login-header{text-align:center;margin-bottom:2.5rem}.admin-shield-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 20px #667eea4d}.admin-login-header h1{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#111827;margin:0 0 .5rem}.admin-login-header p{font-size:var(--font-size-sm-plus);color:#6b7280;margin:0}.admin-error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-base);padding:.875rem 1rem;margin-bottom:1.5rem}.admin-error-alert p{margin:0;color:#991b1b;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-login-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.admin-form-group label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold);color:#374151;font-size:var(--font-size-sm)}.admin-form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:var(--radius-base);font-size:var(--font-size-sm-plus);font-family:inherit;transition:all .2s}.admin-form-group input:focus{outline:none;border-color:#4ceb9f;box-shadow:var(--shadow-focus-primary)}.admin-form-group input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.admin-form-group input::-moz-placeholder{color:#9ca3af}.admin-form-group input::placeholder{color:#9ca3af}.admin-login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s;box-shadow:var(--shadow-glow-primary)}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.admin-login-footer p{margin:.25rem 0;font-size:var(--font-size-xs);color:#9ca3af;line-height:1.5}@media (--mobile){.admin-login-card{padding:2rem 1.5rem}.admin-shield-icon{width:64px;height:64px}.admin-shield-icon svg{width:32px;height:32px}.admin-login-header h1{font-size:var(--font-size-2xl)}.admin-login-header p{font-size:var(--font-size-sm)}}.dashboard .stats-grid{margin-bottom:48px}.dashboard{min-height:100vh;background:transparent;padding:0}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-semibold);margin:0 0 8px}.dashboard-subtitle{color:var(--black-70);margin:0}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 16px}.quick-actions{margin-bottom:32px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.action-card{background:var(--white);padding:24px;border-radius:var(--radius-base);border:1px solid var(--gray-100);-webkit-text-decoration:none;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:var(--radius-base);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 8px}.action-description{color:var(--black-70);font-size:var(--font-size-sm);line-height:1.5;margin:0}.recent-activity{margin-bottom:32px}.activity-list{background:var(--white);border-radius:var(--radius-base);border:1px solid var(--gray-100);overflow:hidden}.activity-item{padding:20px;border-bottom:1px solid var(--gray-100)}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 4px}.activity-description{color:var(--black-70);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 8px}.activity-time{color:var(--black-70);font-size:var(--font-size-xs)}.today-schedule{margin-bottom:32px}.empty-schedule{text-align:center;padding:48px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-base)}.empty-schedule p{margin:0 0 16px;color:var(--black-70)}.schedule-list{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-base);overflow:hidden}.schedule-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--gray-100);gap:var(--spacing-4);transition:background-color .2s}.schedule-item:last-child{border-bottom:none}.schedule-item.today{background-color:var(--yellow-100);border-left:4px solid var(--yellow-600)}.schedule-datetime{display:flex;flex-direction:column;align-items:flex-start;min-width:100px}.schedule-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--black-70);margin-bottom:4px}.schedule-time{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--black)}.schedule-content{flex:1;position:relative}.schedule-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 4px}.schedule-location{color:var(--black-70);font-size:var(--font-size-sm);margin:0}.today-badge{display:inline-block;background:var(--layout1-btn-gradient);color:#fff;font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-semibold);padding:3px 8px;border-radius:var(--radius-md);margin-top:6px}.schedule-actions{display:flex;gap:var(--spacing-2)}.notifications-summary{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.view-all-link{color:var(--layout1-btn-gradient-start);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.view-all-link:hover{color:var(--layout1-btn-gradient-end)}.notification-list{background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);overflow:hidden}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:16px 20px;border-bottom:1px solid var(--gray-100);-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--gray-50)}.notification-item.unread{background-color:var(--blue-50)}.notification-item.unread:hover{background-color:var(--blue-100)}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);flex-shrink:0}.notification-icon.approval{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:#fff}.notification-icon.rejection{background:linear-gradient(135deg,var(--red-500) 0%,var(--red-600) 100%);color:#fff}.notification-icon.payment{background:var(--layout1-btn-gradient);color:#fff}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-title{font-weight:var(--font-weight-semibold);color:var(--gray-900);font-size:var(--font-size-sm-plus)}.notification-time{font-size:var(--font-size-xs);color:var(--gray-400)}.notification-message{color:var(--gray-500);font-size:var(--font-size-sm);margin:0;line-height:1.5}.announcements-section{position:relative;margin-bottom:48px;overflow:hidden}.announcement-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s;color:#fff}.announcement-nav-btn.prev{left:16px}.announcement-nav-btn.next{right:16px}.announcement-nav-btn:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.announcement-nav-btn:active{transform:translateY(-50%) scale(.95)}.announcement-banner{display:flex;align-items:center;justify-content:space-between;padding:28px 64px;border-radius:var(--radius-lg);-webkit-text-decoration:none;text-decoration:none;color:#fff;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;animation:slideInFromRight .5s ease-in-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.announcement-banner:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.announcement-content{flex:1}.announcement-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 8px;color:#fff}.announcement-description{font-size:var(--font-size-sm-plus);margin:0;color:#fffffff2;line-height:1.5}.announcement-arrow{font-size:var(--font-size-xxl);font-weight:var(--font-weight-light);opacity:.8;margin-left:24px;transition:transform .2s}.announcement-banner:hover .announcement-arrow{transform:translate(4px)}.announcement-indicators{display:flex;justify-content:center;gap:var(--spacing-2);position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:var(--gray-300);border:none;cursor:pointer;transition:all .3s;padding:0}.indicator:hover{background:var(--gray-400);transform:scale(1.2)}.indicator.active{background:var(--layout1-btn-gradient-start);width:24px;border-radius:var(--radius-sm)}.quick-actions-section{margin-bottom:32px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:20px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quick-action-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.quick-action-primary{background:var(--layout1-btn-gradient);color:#fff;border:none}.quick-action-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.quick-action-icon{font-size:var(--font-size-2xl)}.quick-action-content{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.quick-action-text{flex:1}.quick-action-badge{background:#dc3545;color:#fff;padding:2px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:24px;text-align:center}.activity-item{display:flex;gap:var(--spacing-4);padding:16px 20px;border-bottom:1px solid var(--gray-100);transition:background-color .2s;border-radius:var(--radius-base)}.activity-item:hover{background-color:var(--gray-50)}.activity-item:last-child{border-bottom:none}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--black-100)}.activity-time{font-size:var(--font-size-xs);color:var(--black-50)}.activity-description{font-size:var(--font-size-sm);color:var(--black-70);margin:0}@media (--tablet){.announcement-nav-btn{width:32px;height:32px}.announcement-nav-btn.prev{left:8px}.announcement-nav-btn.next{right:8px}.announcement-banner{padding:20px 48px}.announcement-title{font-size:var(--font-size-base)}.announcement-description{font-size:var(--font-size-sm)}.announcement-arrow{font-size:var(--font-size-2xl);margin-left:16px}.announcement-indicators{bottom:12px}.quick-actions-grid{grid-template-columns:1fr}}.campaign-card.compact{padding:.75rem 1rem;cursor:pointer}.campaign-card.compact:hover{background-color:var(--gray-50);border-color:var(--gray-300)}.compact-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.compact-main{flex:1;display:flex;align-items:center;gap:var(--spacing-3)}.compact-main .campaign-category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 12px;border-radius:var(--radius-md);margin:0;white-space:nowrap}.compact-main .campaign-title{font-size:var(--font-size-base);margin:0;flex:1}.compact-main .campaign-dates{font-size:var(--font-size-xs);color:var(--gray-500);white-space:nowrap;margin:0}.compact-info{display:flex;align-items:center;gap:var(--spacing-4)}.campaign-apply-status{font-size:var(--font-size-sm);color:var(--gray-500);white-space:nowrap;font-weight:var(--font-weight-medium)}.campaign-stats{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--gray-400)}.campaign-stats svg{flex-shrink:0}.campaign-stats-item{margin-left:auto;gap:4px!important;color:var(--gray-400)!important}.campaign-stats-item svg{color:var(--gray-400)!important}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.campaign-info{flex:1}.category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 12px;border-radius:var(--radius-md)}.applied-badge{display:inline-flex;align-items:center;background:var(--green-100);color:var(--green-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.campaign-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.card-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.campaign-details{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.detail-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-light)}.detail-item svg{color:var(--color-text-lighter);flex-shrink:0}.applied-info{background:var(--color-bg);padding:16px;border-radius:var(--radius-base);margin-top:16px}.applied-details .label{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.applied-details .value{color:var(--color-text);font-weight:var(--font-weight-semibold)}.card-actions{display:flex;gap:var(--spacing-2);margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-200)}.card-actions button{flex:1;padding:10px 16px;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.card-actions .btn-approve{background:var(--green-500);color:#fff;border:none}.card-actions .btn-approve:hover{background:var(--green-600)}.card-actions .btn-reject{background:#fff;color:var(--red-600);border:1px solid var(--red-300)}.card-actions .btn-reject:hover{background:var(--red-50)}.campaign-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}@media (--tablet){.campaign-card{padding:16px}.card-header{margin-bottom:16px}.campaign-title{font-size:var(--font-size-lg);margin:8px 0 4px}.category{font-size:var(--font-size-xs-plus);padding:3px 10px}.detail-item{font-size:var(--font-size-sm-compact)}.campaign-details{gap:var(--spacing-2)}.applied-info{padding:12px;margin-top:12px}.compact-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.compact-main{flex-wrap:wrap;gap:var(--spacing-2)}.compact-main .campaign-title{width:100%}.compact-info{width:100%;justify-content:space-between}}.view-mode-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:var(--radius-base);background:#f3f4f6}.view-mode-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem;border:none;border-radius:var(--radius-sm);background:transparent;color:#6b7280;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.view-mode-toggle-btn:hover{color:#374151;background:#0000000a}.view-mode-toggle-btn.active{color:var(--layout1-btn-gradient-start);background:#4f46e51f;box-shadow:inset 0 0 0 1px #4f46e533}.view-mode-toggle-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.view-mode-toggle{width:-moz-fit-content;width:fit-content;margin-left:auto}}.campaigns-page{min-height:100vh;background:transparent;padding:0}.campaigns-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:var(--spacing-4)}.campaigns-page .page-title{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-semibold);margin:0 0 8px}.campaigns-page .page-subtitle{color:var(--black-70);margin:0}.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:var(--radius-sm);font-size:var(--font-size-sm);outline:none;background:var(--white)}.search-input:focus{border-color:var(--black)}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:var(--spacing-4)}.campaign-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.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));grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-bottom:20px}.campaign-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.btn-sm{padding:6px 12px;font-size:var(--font-size-sm-compact)}.request-card-info{display:flex;flex-direction:column;gap:.75rem;width:100%}.request-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#6b7280}.request-actions{display:flex;gap:.5rem}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.my-campaigns-page{min-height:100vh;background:var(--gray-100);padding:40px 20px}.my-campaigns-page .container{max-width:1200px;margin:0 auto}.my-campaigns-page .page-header{margin-bottom:32px}.my-campaigns-page .page-title{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 8px}.my-campaigns-page .page-subtitle{font-size:var(--font-size-base);color:var(--gray-600);margin:0}.campaign-tabs{display:flex;gap:var(--spacing-3);margin-bottom:32px;background:#fff;padding:12px;border-radius:var(--radius-md);box-shadow:var(--shadow-base)}.campaign-tabs .tab{flex:1;display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-2);padding:14px 20px;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.campaign-tabs .tab:hover{background:var(--gray-50);color:var(--gray-800)}.campaign-tabs .tab.active{background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff}.campaign-tabs .tab .count{font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-bold);padding:2px 8px;background:#fff3;border-radius:var(--radius-base)}.campaign-tabs .tab.active .count{background:#ffffff4d}.view-controls{display:flex;justify-content:flex-end;margin-bottom:16px}.campaigns-list.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-5);gap:var(--spacing-5)}.campaigns-list.compact{display:flex;flex-direction:column;gap:var(--spacing-3)}.campaign-card{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-base);transition:all .2s}.campaign-card.clickable{cursor:pointer}.campaign-card:hover{box-shadow:var(--shadow-lg)}.campaign-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.campaign-card .campaign-info{flex:1}.campaign-card .category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--layout1-btn-gradient-start);background:var(--blue-50);padding:4px 12px;border-radius:var(--radius-md)}.campaign-card .campaign-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:12px 0 8px}.campaign-card .position-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--layout1-btn-gradient-end);background:var(--purple-50);padding:4px 12px;border-radius:var(--radius-md)}.campaign-card .status-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 12px;border-radius:var(--radius-md)}.campaign-card .status-badge.applied{color:var(--yellow-600);background:var(--yellow-100)}.campaign-card .status-badge.rejected{color:var(--red-600);background:var(--red-100)}.progress-circle{position:relative;width:60px;height:60px}.progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--layout1-btn-gradient-start)}.campaign-details{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:20px}.campaign-details .detail-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--gray-600)}.campaign-details .detail-item svg{color:var(--gray-400);flex-shrink:0}.applied-info{background:var(--gray-50);padding:16px;border-radius:var(--radius-base);margin-top:16px}.applied-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-bottom:8px}.applied-details:last-child{margin-bottom:0}.applied-details .label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.applied-details .value{color:var(--gray-900);font-weight:var(--font-weight-semibold)}.progress-info{background:var(--gray-50);padding:16px;border-radius:var(--radius-base);margin-top:16px}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);border-radius:var(--radius-sm);transition:width .3s}.progress-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-bottom:8px}.progress-details:last-child{margin-bottom:0}.progress-details .label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.progress-details .value{color:var(--gray-900);font-weight:var(--font-weight-semibold)}.completion-info{background:var(--green-50);padding:16px;border-radius:var(--radius-base);display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:16px}.completion-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.completion-item .label{color:var(--green-800);font-weight:var(--font-weight-medium)}.completion-item .value{color:var(--green-800);font-weight:var(--font-weight-semibold)}.completion-item .value.highlight{font-size:var(--font-size-base);color:var(--green-700)}.settlement-info{background:var(--yellow-100);padding:16px;border-radius:var(--radius-base);margin-top:16px}.settlement-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settlement-amount .label{font-size:var(--font-size-sm);color:var(--yellow-900);font-weight:var(--font-weight-medium)}.settlement-amount .amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--yellow-700)}.settlement-date{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.settlement-date .label{color:var(--yellow-900);font-weight:var(--font-weight-medium)}.settlement-date .value{color:var(--yellow-900);font-weight:var(--font-weight-semibold)}.card-footer{display:flex;gap:var(--spacing-3);margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-100)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:12px 20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-base);border:none;cursor:pointer;transition:all .2s}.action-btn.primary{background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff}.action-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.action-btn.outline{background:#fff;color:var(--layout1-btn-gradient-start);border:1px solid var(--layout1-btn-gradient-start)}.action-btn.outline:hover{background:var(--blue-50)}.review-complete{flex:1;text-align:center;padding:12px 20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--green-600);background:var(--green-100);border-radius:var(--radius-base)}.loading-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:40px 20px;color:var(--layout1-btn-gradient-start);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.loading-more svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--gray-100)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.modal-header .close-btn{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:var(--font-size-xl);color:var(--gray-600);cursor:pointer;transition:all .2s}.modal-header .close-btn:hover{background:var(--gray-200)}.modal-body{padding:24px}.modal-body .campaign-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--layout1-btn-gradient-start);margin-bottom:24px;padding:12px;background:var(--blue-50);border-radius:var(--radius-base)}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:8px}.modal-body .form-group textarea{width:100%;padding:12px;font-size:var(--font-size-sm);border:1px solid var(--gray-300);border-radius:var(--radius-base);resize:vertical;font-family:inherit}.modal-body .form-group textarea:focus{outline:none;border-color:var(--layout1-btn-gradient-start)}.modal-body .form-group.checkbox label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.modal-body .form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.rating-stars{display:flex;gap:var(--spacing-2)}.rating-stars .star{font-size:var(--font-size-xxl);color:var(--gray-300);background:none;border:none;cursor:pointer;transition:all .2s}.rating-stars .star.active{color:var(--yellow-400)}.rating-stars .star:hover{color:var(--yellow-400);transform:scale(1.1)}.modal-footer{display:flex;gap:var(--spacing-3);padding:24px;border-top:1px solid var(--gray-100)}.my-campaigns-page .btn-secondary,.my-campaigns-page .btn-primary{flex:1;padding:12px 24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-base);border:none;cursor:pointer;transition:all .2s}.my-campaigns-page .btn-secondary{background:var(--gray-100);color:var(--gray-600)}.my-campaigns-page .btn-secondary:hover{background:var(--gray-200)}.my-campaigns-page .btn-primary{background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff}.my-campaigns-page .btn-primary:hover{opacity:.9}.my-campaigns-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.campaigns-list.compact .campaign-card{padding:16px 20px}.campaigns-list.compact .campaign-card .card-header{margin-bottom:12px}.campaigns-list.compact .campaign-details{gap:var(--spacing-4);margin-bottom:12px}.campaigns-list.compact .applied-info,.campaigns-list.compact .progress-info,.campaigns-list.compact .settlement-info{padding:12px;margin-top:12px}@media (--tablet){.my-campaigns-page{padding:20px 12px}.campaign-tabs{padding:8px;gap:var(--spacing-2)}.campaign-tabs .tab{padding:10px 12px;font-size:var(--font-size-sm-compact)}.campaign-tabs .tab .count{font-size:var(--font-size-xs-plus);padding:2px 6px}.view-controls{justify-content:center;margin-bottom:16px}.campaigns-list.grid{grid-template-columns:1fr}.campaign-card .card-header{flex-direction:column;gap:var(--spacing-4)}.progress-circle{align-self:flex-start}.campaign-details,.card-footer{flex-direction:column}.action-btn{width:100%}.modal-content{margin:0}.modal-footer{flex-direction:column}}.campaigns-wrapper{min-height:100vh;background:transparent;padding:0 1.25rem 2.5rem}.campaigns-wrapper .container{max-width:1200px;margin:0 auto}.campaigns-header{margin-bottom:32px}.campaigns-header .page-title{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#1a1a1a;margin:0 0 8px}.campaigns-header .page-subtitle{font-size:var(--font-size-base);color:#666;margin:0}.campaigns-tabs{display:flex;gap:12px;margin-bottom:32px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px #00000014}.campaigns-tabs .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.campaigns-tabs .tab-button svg{flex-shrink:0}.campaigns-tabs .tab-button:hover{background:#f8f9fa;color:#333}.campaigns-tabs .tab-button.active{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff}.tab-content .campaigns-page .page-header,.tab-content .my-campaigns-page .page-header{display:none}.tab-content .campaigns-page,.tab-content .my-campaigns-page{padding:0;background:transparent}@media (--tablet){.campaigns-wrapper{padding:20px 12px}.campaigns-tabs{padding:8px}.campaigns-tabs .tab-button{padding:10px 12px;font-size:var(--font-size-sm)}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:1000;padding:8px 12px;background:var(--gray-800);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:0 4px 6px #0000001a}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-bottom{top:100%;right:0;margin-top:8px}.tooltip-bottom .tooltip-arrow{bottom:100%;right:12px;border-width:0 6px 6px 6px;border-color:transparent transparent var(--gray-800) transparent}.tooltip-top{bottom:100%;right:0;margin-bottom:8px}.tooltip-top .tooltip-arrow{top:100%;right:12px;border-width:6px 6px 0 6px;border-color:var(--gray-800) transparent transparent transparent}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--gray-800)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--gray-800) transparent transparent}.loading-message{text-align:center;padding:2rem;background:var(--gray-50);border-radius:var(--radius-base);margin-bottom:1.5rem}.loading-message p{color:var(--gray-500);margin:0}.verification-warning{margin-bottom:1.5rem;border-radius:var(--radius-base);overflow:hidden}.warning-content{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:1.5rem;background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-base)}.warning-icon{flex-shrink:0;color:var(--red-600);margin-top:.125rem}.warning-text{flex:1}.warning-text h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--red-700);margin:0 0 .5rem}.warning-text p{font-size:var(--font-size-sm);color:var(--red-800);margin:0 0 1rem;line-height:1.5}.warning-text .btn{margin-top:.5rem}.time-picker-wrapper{position:relative;display:inline-block}.time-picker-wrapper.right-align .time-panel{left:auto;right:0}.time-input-box{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-panel{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-base);padding:12px;display:inline-flex;align-items:center;gap:6px;min-width:240px;flex-wrap:nowrap;z-index:20;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;font-size:var(--font-size-sm)}.time-panel .time-select{max-width:80px;padding:.45rem .5rem;font-size:var(--font-size-sm-compact)}.time-panel .time-select-meridiem{max-width:80px}.campaign-create-page{padding:0}.page-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:var(--radius-sm);color:#6b7280;cursor:pointer;transition:all .2s}.back-button:hover{background-color:#f9fafb;border-color:#d1d5db}.campaign-form-container{max-width:800px;margin:0 auto}.campaign-form{background:#fff;border-radius:var(--radius-md);border:1px solid #e5e7eb;overflow:hidden}.form-section{padding:2rem;border-bottom:1px solid #f3f4f6}.campaign-form .form-section+.form-section{padding-top:1rem}.campaign-form .form-section{padding-top:1rem;padding-bottom:1rem}.campaign-form .form-section:not(:last-child){padding-bottom:.75rem}.section-title{margin-top:0}.form-section:last-child{border-bottom:none}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:var(--spacing-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.category-title-row{display:flex;gap:var(--spacing-4)}.category-title-row .form-group:first-child{flex:0 0 30%}.category-title-row .form-group:last-child{flex:1 1 70%}.address-search-container{display:flex;gap:var(--spacing-3)}.address-search-container .address-display{flex:1;background-color:#f9fafb;cursor:pointer}.btn-address-search{display:flex;align-items:center;gap:var(--spacing-2);padding:.75rem 1.25rem;background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-address-search:hover{opacity:.9}.inline-need-wage{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:1rem}.inline-need-wage .inline-label{color:#374151;font-size:var(--font-size-base-compact);margin-right:.375rem;white-space:nowrap}.inline-need-wage .inline-label.need-label{width:6.5em;display:inline-block}.inline-need-wage .inline-suffix{color:#6b7280;margin-left:.375rem}.inline-need-wage .count-group,.inline-need-wage .wage-group{display:flex;align-items:center}.inline-need-wage-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-base);padding:8px 10px;margin-top:.25rem;display:flex;align-items:center;min-height:44px}.inline-need-wage-box .inline-need-wage{flex-wrap:nowrap}.date-time-inline{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:1.5rem}.date-time-inline .range-sep{color:#6b7280}.date-time-inline .sep-spacer{width:12px;height:1px}.date-range-group,.time-range-group{display:inline-flex;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.time-select-group{display:inline-flex;align-items:center;gap:var(--spacing-1)}.time-select-group .time-select{max-width:90px;padding:.5rem}.input.small-input{max-width:160px;padding:.5rem .625rem;font-size:var(--font-size-sm)}.date-time-inline input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.date-time-inline input[type=date]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.date-time-inline input[type=date].small-input{flex:0 1 140px;max-width:140px}.date-time-inline .range-sep{margin:0 2px}.form-actions{padding:2rem;display:flex;justify-content:flex-end;gap:var(--spacing-4);background-color:#f9fafb}.btn-remove-maker{background:#fff;border:1px solid #ef4444;color:#ef4444}.btn-remove-maker:hover{background-color:#fef2f2}.position-card{background:#f9fafb;padding:1.5rem;border-radius:var(--radius-base);margin-bottom:1rem;border:1px solid #e5e7eb}.position-card:last-child{margin-bottom:0}.position-label{font-weight:var(--font-weight-semibold);color:#4ceb9f;margin-bottom:1rem;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-2)}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:var(--font-size-sm);padding:.25rem .5rem;transition:all .2s}.btn-remove:hover{color:#dc2626;-webkit-text-decoration:underline;text-decoration:underline}@media (--tablet){.form-row{grid-template-columns:1fr}.date-time-inline{gap:var(--spacing-2) .75rem;flex-direction:column}.date-range-group,.time-range-group{width:100%;justify-content:flex-start}.date-range-group .small-input,.time-range-group .small-input{flex:0 0 auto;max-width:none;min-width:0}.sep-spacer{display:none}.input.small-input{flex:1 1 46%;max-width:none}.category-title-row{flex-direction:column}.category-title-row{gap:var(--spacing-2)}.date-time-group{margin-top:1rem}.category-title-row .form-group{flex:1 1 100%}.address-search-container{flex-direction:column;gap:var(--spacing-3)}.btn-address-search{width:100%;justify-content:center}.form-actions{flex-direction:column}.campaign-form-container{margin:0 1rem}.inline-need-wage-box .inline-need-wage{flex-wrap:wrap}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:2rem;padding:1rem 0}.pagination-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm-plus);color:var(--gray-500)}.pagination-info .current-page{font-weight:var(--font-weight-semibold);color:var(--blue-600)}.pagination-info .separator{color:var(--gray-300)}.pagination-info .total-pages{color:var(--gray-400)}@media (--mobile){.pagination{gap:var(--spacing-2)}.pagination-btn{padding:.5rem .75rem;font-size:var(--font-size-sm-compact)}}.campaign-apply-page{padding:0;min-height:100vh}.apply-content{display:grid;grid-template-columns:1fr 450px;grid-gap:var(--spacing-8);gap:var(--spacing-8);align-items:start}.campaign-apply-page .campaign-summary{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:2rem}.campaign-apply-page .summary-badge{display:inline-block;background:#eff6ff;color:#2563eb;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.375rem .875rem;border-radius:var(--radius-sm);margin-bottom:1rem}.campaign-apply-page .campaign-title{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#1f2937;margin:0 0 1.5rem;line-height:1.3}.campaign-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:1.5rem}.address-small{font-size:var(--font-size-sm);color:#9ca3af;margin-top:.25rem}.campaign-description{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.campaign-description h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 .75rem}.campaign-description p{color:#4b5563;line-height:1.6;white-space:pre-wrap}.apply-form{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:2rem;position:sticky;top:2rem}.form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1f2937;margin:0 0 1.5rem}.form-section{margin-bottom:1.5rem}.position-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.position-option{display:flex;align-items:center;gap:var(--spacing-3);border:2px solid #e5e7eb;border-radius:var(--radius-base);padding:1rem;margin-left:2.5rem;cursor:pointer;transition:all .2s;position:relative}.position-option:hover{border-color:#2563eb;background:#f9fafb}.position-option.selected{border-color:#2563eb;background:#eff6ff}.position-option input[type=radio]{position:absolute;opacity:0}.position-check{position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);flex-shrink:0;width:28px;height:28px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;transition:all .2s}.position-option.selected .position-check{border-color:#10b981;background:#10b981}.check-icon{color:#fff;animation:checkScale .2s ease-out}@keyframes checkScale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.position-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.position-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.position-title-row{display:flex;flex-direction:column;gap:.375rem;flex:1}.position-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937}.position-recruit-count{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm);color:#6b7280}.position-wage{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#2563eb;flex-shrink:0}.position-requirements-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-sm);padding:.75rem;margin-top:.5rem}.requirements-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.requirements-content{font-size:var(--font-size-sm);color:#4b5563;line-height:1.6;white-space:pre-wrap}.no-positions{text-align:center;padding:2rem;color:#9ca3af}.earnings-card{background:linear-gradient(135deg,#4ceb9f,#3bc97f);border-radius:var(--radius-md);padding:1.5rem;color:#fff;margin-bottom:1.5rem}.earnings-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:1rem;opacity:.95}.earnings-calculation{background:#ffffff26;border-radius:var(--radius-base);padding:1rem;margin-bottom:.75rem}.calc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.calc-row:last-child{margin-bottom:0}.calc-label{font-size:var(--font-size-sm-plus);opacity:.9}.calc-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.calc-divider{height:1px;background:#ffffff4d;margin:.75rem 0}.calc-row.total .calc-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.calc-row.total .calc-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.earnings-note{font-size:var(--font-size-sm-compact);opacity:.8;margin:0;line-height:1.4}.char-count{text-align:right;font-size:var(--font-size-sm-compact);color:#9ca3af;margin-top:.375rem}.checkbox-label{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-medium);color:#374151}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer}.terms-content{margin-top:.75rem;padding:1rem;background:#f9fafb;border-radius:var(--radius-base);border:1px solid #e5e7eb}.terms-content ul{margin:0;padding-left:1.25rem;list-style:disc}.terms-content li{font-size:var(--font-size-sm-compact);color:#6b7280;line-height:1.6;margin-bottom:.375rem}.terms-content li:last-child{margin-bottom:0}@media (--desktop){.apply-content{grid-template-columns:1fr}.apply-form{position:static}}@media (--tablet){.campaign-apply-page{padding:1rem 0}.campaign-summary,.apply-form{padding:1.5rem}.campaign-title{font-size:var(--font-size-2xl)}.form-title{font-size:var(--font-size-xl)}.position-wage{font-size:var(--font-size-base)}.calc-row.total .calc-value{font-size:var(--font-size-xl)}}@media (--mobile){.campaign-summary,.apply-form{padding:1rem}.campaign-title{font-size:var(--font-size-xl)}.earnings-card{padding:1rem}}.star-rating{display:flex;align-items:center;gap:var(--spacing-2)}.star-rating .stars{display:flex;gap:var(--spacing-1)}.star-rating .rating-value{font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.page-state{text-align:center;padding:4rem 2rem}.page-state .state-icon{margin-bottom:1rem}.loading-state .state-icon{color:var(--blue-600)}.loading-state .state-icon.spinning{animation:spin 1s linear infinite}.empty-state .state-icon{color:var(--gray-300)}.error-state .state-icon{color:var(--red-600)}.page-state .state-title{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 .5rem}.page-state .state-message{color:var(--gray-500);font-size:var(--font-size-sm-plus);margin:0 0 1.5rem}.error-state .state-error{color:var(--red-600);font-size:var(--font-size-sm);margin:.5rem 0 1.5rem;padding:.75rem;background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--radius-base);font-family:var(--font-mono)}.page-state .state-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}@media (--tablet){.page-state{padding:3rem 1.5rem}}.applicant-management-page{padding:0;min-height:100vh}.applicant-management-page .campaign-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.applicant-management-page .campaign-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1f2937;margin:0 0 .5rem}.applicant-management-page .campaign-meta{font-size:var(--font-size-sm);color:#6b7280;margin:0}.stat-card.pending{border-color:#fbbf24;background:#fffbeb}.stat-card.approved{border-color:#059669;background:#ecfdf5}.stat-card.rejected{border-color:#dc2626;background:#fef2f2}.position-tabs{display:flex;gap:var(--spacing-2);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.position-tab{padding:.75rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.position-tab:hover{border-color:#2563eb;color:#2563eb}.position-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.applicants-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.applicant-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;transition:all .2s}.applicant-card:hover{box-shadow:var(--shadow-md)}.applicant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.applicant-info{display:flex;align-items:flex-start;gap:var(--spacing-4)}.applicant-info.clickable{cursor:pointer;transition:all .2s}.applicant-info.clickable:hover{opacity:.8}.applicant-info.clickable:hover .applicant-name{color:#2563eb}.applicant-avatar{width:48px;height:48px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0;overflow:hidden}.applicant-avatar .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.applicant-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 .5rem}.applicant-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:#6b7280}.rating{display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-semibold);color:#1f2937}.reviews{color:#9ca3af}.applicant-details{margin-bottom:1rem}.applicant-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media (--tablet){.position-tabs{flex-wrap:nowrap;overflow-x:auto}.applicant-header{flex-direction:column;gap:var(--spacing-4)}.applicant-actions{justify-content:stretch}.applicant-actions .btn{flex:1}.applicant-meta{flex-wrap:wrap}}@media (--mobile){.applicant-management-page{padding:1rem 0}.campaign-info-card{padding:1rem}.campaign-title{font-size:var(--font-size-xl)}}.review-done-badge{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.review-modal{max-width:500px;width:90%}.review-target-info{display:flex;align-items:center;gap:var(--spacing-3);padding:1rem;background:#f9fafb;border-radius:var(--radius-base);margin-bottom:1.5rem}.review-target-info strong{font-size:var(--font-size-lg)}.rating-selector label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#374151}.stars-input{display:flex;gap:.25rem}.star-btn{cursor:pointer;transition:transform .1s}.star-btn:hover{transform:scale(1.15)}.rating-divider{text-align:center;margin:.5rem 0;padding:.75rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.rating-divider span{font-size:var(--font-size-xs);color:#9ca3af}.rehire-option{padding:1rem;background:#f0fdf4;border-radius:var(--radius-base)}.rehire-option label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:var(--font-size-sm);color:#059669;font-weight:var(--font-weight-medium)}.comment-input{display:flex;flex-direction:column;gap:.5rem}.comment-input label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#374151}.comment-input textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:var(--radius-base);font-size:var(--font-size-sm);resize:none;font-family:inherit}.comment-input textarea:focus{outline:none;border-color:#2563eb}.applicant-detail-page{padding:2rem 0;min-height:calc(100vh - 200px)}.profile-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;display:flex;gap:var(--spacing-8);align-items:flex-start}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-glow-primary)}.profile-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin:0 0 1rem}.profile-rating{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:1rem}.stars{display:flex;gap:var(--spacing-1)}.rating-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800)}.rating-count{font-size:var(--font-size-sm-plus);color:var(--gray-500)}.profile-badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--gray-100);color:var(--gray-500)}.badge.success{background:var(--green-100);color:var(--green-600)}.badge.primary{background:var(--blue-100);color:var(--blue-600)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:2rem}.applicant-detail-page .stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .2s}.applicant-detail-page .stat-card:hover{box-shadow:var(--shadow-md)}.applicant-detail-page .stat-card svg{color:var(--blue-600);margin-bottom:.75rem}.applicant-detail-page .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:.5rem}.applicant-detail-page .stat-label{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:var(--font-weight-medium)}.info-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin:0 0 1.5rem}.info-grid{display:flex;flex-direction:column;gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:var(--spacing-3)}.info-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:var(--gray-700)}.info-label svg{color:var(--gray-500)}.info-value{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.tag{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--blue-50);color:var(--blue-600)}.applicant-detail-page .tabs{display:flex;gap:var(--spacing-2);margin-bottom:1.5rem;border-bottom:2px solid var(--gray-200)}.applicant-detail-page .tabs .tab{padding:.875rem 1.5rem;border:none;background:transparent;color:var(--gray-500);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.applicant-detail-page .tabs .tab:hover{color:var(--blue-600)}.applicant-detail-page .tabs .tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.history-section{margin-bottom:2rem}.history-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.history-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s}.history-card:hover{box-shadow:var(--shadow-md)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.history-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin:0 0 .5rem}.history-position{font-size:var(--font-size-sm);color:var(--gray-500)}.completion-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--green-100);color:var(--green-600);white-space:nowrap}.completion-badge svg{flex-shrink:0}.history-details{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--gray-500)}.detail-item svg{color:var(--gray-400);flex-shrink:0}.history-rating{display:flex;align-items:center;gap:.625rem}.history-rating span{font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.reviews-section{margin-bottom:2rem}.reviews-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.review-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s}.review-card:hover{box-shadow:var(--shadow-md)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.review-advertiser{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin:0 0 .25rem}.review-campaign{font-size:var(--font-size-sm);color:var(--gray-500)}.review-rating{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.review-rating span{font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.review-comment{font-size:var(--font-size-sm-plus);color:var(--gray-700);line-height:1.6;margin:0 0 1rem}.review-date{font-size:var(--font-size-sm-compact);color:var(--gray-400)}.applicant-detail-page .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.625rem 1.25rem;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;border:none}.applicant-detail-page .btn:disabled{opacity:.5;cursor:not-allowed}.applicant-detail-page .btn-outline{background:#fff;border:1px solid var(--gray-200);color:var(--gray-700)}.applicant-detail-page .btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}@media (--desktop){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (--tablet){.applicant-detail-page{padding:1rem 0}.profile-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.profile-info{display:flex;flex-direction:column;align-items:center}.profile-name{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.tabs{overflow-x:auto}.tab{white-space:nowrap}.history-header,.review-header{flex-direction:column;gap:var(--spacing-3)}}.portfolio-section{margin-bottom:2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.portfolio-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.portfolio-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.portfolio-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.photo-modal-content{position:relative;max-width:90vw;max-height:90vh}.photo-modal-content img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md)}.photo-modal-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.photo-modal-close:hover{background:#ffffff4d}@media (--mobile){.stats-grid{grid-template-columns:1fr}.profile-card{padding:1rem}.profile-avatar{width:80px;height:80px}.profile-name{font-size:var(--font-size-xl)}.stat-value{font-size:var(--font-size-2xl)}.info-section,.history-card,.review-card{padding:1rem}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}.applicants-list-page{padding:2rem 0;min-height:calc(100vh - 200px)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:2rem}.stat-item{background:var(--color-white);border:2px solid var(--gray-200);border-radius:var(--radius-base);padding:.75rem;text-align:center}.stat-item.pending{border-color:var(--yellow-400);background:var(--yellow-50)}.stat-item.approved{border-color:var(--green-500);background:var(--green-50)}.applicants-list-page .stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:.25rem}.applicants-list-page .stat-label{font-size:var(--font-size-xs);color:var(--gray-500);font-weight:var(--font-weight-semibold)}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:var(--spacing-4)}.filters{display:flex;gap:var(--spacing-3)}.filter-btn{padding:.75rem 1.5rem;background:var(--color-white);border:1px solid var(--gray-200);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-500);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--layout1-btn-gradient-start);color:var(--layout1-btn-gradient-start)}.filter-btn.active{background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:var(--color-white);border-color:transparent}.view-toggle{display:flex;gap:var(--spacing-2)}.view-btn{padding:.5rem;background:var(--color-white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn:hover{border-color:var(--layout1-btn-gradient-start);color:var(--layout1-btn-gradient-start)}.view-btn.active{background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:var(--color-white);border-color:transparent}.campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.campaigns-list.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}.campaigns-list.list{display:flex;flex-direction:column;gap:var(--spacing-4)}.applicants-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.stat-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-badge.total{background:var(--gray-100);color:var(--gray-800)}.stat-badge.pending{background:var(--yellow-100);color:var(--yellow-600)}.stat-badge.approved{background:var(--green-100);color:var(--green-600)}.stat-badge.rejected{background:var(--red-100);color:var(--red-600)}.applicants-list-page .empty-state{background:var(--color-white);border:1px dashed var(--gray-300);border-radius:var(--radius-md)}@media (--tablet){.summary-stats{grid-template-columns:1fr;gap:var(--spacing-4)}.filters-container{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.filter-btn{width:100%}.view-toggle{justify-content:center}.campaigns-list.grid{grid-template-columns:1fr}.applicants-stats{flex-direction:column}.stat-badge{justify-content:center}}.settlements-new-page{min-height:100vh;background:transparent;padding:0}.settlements-new-page .page-header{margin-bottom:32px}.main-tabs{display:flex;gap:var(--spacing-2);margin-bottom:32px;border-bottom:2px solid #e5e7eb}.main-tab{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-3);transition:all .2s;margin-bottom:-2px}.main-tab:hover{color:#374151;background:#f9fafb}.main-tab.active{color:#4ceb9f;border-bottom-color:#4ceb9f;background:#fff}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;background:#f3f4f6;border-radius:14px;font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-bold)}.main-tab.active .tab-badge{background:#ede9fe;color:#4ceb9f}.tab-content{background:#fff;border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.content-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#111827;margin:0}.content-summary{font-size:var(--font-size-sm);color:#6b7280;font-weight:var(--font-weight-medium)}.summary-section{margin-bottom:32px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-5);gap:var(--spacing-5);margin-top:20px}.summary-card{background:#f9fafb;border-radius:var(--radius-md);padding:24px;border:1px solid #e5e7eb}.summary-label{font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-medium);color:#6b7280;margin-bottom:8px}.summary-value{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:4px}.summary-detail{font-size:var(--font-size-sm-compact);color:#9ca3af}.report-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.period-selector select{padding:8px 16px;border:1px solid #e5e7eb;border-radius:var(--radius-base);background:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;outline:none}.period-selector select:focus{border-color:#4ceb9f}.view-toggle{display:flex;gap:var(--spacing-1);background:#f3f4f6;padding:4px;border-radius:var(--radius-base)}.toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn:hover{color:#374151}.toggle-btn.active{background:#fff;color:#4ceb9f;box-shadow:0 1px 2px #0000000d}.chart-section{margin-top:32px}.chart-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#111827;margin:0 0 20px}.monthly-chart{display:flex;gap:var(--spacing-4);overflow-x:auto;padding:20px 0}.month-group{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center}.month-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#6b7280;margin-bottom:12px}.month-bars{flex:1;display:flex;align-items:flex-end;width:100%;height:200px}.bar-container{flex:1;display:flex;align-items:flex-end;justify-content:center;height:100%}.bar{width:100%;max-width:40px;border-radius:var(--radius-sm) 6px 0 0;transition:height .5s ease;position:relative;min-height:4px}.bar-spent{background:linear-gradient(180deg,#10b981,#059669)}.bar-tooltip{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-semibold);color:#374151;white-space:nowrap;opacity:0;transition:opacity .2s}.bar:hover .bar-tooltip{opacity:1}.settlements-page .stats-grid{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.section-subtitle{color:#6b7280;font-size:.875rem;margin:0}.simple-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.bar-value{font-size:.75rem;font-weight:500;color:#374151}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem}.settlements-list{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;color:#6b7280}.error-state h3,.empty-state h3{margin:1rem 0 .5rem;color:#374151}.retry-button{background:#4ceb9f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;margin-top:1rem}.retry-button:hover{background:#3dd98f}.settlements-table{width:100%}.table-header{display:grid;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr .8fr;background:#f9fafb;padding:1rem;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb}.table-row{display:grid;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr .8fr;padding:1rem;border-bottom:1px solid #f3f4f6;align-items:center}.table-row:hover{background-color:#f9fafb}.promoter-name{font-weight:500;color:#1f2937}.campaign-title{font-weight:500;color:#1f2937;margin-bottom:.25rem}.amount{font-weight:600;color:#059669}.btn-review{padding:.375rem .75rem;background:#4ceb9f;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-review:hover{background:#3dd98f}.review-done{display:inline-flex;align-items:center;gap:4px;color:#f59e0b;font-size:.75rem;font-weight:500}.review-na{color:#9ca3af}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-completed{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-processing{background-color:#dbeafe;color:#1e40af}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb}.analytics-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.analytics-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.analytics-card{background:#f9fafb;padding:1rem;border-radius:8px;text-align:center}.analytics-label{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.analytics-value{font-size:1.25rem;font-weight:700;color:#1f2937}.analytics-note{font-size:.75rem;color:#9ca3af;margin:0;font-style:italic}.campaign-costs-list{display:flex;flex-direction:column;gap:1rem}.campaign-cost-row{display:grid;grid-template-columns:2fr 3fr 1.5fr;align-items:center;grid-gap:1rem;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.campaign-cost-info{display:flex;align-items:center;gap:.75rem}.settlement-count{font-size:.75rem;color:#6b7280}.campaign-cost-bar-container{background:#e5e7eb;height:24px;border-radius:4px;overflow:hidden}.campaign-cost-bar{height:100%;border-radius:4px;transition:width .3s ease}.campaign-cost-amount{font-size:.875rem;font-weight:600;color:#1f2937;text-align:right}.settlement-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.settlement-tabs .tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;margin-bottom:-2px}.settlement-tabs .tab:hover{color:#374151}.settlement-tabs .tab.active{color:#4ceb9f;border-bottom-color:#4ceb9f}.settlement-tabs .tab .count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#f3f4f6;border-radius:12px;font-size:.75rem;font-weight:600}.settlement-tabs .tab.active .count{background:#ede9fe;color:#4ceb9f}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;line-height:1}.close-btn:hover{color:#374151}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.review-target-info{display:flex;align-items:center;gap:12px;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1.5rem}.review-target-info strong{font-size:1rem}.campaign-badge{font-size:.75rem;padding:4px 8px;background:#e5e7eb;border-radius:4px;color:#6b7280}.review-form{display:flex;flex-direction:column;gap:1.25rem}.rating-selector{display:flex;justify-content:space-between;align-items:center}.rating-selector label{font-size:.875rem;font-weight:500;color:#374151}.stars-input{display:flex;gap:4px}.stars-input svg{cursor:pointer}.rating-divider{text-align:center;padding:.75rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.rating-divider span{font-size:.75rem;color:#9ca3af}.rehire-option{padding:1rem;background:#f0fdf4;border-radius:8px}.rehire-option label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#059669;font-weight:500}.rehire-option input[type=checkbox]{width:18px;height:18px;accent-color:#059669}.comment-input{display:flex;flex-direction:column;gap:8px}.comment-input label{font-size:.875rem;font-weight:500;color:#374151}.comment-input textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:none;font-family:inherit}.comment-input textarea:focus{outline:none;border-color:#4ceb9f}.btn-cancel{padding:.625rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;color:#374151}.btn-cancel:hover{background:#f9fafb}.btn-submit{padding:.625rem 1.25rem;background:#4ceb9f;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.btn-submit:hover:not(:disabled){background:#3dd98f}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.table-header .header-cell:nth-child(2),.table-header .header-cell:nth-child(3),.table-header .header-cell:nth-child(6),.table-row .table-cell:nth-child(2),.table-row .table-cell:nth-child(3),.table-row .table-cell:nth-child(6){display:none}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.settlement-tabs{gap:8px}.settlement-tabs .tab{padding:10px 12px;font-size:.875rem}.analytics-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr .8fr}.table-header .header-cell:nth-child(5),.table-header .header-cell:nth-child(6),.table-row .table-cell:nth-child(5),.table-row .table-cell:nth-child(6){display:none}}@media (--tablet){.main-tabs{gap:var(--spacing-1)}.main-tab{padding:12px 16px;font-size:var(--font-size-sm);flex-direction:column;gap:var(--spacing-1)}.tab-content{padding:20px}.content-header,.campaign-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.campaign-rank{min-width:auto}.campaign-amount{text-align:left;min-width:auto}.summary-grid{grid-template-columns:1fr}.summary-value{font-size:var(--font-size-lg-extended)}.report-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.period-selector,.view-toggle,.period-selector select{width:100%}.monthly-chart{gap:var(--spacing-3)}.month-bars{height:150px}}.work-logs-page{padding:0;min-height:100vh}.work-logs-page .campaign-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.work-logs-page .campaign-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1f2937;margin:0 0 .5rem}.work-logs-page .campaign-meta{font-size:var(--font-size-sm);color:#6b7280;display:flex;gap:var(--spacing-2)}.stat-card.checkedin{border-color:#2563eb;background:#eff6ff}.stat-card.checkedout{border-color:#d97706;background:#fffbeb}.stat-card.completed{border-color:#059669;background:#ecfdf5}.date-filter{display:flex;align-items:center;gap:var(--spacing-2);padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:var(--radius-base);background:#fff}.date-filter svg{color:#6b7280}.date-input{border:none;font-size:var(--font-size-sm);color:#1f2937;cursor:pointer;background:transparent}.date-input:focus{outline:none}.work-logs-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.work-log-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;transition:all .2s}.work-log-card:hover{box-shadow:var(--shadow-md)}.log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.worker-info{display:flex;align-items:flex-start;gap:var(--spacing-4)}.worker-avatar{width:48px;height:48px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.worker-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 .5rem}.worker-meta{display:flex;align-items:center;gap:var(--spacing-2)}.position-badge{background:#eff6ff;color:#2563eb;padding:.125rem .5rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.log-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:1rem}.detail-item.actual{color:#2563eb;font-weight:var(--font-weight-medium)}.detail-item.actual svg{color:#2563eb}.work-hours{color:#059669;font-weight:var(--font-weight-semibold);margin-left:.25rem}.log-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media (--tablet){.log-header{flex-direction:column;gap:var(--spacing-4)}.log-actions{justify-content:stretch}.log-actions .btn{flex:1}}@media (--mobile){.work-logs-page{padding:1rem 0}.campaign-info-card{padding:1rem}.campaign-title{font-size:var(--font-size-xl)}.work-log-card{padding:1rem}}.work-checkin-page{padding:0;min-height:100vh;max-width:600px;margin:0 auto}.work-checkin-page .campaign-card{background:linear-gradient(135deg,#4ceb9f,#3bc97f);border-radius:var(--radius-lg);padding:2rem;color:#fff;margin-bottom:1.5rem}.work-checkin-page .campaign-badge{display:inline-block;background:#fff3;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:1rem}.work-checkin-page .campaign-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 1.5rem;line-height:1.3}.work-checkin-page .campaign-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.work-checkin-page .info-item{display:flex;align-items:flex-start;gap:.625rem;font-size:var(--font-size-sm-plus)}.work-checkin-page .info-item svg{margin-top:.125rem;flex-shrink:0;opacity:.9}.work-checkin-page .address{font-size:var(--font-size-sm);opacity:.8;margin-top:.25rem}.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:var(--spacing-8)}.current-time,.elapsed-time{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.current-time svg,.elapsed-time svg{color:#2563eb;flex-shrink:0}.time-label{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:.25rem}.time-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1f2937}.elapsed-time svg{color:#059669}.location-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.location-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.location-header svg{color:#2563eb}.location-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0}.location-loading,.location-error{display:flex;align-items:center;gap:var(--spacing-3);padding:1rem;background:#f9fafb;border-radius:var(--radius-base);color:#6b7280}.location-loading svg{color:#2563eb;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-error{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.location-error svg{color:#dc2626}.location-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:var(--radius-base)}.info-label{font-size:var(--font-size-sm);color:#6b7280;font-weight:var(--font-weight-medium)}.info-value{font-size:var(--font-size-sm);color:#1f2937;font-weight:var(--font-weight-semibold)}.info-value.success{color:#059669}.info-value.error{color:#dc2626}.warning-message{display:flex;align-items:center;gap:var(--spacing-3);margin-top:1rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-base);color:#92400e;font-size:var(--font-size-sm)}.warning-message svg{color:#d97706;flex-shrink:0}.photo-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.photo-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.photo-header svg{color:#2563eb}.photo-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0}.photo-upload{display:block;cursor:pointer}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:3rem;border:2px dashed #d1d5db;border-radius:var(--radius-md);background:#f9fafb;transition:all .2s}.photo-placeholder:hover{border-color:#2563eb;background:#eff6ff}.photo-placeholder svg{color:#9ca3af}.photo-placeholder span{color:#6b7280;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-medium)}.photo-preview{position:relative;border-radius:var(--radius-md);overflow:hidden}.photo-preview img{width:100%;height:auto;display:block}.photo-remove{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.photo-remove:hover{background:#000000e6}.work-checkin-page .btn-checkin{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:1.25rem 2rem;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s;border:none;margin-bottom:1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 4px 14px #05966966}.work-checkin-page .btn-checkin:hover:not(:disabled){box-shadow:0 6px 20px #05966980;transform:translateY(-2px)}.work-checkin-page .btn-checkout{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:1.25rem 2rem;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s;border:none;margin-bottom:1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b66}.work-checkin-page .btn-checkout:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b80;transform:translateY(-2px)}.completed-message{text-align:center;padding:3rem 2rem}.completed-message svg{color:#059669;margin-bottom:1rem}.completed-message h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1f2937;margin:0 0 .5rem}.completed-message p{color:#6b7280;margin-bottom:2rem}.notes{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem}.notes h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 1rem}.notes ul{margin:0;padding-left:1.5rem;list-style:disc}.notes li{font-size:var(--font-size-sm);color:#6b7280;line-height:1.6;margin-bottom:.5rem}.notes li:last-child{margin-bottom:0}@media (--tablet){.work-checkin-page{padding:1rem}.status-card{flex-direction:column;gap:var(--spacing-4)}.campaign-card{padding:1.5rem}.campaign-title,.time-value{font-size:var(--font-size-xl)}}@media (--mobile){.campaign-card,.location-card,.photo-card,.notes{padding:1rem}.btn{padding:1rem 1.5rem;font-size:var(--font-size-base)}.photo-placeholder{padding:2rem}}.applications-page{padding:0}.stat-card.approved{border-left:4px solid #059669}.stat-card.pending{border-left:4px solid #d97706}.stat-card.rejected{border-left:4px solid #dc2626}.applications-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}.application-card{background:#fff;border-radius:var(--radius-md);border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.application-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.applications-page .card-header{padding:1.5rem 1.5rem 1rem}.campaign-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 .5rem}.company-name{color:#4ceb9f;font-weight:var(--font-weight-medium)}.status-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.application-details{margin-bottom:1rem}.detail-row{gap:var(--spacing-8)}.application-summary{background-color:#f9fafb;border-radius:var(--radius-base);padding:1rem;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:var(--font-size-sm)}.summary-item:last-child{margin-bottom:0}.label{color:#6b7280}.value{font-weight:var(--font-weight-medium);color:#1f2937}.message-box{background-color:#eff6ff;border-radius:var(--radius-base);padding:1rem;border-left:4px solid #3b82f6}.message-label{font-size:var(--font-size-xs);color:#3b82f6;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.message-content{font-size:var(--font-size-sm);color:#1e40af;line-height:1.5}.action-btn.primary{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff}.action-btn.primary:hover{opacity:.9}.retry-btn{padding:.5rem 1rem;background:#4ceb9f;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-medium)}.retry-btn:hover{background:#5a67d8}@media (--tablet){.applications-list{grid-template-columns:1fr}}.schedule-page{padding-top:0;padding-bottom:0;min-height:100vh;background:transparent}.schedule-tabs{display:flex;gap:var(--spacing-2);margin-bottom:1.5rem;background:#fff;padding:.5rem;border-radius:var(--radius-md);border:1px solid #e5e7eb}.schedule-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#6b7280;cursor:pointer;transition:all .2s}.schedule-tab:hover{background:#f3f4f6;color:#374151}.schedule-tab.active{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;font-weight:var(--font-weight-semibold)}.calendar-controls{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:2rem;background:#fff;padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid #e5e7eb}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#374151}.current-month{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#1f2937;flex:1}.btn-today{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.btn-today:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-primary)}.calendar-container{background:#fff;border-radius:var(--radius-md);border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:2rem}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px;background:#e5e7eb;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.weekday{background:#f9fafb;padding:.75rem;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:#374151}.weekday.sunday{color:#dc2626}.weekday.saturday{color:#2563eb}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px;background:#e5e7eb;border:1px solid #e5e7eb}.calendar-weeks{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;background:#e5e7eb}.calendar-week{display:flex;flex-direction:column;position:relative;border-bottom:1px solid #e5e7eb}.calendar-week:last-child{border-bottom:none}.week-days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px;background:#e5e7eb}.week-bars-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px 1px;gap:2px 1px;padding:2px 0;background:#fff;min-height:24px}.calendar-day{background:#fff;min-height:80px;padding:.5rem;position:relative;transition:background-color .2s}.calendar-day:hover:not(.empty){background:#f9fafb}.calendar-day.empty{background:#fafafa}.calendar-day.today{background:#eff6ff}.calendar-day.sunday .day-number{color:#dc2626}.calendar-day.saturday .day-number{color:#2563eb}.day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#374151;margin-bottom:.25rem}.calendar-day.today .day-number{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.campaign-bars-container{display:grid;grid-template-columns:1fr;grid-gap:2px;gap:2px;margin-top:4px;position:absolute;left:0;right:0;top:32px;padding:0 4px;z-index:1}.campaign-bar-wrapper{display:flex;padding:0 2px}.campaign-bar{height:22px;border-radius:var(--radius-sm);padding:0 8px;display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xxs-relaxed);font-weight:var(--font-weight-medium);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px #00000026;transition:all .2s;width:100%}.campaign-bar:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000040;z-index:10}.campaign-bar.google-style{gap:var(--spacing-1)}.campaign-date-range{font-size:var(--font-size-xxs-plus);font-weight:var(--font-weight-semibold);opacity:.9;flex-shrink:0}.campaign-bar-blocks{display:inline-flex;gap:1px;font-size:var(--font-size-2xs-plus);opacity:.8;flex-shrink:0}.bar-block{display:inline-block;line-height:1}.campaign-bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.campaign-dots{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap;position:relative;z-index:0}.campaign-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.more-campaigns{font-size:var(--font-size-xxs-plus);color:#6b7280;font-weight:var(--font-weight-medium)}.schedule-list{background:#fff;border-radius:var(--radius-md);border:1px solid #e5e7eb;padding:1.5rem}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 1rem}.campaign-items{display:flex;flex-direction:column;gap:var(--spacing-3)}.campaign-item{display:flex;align-items:center;gap:var(--spacing-4);padding:1rem;border:1px solid #e5e7eb;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.campaign-item:hover{border-color:#4ceb9f;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.campaign-color-indicator{width:4px;height:60px;border-radius:var(--radius-sm);flex-shrink:0}.campaign-item-content{flex:1}.campaign-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0 0 .5rem}.campaign-item-details{display:flex;flex-wrap:wrap;gap:var(--spacing-4);font-size:var(--font-size-sm);color:#6b7280}.campaign-item-details span:not(:last-child):after{content:"•";margin-left:1rem;color:#d1d5db}.campaign-item-pay{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#059669;flex-shrink:0}.empty-state svg{margin:0 auto 1rem;color:#d1d5db}.status-badge.recruiting{background:#ede9fe;color:#4ceb9f}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.completed{background:#f3f4f6;color:#6b7280}.status-badge.cancelled{background:#fee2e2;color:#dc2626}@media (--desktop){.calendar-day{min-height:70px}.week-bars-grid{min-height:20px}.campaign-bar{height:20px;font-size:var(--font-size-xxs-plus);padding:0 6px}.campaign-date-range{font-size:var(--font-size-2xs-plus)}.campaign-bar-blocks{font-size:var(--font-size-2xs)}}@media (--tablet){.schedule-page{padding:1rem 0}.calendar-controls{padding:.75rem 1rem}.current-month{font-size:var(--font-size-base)}.calendar-container{padding:1rem}.weekday{padding:.5rem .25rem;font-size:var(--font-size-xs)}.calendar-day{min-height:50px;padding:.25rem}.day-number{font-size:var(--font-size-xs)}.week-bars-grid{min-height:18px;padding:1px 0}.campaign-bar{height:18px;font-size:var(--font-size-2xs-plus);padding:0 4px}.campaign-bar-wrapper{padding:0 1px}.campaign-date-range{font-size:var(--font-size-2xs)}.campaign-bar-blocks{font-size:var(--font-size-3xs);gap:0}.campaign-item{flex-direction:column;align-items:flex-start}.campaign-color-indicator{width:100%;height:4px}.campaign-item-details{flex-direction:column;gap:var(--spacing-1)}.campaign-item-details span:after{display:none}}.profile-new-page{min-height:100vh;background:transparent;padding:0 20px 40px}.profile-container{max-width:800px;margin:0 auto}.profile-tabs{display:flex;gap:var(--spacing-2);margin-bottom:24px;background:#fff;border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-base)}.profile-tabs .tab{flex:1;padding:12px 20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.profile-tabs .tab:hover{background:var(--gray-50);color:var(--gray-800)}.profile-tabs .tab.active{background:var(--layout1-btn-gradient-start);color:#fff}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-base)}.profile-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-100)}.profile-header-section{background:#fff;border-radius:var(--radius-md);padding:40px 32px;display:flex;align-items:center;gap:var(--spacing-8);box-shadow:var(--shadow-base);margin-bottom:24px}.profile-image-wrapper{position:relative;flex-shrink:0}.profile-image-large{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--gray-200)}.profile-image-edit{position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--layout1-btn-gradient-start);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #0003}.profile-image-edit:hover{transform:scale(1.1)}.profile-header-info{flex:1;color:var(--gray-900)}.profile-header-info h1{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);margin-bottom:8px;color:var(--gray-900)}.profile-header-info .email{font-size:var(--font-size-base);color:var(--gray-600);margin-bottom:12px}.profile-header-info .profile-badges{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.profile-header-info .role-badge{display:inline-block;padding:6px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--layout1-btn-gradient-start);color:#fff;border-radius:var(--radius-xl)}.profile-header-info .rating-info{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 12px;background:#fffbeb;border-radius:var(--radius-base);border:1px solid #fef3c7}.profile-header-info .rating-info .review-count{font-size:var(--font-size-sm);color:#92400e;font-weight:var(--font-weight-medium)}.info-row{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-row>label{width:120px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-600);padding-top:8px}.value-group,.edit-group{flex:1;display:flex;align-items:center;gap:var(--spacing-3)}.value-group span{flex:1;font-size:var(--font-size-sm);color:var(--gray-800)}.value-group span.multiline{white-space:pre-wrap;line-height:1.6}.info-badge{display:inline-block;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-md)}.btn-edit,.btn-save,.btn-cancel,.btn-primary{padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.btn-edit{background:var(--gray-50);color:var(--blue-600);border:1px solid var(--blue-600)}.btn-edit:hover{background:var(--blue-600);color:#fff}.btn-save{background:var(--green-600);color:#fff}.btn-save:hover{background:var(--green-700)}.btn-cancel{background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-300)}.btn-cancel:hover{background:var(--gray-100)}.btn-primary{background:var(--blue-600);color:#fff;padding:12px 24px}.btn-primary:hover{background:var(--blue-700)}.edit-group input,.edit-group textarea{flex:1;padding:10px 14px;font-size:var(--font-size-sm);border:1px solid var(--gray-300);border-radius:var(--radius-base);transition:border-color .2s}.edit-group input:focus,.edit-group textarea:focus{outline:none;border-color:var(--blue-600)}.edit-group textarea{resize:vertical;font-family:inherit;min-height:80px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--gray-100)}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-info label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:4px}.toggle-desc{display:block;font-size:var(--font-size-xs);color:var(--gray-400)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--blue-600)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.event-list,.bank-info{margin-top:12px}.account-actions{display:flex;gap:var(--spacing-3);justify-content:flex-start;padding:20px 24px}.btn-delete-account{padding:8px 20px;font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200)}.btn-delete-account:hover{background:var(--gray-200);color:var(--gray-700)}.danger-zone{border:2px solid var(--red-600)}.danger-zone h2{color:var(--red-600)}.bank-accounts-list{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:12px}.bank-account-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-base);transition:all .2s}.bank-account-item:hover{background:var(--gray-100)}.bank-account-info{flex:1}.bank-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:8px;display:flex;align-items:center;gap:var(--spacing-2)}.account-number{font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:4px;font-family:var(--font-mono);letter-spacing:1px}.account-holder{font-size:var(--font-size-sm-compact);color:var(--gray-500)}.profile-bank-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-bank-modal .modal-content{background:#fff;border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.profile-bank-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--gray-100)}.profile-bank-modal .modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.profile-bank-modal .close-btn{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:var(--font-size-xl);color:var(--gray-600);cursor:pointer;transition:all .2s}.profile-bank-modal .close-btn:hover{background:var(--gray-200)}.profile-bank-modal .modal-body{padding:24px}.profile-bank-modal .form-group{margin-bottom:20px}.profile-bank-modal .form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:8px}.profile-bank-modal .form-group.checkbox label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-medium)}.profile-bank-modal .form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.profile-bank-modal .form-input{width:100%;padding:12px;font-size:var(--font-size-sm);border:1px solid var(--gray-300);border-radius:var(--radius-sm);transition:border-color .2s}.profile-bank-modal .form-input:focus{outline:none;border-color:var(--layout1-btn-gradient-start)}.profile-bank-modal .modal-footer{display:flex;gap:var(--spacing-3);padding:24px;border-top:1px solid var(--gray-100)}@media (--tablet){.profile-new-page{padding:20px 12px}.profile-tabs{gap:6px}.tab{padding:10px 12px;font-size:var(--font-size-sm-compact)}.profile-section{padding:20px 16px}.info-row{flex-direction:column;gap:var(--spacing-3)}.info-row>label{width:100%;padding-top:0}.value-group,.edit-group{width:100%}.edit-group{flex-direction:column;align-items:stretch}.edit-group button{width:100%}.toggle-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.toggle-switch{align-self:flex-end}.account-actions{flex-direction:column;gap:10px}.btn-delete-account{width:100%;padding:10px}.portfolio-grid{grid-template-columns:repeat(3,1fr)!important}}.section-desc{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:-12px;margin-bottom:16px}.portfolio-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.portfolio-slot{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative}.portfolio-slot.filled{border:1px solid var(--gray-200)}.portfolio-slot.filled img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-slot.empty{border:2px dashed var(--gray-300);background:var(--gray-50);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.portfolio-slot.empty:hover{border-color:var(--layout1-btn-gradient-start);background:#eff6ff}.portfolio-slot.empty input{display:none}.portfolio-slot.empty .add-icon{font-size:32px;color:var(--gray-400);font-weight:300;line-height:1}.portfolio-slot.empty:hover .add-icon{color:var(--layout1-btn-gradient-start)}.portfolio-delete-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.portfolio-slot.filled:hover .portfolio-delete-btn{opacity:1}.portfolio-delete-btn:hover{background:#dc3545e6}.upload-status{text-align:center;margin-top:12px;font-size:var(--font-size-sm);color:var(--layout1-btn-gradient-start)}@media (max-width: 768px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.help-page{min-height:100vh;background:transparent}.help-hero{background:var(--white);border-bottom:1px solid var(--gray-100);padding:48px 0;text-align:center}.help-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0 0 12px}.help-subtitle{color:var(--black-70);font-size:var(--font-size-lg);margin:0}.help-content{padding:48px 0}.faq-section{margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:800px;margin:0 auto}.faq-item{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-base);padding:24px}.faq-question{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);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));grid-gap:var(--spacing-6);gap:var(--spacing-6);max-width:800px;margin:0 auto}.contact-card{text-align:center;padding:24px;border:1px solid var(--gray-100);border-radius:var(--radius-base)}.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:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 8px}.contact-info{color:var(--black-70);margin:0}.legal-page{min-height:100vh;background:transparent;padding:0}.legal-container{max-width:800px;margin:0 auto;background:var(--background);border-radius:var(--radius-md);box-shadow:0 4px 24px #0000001a;padding:48px}.legal-title-wrapper{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--primary)}.legal-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-base);color:var(--foreground);cursor:pointer;transition:all .2s;flex-shrink:0}.legal-back-button:hover{background:var(--secondary);border-color:var(--primary);color:var(--primary)}.legal-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0;flex:1}.legal-header{margin-bottom:24px}.legal-effective-date{font-size:var(--font-size-sm);color:var(--muted-foreground);background:var(--secondary);padding:8px 16px;border-radius:var(--radius-sm);margin:0;display:inline-block}.legal-intro{background:var(--accent);padding:24px;border-radius:var(--radius-base);margin-bottom:32px;border-left:4px solid var(--primary)}.legal-intro p{font-size:var(--font-size-base);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:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent)}.legal-section p{font-size:var(--font-size-base);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:var(--font-size-base);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:var(--radius-base);border:1px solid var(--border);background:var(--background)}.legal-table{width:100%;border-collapse:collapse;background:var(--background);font-size:var(--font-size-sm)}.legal-table th{background:var(--primary);color:var(--primary-foreground);padding:16px;text-align:left;font-weight:var(--font-weight-semibold);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:var(--radius-base);margin:16px 0;border-left:4px solid var(--primary)}.legal-contact-info p{margin:0 0 8px;font-size:var(--font-size-base)}.legal-contact-info p:last-child{margin-bottom:0}.legal-footer{background:var(--accent);padding:24px;border-radius:var(--radius-base);text-align:center;margin-top:32px}.legal-footer h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 12px}.legal-footer p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--muted-foreground);margin:0}.legal-chapter{margin-bottom:40px}.legal-chapter h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);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:var(--font-size-lg);font-weight:var(--font-weight-semibold);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:var(--radius-sm);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:var(--radius-base);border-left:4px solid var(--primary)}.legal-purpose-item h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary);margin:0 0 8px}.legal-purpose-item p{margin:0}.legal-browser-settings{background:var(--secondary);padding:20px;border-radius:var(--radius-base);margin:16px 0}.legal-browser-settings h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);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:var(--radius-sm);border-left:4px solid var(--warning);font-size:var(--font-size-sm);color:var(--muted-foreground);margin:16px 0 0}@media (--tablet){.legal-page{padding:16px 0}.legal-container{padding:24px;margin:0 16px}.legal-title-wrapper{margin-bottom:24px;padding-bottom:12px}.legal-title{font-size:var(--font-size-2xl)}.legal-back-button{width:36px;height:36px}.legal-section h2{font-size:var(--font-size-lg)}.legal-chapter h2{font-size:var(--font-size-xl)}.legal-table{font-size:var(--font-size-xs)}.legal-table th,.legal-table td{padding:12px 8px}.legal-table-container{font-size:var(--font-size-xs)}}@media (--mobile){.legal-container{padding:16px;margin:0 8px}.legal-title-wrapper{gap:var(--spacing-3)}.legal-title{font-size:var(--font-size-xl)}.legal-back-button{width:32px;height:32px}.legal-table{font-size:var(--font-size-xs-plus)}.legal-table th,.legal-table td{padding:8px 6px}}.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:var(--font-size-display-4xl);font-weight:var(--font-weight-bold);color:var(--gray-100);line-height:1}.not-found-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);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:var(--spacing-3);justify-content:center;flex-wrap:wrap}.inquiry-container{max-width:800px;margin:40px auto;padding:0 20px}.inquiry-container.admin{max-width:1400px}.inquiry-header{text-align:center;margin-bottom:40px}.inquiry-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:12px}.inquiry-header p{font-size:var(--font-size-base);color:var(--gray-500)}.inquiry-form{background:var(--color-white);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-base)}.form-group small{display:block;margin-top:6px;font-size:var(--font-size-xs);color:var(--gray-500)}.form-group.user-info{background:var(--gray-50);border-radius:var(--radius-base);padding:16px}.info-item{display:flex;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-item .label{font-weight:var(--font-weight-semibold);color:var(--gray-800);min-width:80px}.info-item .value{color:var(--gray-500)}.btn-primary{padding:12px 24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s;background:var(--info);color:var(--info-foreground)}.btn-primary:hover{background:var(--info-700)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-full{width:100%}.btn-close{padding:4px 12px;font-size:var(--font-size-2xl);background:transparent;color:#666;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.btn-close:hover{background:#f8f9fa;color:#333}.inquiry-success{text-align:center;padding:60px 32px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base)}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-display-md)}.inquiry-success h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:12px}.inquiry-success p{font-size:var(--font-size-base);color:#666;margin-bottom:8px}.info-text{color:#007bff;font-weight:var(--font-weight-medium)}.success-actions{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:32px}.verification-box{background:#fff;border-radius:var(--radius-md);padding:40px 32px;box-shadow:var(--shadow-base);text-align:center}.verification-box h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:12px}.verification-box p{font-size:var(--font-size-base);color:#666;margin-bottom:32px}.verification-form{max-width:320px;margin:0 auto}.verification-input{text-align:center;font-size:var(--font-size-2xl);letter-spacing:8px;font-weight:var(--font-weight-bold)}.inquiry-detail{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base);overflow:hidden}.inquiry-detail-header{padding:32px;border-bottom:1px solid #eee}.title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.title-row h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1a1a1a;flex:1}.meta-info{display:flex;gap:var(--spacing-5);font-size:var(--font-size-sm);color:#666}.inquiry-detail-body{padding:32px}.detail-section{margin-bottom:32px}.detail-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#333;margin-bottom:12px}.content-box,.reply-box{background:#f8f9fa;border-radius:var(--radius-base);padding:20px}.writer-info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #dee2e6}.content-text,.reply-text{line-height:1.6;color:#333;white-space:pre-wrap}.reply-box{background:#e7f3ff}.no-reply{text-align:center;padding:40px;color:#999;background:#f8f9fa;border-radius:var(--radius-base)}.inquiry-detail-footer{padding:24px 32px;border-top:1px solid #eee;display:flex;justify-content:center}.status-badge{display:inline-block;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#d1ecf1;color:#0c5460}.status-completed{background:#d4edda;color:#155724}.inquiry-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.inquiry-list-header h1{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#1a1a1a}.inquiry-table{width:100%;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-base)}.inquiry-table thead{background:#f8f9fa}.inquiry-table th{padding:16px;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#333;border-bottom:2px solid #dee2e6}.inquiry-table tbody tr{border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.inquiry-table tbody tr:hover{background:#f8f9fa}.inquiry-table tbody tr.selected{background:#e7f3ff}.inquiry-table td{padding:16px;font-size:var(--font-size-sm);color:#666}.title-cell{max-width:400px}.inquiry-title{display:block;color:#1a1a1a;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inquiry-title.clickable:hover{color:#007bff;-webkit-text-decoration:underline;text-decoration:underline}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-header h1{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-bold);color:#1a1a1a}.filter-buttons{display:flex;gap:var(--spacing-2)}.filter-buttons button{padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#f8f9fa;color:#666;border:1px solid #ddd;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.filter-buttons button:hover{background:#e9ecef}.filter-buttons button.active{background:#007bff;color:#fff;border-color:#007bff}.admin-content{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6)}.inquiry-list-panel{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-base)}.clickable-row:hover{background-color:#f8f9fa}.clickable-row.selected{background-color:#e3f2fd}.member-badge{display:inline-block;margin-left:6px;padding:2px 6px;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);background:#007bff;color:#fff;border-radius:var(--radius-sm)}.inquiry-detail-panel{position:fixed;top:0;right:0;width:600px;height:100vh;background:#fff;box-shadow:-4px 0 12px #00000026;overflow-y:auto;z-index:10000}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}.panel-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#1a1a1a}.panel-body{padding:32px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}.inquiry-container .empty-state{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base)}.error-message{padding:12px 16px;background:#f8d7da;color:#721c24;border-radius:var(--radius-base);margin-bottom:16px;font-size:var(--font-size-sm)}.error-box{text-align:center;padding:60px 32px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base)}.error-box h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#dc3545;margin-bottom:12px}.error-box p{font-size:var(--font-size-base);color:#666;margin-bottom:24px}.loading{text-align:center;padding:60px 32px;font-size:var(--font-size-base);color:#666}@media (--tablet){.inquiry-container{padding:0 16px}.inquiry-form,.inquiry-detail-header,.inquiry-detail-body,.inquiry-detail-footer{padding:24px}.title-row{flex-direction:column;gap:var(--spacing-3)}.meta-info{flex-direction:column;gap:var(--spacing-2)}.inquiry-list-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.inquiry-table{font-size:var(--font-size-xs)}.inquiry-table th,.inquiry-table td{padding:12px 8px}.inquiry-detail-panel{width:100%}.info-grid{grid-template-columns:1fr}.filter-buttons{flex-wrap:wrap}}.common-table-loading,.common-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--gray-600);text-align:center;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.common-table-loading svg,.common-table-empty svg{margin-bottom:1rem;opacity:.7}.common-table-loading svg{animation:commonTablePulse 2s infinite}.common-table-empty h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--gray-900)}.common-table-empty p{font-size:var(--font-size-base);color:var(--gray-500)}@keyframes commonTablePulse{0%,to{opacity:1}50%{opacity:.5}}.common-table-wrapper{overflow-x:auto;background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.common-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm-plus)}.common-table thead{background:var(--surface-subtle)}.common-table th,.common-table td{padding:.85rem 1rem;text-align:left;white-space:nowrap}.common-table th{color:var(--gray-500);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border-soft)}.common-table td{color:var(--gray-900);border-bottom:1px solid var(--gray-100)}.common-table tbody tr:last-child td{border-bottom:none}.common-table .clickable-row{cursor:pointer;transition:background .2s ease}.common-table .clickable-row:hover{background:var(--gray-50)}.common-table .title-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.common-table .date-cell,.common-table .text-muted{color:var(--gray-500);font-size:var(--font-size-xs)}.common-table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4)}.common-table-pagination .page-btn{background:var(--surface-base);border:1px solid var(--border-soft);border-radius:var(--radius-base);padding:.35rem;color:var(--gray-700);cursor:pointer;transition:background .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center}.common-table-pagination .page-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--border-strong)}.common-table-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.common-table-pagination .page-info{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.common-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs)}.common-filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.common-filter-select{min-height:var(--control-height-sm);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-base);padding:0 var(--spacing-3);color:var(--gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.common-filter-select:focus-visible{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 var(--focus-ring-width) #3b82f626}.common-filter-select option{color:var(--gray-900)}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:0 .75rem;min-height:var(--control-height-xs);border-radius:999px;border:1px solid var(--gray-200);background:var(--gray-50);font-size:var(--font-size-xs);color:var(--gray-600)}.filter-chip.is-active{border-color:var(--blue-300);background:var(--blue-50);color:var(--blue-600)}.sortable-header{display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-header:hover{color:var(--gray-900)}.column-filter{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:.25rem .5rem;color:var(--gray-600);font-size:var(--font-size-xs);cursor:pointer}.column-filter option{color:var(--gray-900)}@media (--tablet){.common-table th,.common-table td{padding:.65rem;font-size:var(--font-size-sm)}.common-filter-bar{flex-direction:column;align-items:stretch}.common-filter-group{width:100%}.common-table-pagination{justify-content:center}}.common-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-6);background:var(--surface-base);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.common-tabs .tab{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:0 var(--spacing-4);min-height:var(--control-height-sm);font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--gray-500);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.common-tabs .tab .tab-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-400)}.common-tabs .tab:hover:not(:disabled){background:var(--gray-50);color:var(--gray-900)}.common-tabs .tab.active{background:linear-gradient(135deg,var(--layout1-btn-gradient-start),var(--layout1-btn-gradient-end));border-color:transparent;color:#fff;box-shadow:var(--shadow-base)}.common-tabs .tab:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.common-tabs .tab:disabled{opacity:.5;cursor:not-allowed}@media (--tablet){.common-tabs{padding:var(--spacing-2);gap:var(--spacing-2)}.common-tabs .tab{flex:1 1 auto;justify-content:flex-start;padding:0 var(--spacing-3);font-size:var(--font-size-sm)}}.inquiry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.inquiry-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all .2s}.inquiry-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.inquiry-id{color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.inquiry-title{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inquiry-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:#fff9}.inquiry-author{font-weight:var(--font-weight-medium)}.inquiry-date{opacity:.8}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.pending{background:#fbbf2433;color:var(--yellow-400)}.status-badge.answered{background:#4ceb9f33;color:var(--layout1-btn-gradient-start)}.status-badge.processing{background:#3b82f633;color:var(--blue-500)}.inquiry-popup-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;justify-content:flex-end;padding:16px}.inquiry-popup{width:340px;background:var(--color-white);border-radius:var(--radius-md);max-height:100%;overflow-y:auto;box-shadow:0 12px 40px #0000004d;animation:popupSlideIn .15s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.panel-header h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin:0;display:flex;align-items:center;gap:var(--spacing-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag{font-size:11px;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.inquiry-num{color:var(--gray-400);font-weight:var(--font-weight-normal);font-size:12px}.status-tag.pending{background:var(--yellow-100);color:var(--yellow-600)}.status-tag.processing{background:var(--blue-100);color:var(--blue-600)}.status-tag.answered{background:var(--green-100);color:var(--green-600)}.panel-header .btn-close{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem}.panel-header .btn-close:hover{color:var(--gray-800)}.panel-body{padding:1rem}.detail-section{margin-bottom:1rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-500);margin-bottom:.375rem;display:flex;justify-content:space-between;align-items:center}.date-text{font-weight:var(--font-weight-normal);color:var(--gray-400)}.info-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--gray-500);margin-bottom:.25rem}.info-row .separator{color:var(--gray-300)}.info-row.sub{color:var(--gray-400);font-size:11px;margin-bottom:1rem}.content-box{background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-sm);padding:.75rem;color:var(--gray-800);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;max-height:150px;overflow-y:auto}.btn-primary{padding:.5rem 1rem;background:var(--green-600);border:none;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--green-500)}@media (--tablet){.inquiry-popup{width:100%}}.page-header{margin-bottom:2rem}.page-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:.5rem}.page-subtitle{font-size:var(--font-size-base);color:#ffffffe6}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem}.card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon.users{background:linear-gradient(135deg,#4ceb9f,#3bc97f);color:#fff}.card-icon.campaigns{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.card-icon.settlements{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.card-icon.approvals{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.card-icon.inquiries{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#111827;flex:1}.view-all-btn{font-size:var(--font-size-sm);color:#4ceb9f;background:none;border:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:opacity .2s}.view-all-btn:hover{opacity:.7}.card-content{padding:1.5rem}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;transition:background .2s}.user-item:hover{background:#f3f4f6}.user-info-single{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);flex-wrap:wrap;width:100%}.user-name-inline{font-weight:var(--font-weight-semibold);color:#111827}.user-email-inline{color:#6b7280}.user-separator{color:#d1d5db}.user-date{font-size:var(--font-size-xs);color:#9ca3af}.role-badge{padding:.25rem .5rem;border-radius:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:24px;text-align:center}.role-badge.promoter{background:#dbeafe;color:#1e40af}.role-badge.advertiser{background:#fce7f3;color:#be185d}.role-badge.admin{background:#e0e7ff;color:#3730a3}.approvals-list{display:flex;flex-direction:column;gap:.75rem}.approval-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;transition:background .2s}.approval-item:hover{background:#f3f4f6}.approval-info-single{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);flex-wrap:wrap}.approval-title-inline{font-weight:var(--font-weight-semibold);color:#111827}.approval-company{color:#6b7280}.approval-separator{color:#d1d5db}.approval-date{font-size:var(--font-size-xs);color:#9ca3af}.status-tag{padding:.2rem .5rem;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-tag.create{background:#dcfce7;color:#166534}.status-tag.edit{background:#fef3c7;color:#92400e}.status-tag.delete{background:#fee2e2;color:#991b1b}.inquiries-list{display:flex;flex-direction:column;gap:.75rem}.inquiry-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;transition:background .2s}.inquiry-item:hover{background:#f3f4f6}.inquiry-info-single{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);flex-wrap:wrap;width:100%}.inquiry-title-inline{font-weight:var(--font-weight-semibold);color:#111827}.inquiry-name{color:#6b7280}.inquiry-separator{color:#d1d5db}.inquiry-date{font-size:var(--font-size-xs);color:#9ca3af}.quick-actions{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #00000012}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#111827;margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.action-card{padding:1.5rem;background:#f9fafb;border:2px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.action-card:hover{background:#fff;border-color:#4ceb9f;transform:translateY(-2px)}.action-card svg{color:#4ceb9f}.action-card span{font-weight:var(--font-weight-semibold);color:#111827;font-size:var(--font-size-sm-plus)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:var(--font-size-sm-plus)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#fff}.loading-state svg{margin-bottom:1rem;animation:pulse 2s infinite}.loading-state p{font-size:var(--font-size-base)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settlement-summary,.campaign-summary{display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px}.summary-label{font-size:var(--font-size-sm);color:#6b7280;font-weight:var(--font-weight-medium)}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#111827}.summary-value.total{color:#4ceb9f}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:var(--font-size-2xl)}}.search-box.compact{position:relative;display:flex;align-items:center}.search-box.compact svg{position:absolute;left:.75rem;color:#ffffff80}.search-box.compact input{padding:.5rem .5rem .5rem 2.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-sm);width:200px}.search-box.compact input::-moz-placeholder{color:#fff6}.search-box.compact input::placeholder{color:#fff6}.search-box.compact input:focus{outline:none;border-color:var(--layout1-btn-gradient-start)}.user-tabs{display:flex;gap:var(--spacing-2);margin-bottom:1.5rem;background:#ffffff1a;padding:.5rem;border-radius:var(--radius-md)}.user-tabs .tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-base);color:#fffc;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm-plus);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.user-tabs .tab:hover{background:#ffffff26;color:#fff}.user-tabs .tab.active{background:#fff;color:var(--layout1-btn-gradient-start)}.user-tabs .tab .count{padding:.125rem .5rem;background:#0000001a;border-radius:var(--radius-md);font-size:var(--font-size-sm-compact)}.user-tabs .tab.active .count{background:var(--layout1-btn-gradient-start);color:#fff}.filters-bar{background:#fff;padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;gap:var(--spacing-4);align-items:center;box-shadow:var(--shadow-base)}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:var(--gray-400)}.search-box input{width:100%;padding:.75rem .75rem .75rem 3rem;border:1px solid var(--gray-200);border-radius:var(--radius-base);font-size:var(--font-size-sm-plus)}.search-box input:focus{outline:none;border-color:var(--layout1-btn-gradient-start)}.filter-group{display:flex;gap:var(--spacing-3)}.filter-item{display:flex;align-items:center;gap:var(--spacing-2);padding:.5rem;background:var(--gray-50);border-radius:var(--radius-base)}.filter-item svg{color:var(--gray-500)}.filter-item select{border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);cursor:pointer;padding-right:1.5rem}.filter-item select:focus{outline:none}.user-info-single{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);flex-wrap:wrap}.user-name-inline{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.user-email-inline{color:var(--gray-500)}.user-company-inline{color:var(--gray-500);font-style:italic}.user-separator{color:var(--gray-300)}.role-badge{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center}.role-badge.promoter{background:var(--blue-100);color:var(--blue-800)}.role-badge.advertiser{background:var(--pink-100);color:var(--pink-700)}.status-badge{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:.375rem}.status-badge.active{background:var(--green-100);color:var(--green-800)}.status-badge.suspended{background:var(--red-100);color:var(--red-800)}.activity-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}.action-buttons{display:flex;gap:var(--spacing-2)}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn.view{background:var(--blue-50);color:var(--blue-800)}.action-btn.view:hover{background:var(--blue-100)}.action-btn.suspend{background:var(--red-50);color:var(--red-800)}.action-btn.suspend:hover{background:var(--red-100)}.action-btn.activate{background:var(--green-50);color:var(--green-800)}.action-btn.activate:hover{background:var(--green-100)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius-md);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.close-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:var(--gray-100);color:var(--gray-500);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:var(--gray-200)}.modal-body{padding:1.5rem}.user-summary{display:flex;align-items:center;gap:var(--spacing-4);padding:1rem;background:var(--gray-50);border-radius:var(--radius-base);margin-bottom:1.5rem}.user-summary .user-name{color:var(--gray-900)}.user-summary .user-email{color:var(--gray-500)}.status-change-info{padding:1rem;background:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:var(--radius-base);margin-bottom:1.5rem}.status-change-info p{color:var(--yellow-900);font-size:var(--font-size-sm-plus);line-height:1.6}.modal-footer{padding:1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff;border:none;border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm-plus);cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (--tablet){.filters-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}.user-tabs .tab{font-size:var(--font-size-sm-compact);padding:.625rem 1rem}}.btn-create{display:flex;align-items:center;gap:.5rem;background:var(--layout1-bg-white);color:#434343;border:1px solid var(--layout1-border-light);font-weight:var(--font-weight-bold);padding:10px 24px;font-size:var(--font-size-base);border-radius:var(--radius-base);transition:var(--layout1-transition);cursor:pointer;box-shadow:0 2px 8px #0000000d}.btn-create:hover{background:#4ceb9f;border-color:#4ceb9f;color:var(--layout1-text-white);transform:translateY(-2px);box-shadow:0 4px 12px #4ceb9f4d}.audience-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.audience-badge.all{background:#9ca3af33;color:#ffffffe6}.audience-badge.promoter{background:#3b82f633;color:#93c5fd}.audience-badge.advertiser{background:#f59e0b33;color:#fbbf24}.image-upload-section{margin-bottom:1.5rem}.upload-area{width:100%;height:200px;border:2px dashed #d1d5db;border-radius:var(--radius-base);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:#4ceb9f;background:#f9fafb}.upload-area svg{color:#9ca3af;margin-bottom:.75rem}.upload-area p{color:#6b7280;font-size:var(--font-size-sm-plus);margin:0}.upload-area .hint{font-size:var(--font-size-sm-compact);color:#9ca3af;margin-top:.25rem}.image-preview{position:relative;width:100%;border-radius:var(--radius-base);overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image-btn:hover{background:#000c}.banner-modal{max-width:700px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e5e7eb}.modal-footer-left{display:flex;gap:var(--spacing-3)}.modal-footer-right{display:flex;gap:var(--spacing-3);margin-left:auto}.btn-delete{display:flex;align-items:center;gap:var(--spacing-2);padding:.625rem 1.25rem;border:1px solid #dc2626;border-radius:var(--radius-sm);background:#fff;color:#dc2626;font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc2626;color:#fff}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.active{background:#22c55e33;color:#86efac}.status-badge.inactive{background:#ef444433;color:#fca5a5}.approval-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}@media (--tablet){.approval-list{grid-template-columns:1fr}}.btn-approve,.btn-reject{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:opacity .2s}.btn-approve{background:var(--green-600);color:#fff}.btn-reject{background:var(--red-600);color:#fff}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.admin-user-detail-loading,.admin-user-detail-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:#fff;font-size:var(--font-size-lg)}.admin-user-detail .back-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-base);color:#fff;cursor:pointer;margin-bottom:1.5rem;transition:background .2s}.admin-user-detail .back-btn:hover{background:#fff3}.admin-user-detail .user-detail-header{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:2rem}.admin-user-detail .user-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);flex-shrink:0}.admin-user-detail .user-header-info h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:.5rem}.admin-user-detail .user-badges{display:flex;gap:var(--spacing-2)}.admin-user-detail .user-badges .role-badge{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-semibold)}.admin-user-detail .user-badges .role-badge.promoter{background:var(--blue-100);color:var(--blue-800)}.admin-user-detail .user-badges .role-badge.advertiser{background:var(--pink-100);color:var(--pink-700)}.admin-user-detail .user-badges .status-badge{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm-compact);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:.375rem}.admin-user-detail .user-badges .status-badge.active{background:var(--green-100);color:var(--green-800)}.admin-user-detail .user-badges .status-badge.suspended{background:var(--red-100);color:var(--red-800)}.admin-user-detail .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-6);gap:var(--spacing-6)}.admin-user-detail .detail-card{background:#ffffff1a;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.admin-user-detail .detail-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-user-detail .info-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.admin-user-detail .info-item{display:flex;align-items:center;gap:var(--spacing-3);color:#fffc}.admin-user-detail .info-item svg{color:#ffffff80;flex-shrink:0}.admin-user-detail .info-item .label{width:80px;color:#fff9;font-size:var(--font-size-sm)}.admin-user-detail .info-item .value{color:#fff}.admin-user-detail .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}.admin-user-detail .stat-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:var(--radius-base)}.admin-user-detail .stat-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:.25rem}.admin-user-detail .stat-label{font-size:var(--font-size-sm);color:#fff9}.admin-user-detail .status-card{grid-column:span 2}.admin-user-detail .status-info{margin-bottom:1rem;color:#fffc}.admin-user-detail .status-form{display:flex;gap:var(--spacing-4);align-items:flex-start}.admin-user-detail .status-form textarea{flex:1;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-base);background:#ffffff0d;color:#fff;font-size:var(--font-size-sm-plus);resize:none;font-family:inherit}.admin-user-detail .status-form textarea::-moz-placeholder{color:#fff6}.admin-user-detail .status-form textarea::placeholder{color:#fff6}.admin-user-detail .status-form textarea:focus{outline:none;border-color:var(--layout1-btn-gradient-start)}.admin-user-detail .status-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm-plus);cursor:pointer;transition:opacity .2s;white-space:nowrap}.admin-user-detail .status-btn.suspend{background:var(--red-600);color:#fff}.admin-user-detail .status-btn.activate{background:var(--green-600);color:#fff}.admin-user-detail .status-btn:disabled{opacity:.5;cursor:not-allowed}@media (--tablet){.admin-user-detail .detail-grid{grid-template-columns:1fr}.admin-user-detail .status-card{grid-column:span 1}.admin-user-detail .status-form{flex-direction:column}.admin-user-detail .status-btn{width:100%}}.announcements-page{min-height:100vh;padding:2rem 0}.announcements-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.announcements-page .page-header{margin-bottom:2rem}.announcements-page .header-content{display:flex;align-items:center;gap:1rem}.announcements-page .header-content svg{color:var(--layout1-btn-gradient-start)}.announcements-page .page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.announcements-page .page-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);margin:.25rem 0 0}.announcements-table-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base);overflow:hidden}.announcements-table{width:100%;border-collapse:collapse}.announcements-table thead{background:var(--gray-50)}.announcements-table th{padding:1rem 1.5rem;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);border-bottom:1px solid var(--gray-200)}.announcements-table .col-type{width:120px}.announcements-table .col-title{width:auto}.announcements-table .col-date{width:150px;text-align:center}.announcements-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background-color .2s}.announcements-table tbody tr:hover{background:var(--gray-50);cursor:pointer}.announcements-table td{padding:1.25rem 1.5rem;font-size:var(--font-size-sm);color:var(--gray-700)}.announcements-table .col-date{text-align:center;color:var(--gray-500)}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.type-badge.promotion{background:#e5fbf6;color:#00ba8b}.type-badge.notice{background:#e8f0ff;color:#0056f5}.type-badge.info{background:#fef9e8;color:#d97706}.type-badge.event{background:#fce7f3;color:#be185d}@media (max-width: 768px){.announcements-page .container{padding:0 1rem}.announcements-table .col-type{width:80px}.announcements-table .col-date{width:100px}.announcements-table th,.announcements-table td{padding:1rem}}.announcement-detail-page{min-height:100vh;padding:2rem 0}.announcement-detail-page .container{max-width:800px;margin:0 auto;padding:0 2rem}.announcement-detail-page .back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-base);color:var(--gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.announcement-detail-page .back-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.announcement-detail-page .detail-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-base);overflow:hidden}.announcement-detail-page .detail-header{padding:2rem;border-bottom:1px solid var(--gray-100)}.announcement-detail-page .detail-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:1rem 0;line-height:1.4}.announcement-detail-page .detail-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--gray-500)}.announcement-detail-page .detail-meta svg{color:var(--gray-400)}.announcement-detail-page .type-badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.announcement-detail-page .type-badge.promotion{background:#e5fbf6;color:#00ba8b}.announcement-detail-page .type-badge.notice{background:#e8f0ff;color:#0056f5}.announcement-detail-page .type-badge.info{background:#fef9e8;color:#d97706}.announcement-detail-page .type-badge.event{background:#fce7f3;color:#be185d}.announcement-detail-page .detail-content{padding:2rem}.announcement-detail-page .detail-content p{font-size:var(--font-size-base);line-height:1.8;color:var(--gray-700);margin:0 0 1.5rem;white-space:pre-wrap}.announcement-detail-page .detail-action{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-100)}.announcement-detail-page .action-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--layout1-btn-gradient-start) 0%,var(--layout1-btn-gradient-end) 100%);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-base);-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s}.announcement-detail-page .action-link:hover{opacity:.9}@media (max-width: 768px){.announcement-detail-page .container{padding:0 1rem}.announcement-detail-page .detail-header,.announcement-detail-page .detail-content{padding:1.5rem}.announcement-detail-page .detail-title{font-size:var(--font-size-xl)}}