:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-accent-300: #FCD34D;--color-accent-400: #FBBF24;--color-accent-500: #F59E0B;--color-accent-600: #D97706;--color-surface: #FFFFFF;--color-surface-warm: #FAFAF9;--color-surface-elevated: #F8FAFC;--color-surface-hover: #F1F5F9;--color-surface-dark: #0F172A;--color-surface-darker: #020617;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-border-focus: #6366F1;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface-warm);min-height:100vh}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.heading-display{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:var(--weight-normal);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text)}.heading-1{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--weight-normal);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text)}.heading-2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.heading-3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.heading-4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:680px;margin:0 auto;padding:0 var(--space-6)}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-writers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.w-full{width:100%}.max-w-sm{max-width:400px}.max-w-md{max-width:500px}.max-w-lg{max-width:640px}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 0 #6366f100}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-primary-300);color:var(--color-primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-400));color:var(--color-surface-dark);font-weight:var(--weight-bold)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-500));box-shadow:var(--shadow-lg),0 0 20px #f59e0b33;transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);width:36px;height:36px}.btn-icon-lg{padding:var(--space-3);width:44px;height:44px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-200)}.card-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg)}.card-dark{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);color:var(--color-text-inverse);border-radius:var(--radius-lg);padding:var(--space-6)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--color-primary-300);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.card-flush{padding:0;overflow:hidden}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.input-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-primary-300)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input-error{border-color:var(--color-error)!important}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-light)!important}.input-error-message{font-size:var(--text-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px;transition:all var(--transition-fast);outline:none}.textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer;transition:all var(--transition-fast);outline:none}.select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:var(--space-10)}.input-group-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;display:flex}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle.active{background:var(--color-primary-500)}.toggle.active:after{transform:translate(20px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:#065f46}.badge-warning{background:var(--color-warning-light);color:#92400e}.badge-error{background:var(--color-error-light);color:#991b1b}.badge-info{background:var(--color-info-light);color:#1e40af}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-2xl{width:100px;height:100px;font-size:var(--text-3xl)}.avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-content-lg{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.6);padding:0 var(--space-6);height:64px;display:flex;align-items:center}.navbar-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.navbar-logo{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--weight-bold);font-size:var(--text-sm)}.navbar-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-normal)}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.nav-link:hover{color:var(--color-text);background:var(--color-surface-hover)}.nav-link-active{color:var(--color-primary-600)!important;background:var(--color-primary-50)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeIn .15s ease-out,slideUp .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-primary-600)}.dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--space-2) 0}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background:var(--color-error-light);color:var(--color-error)}.glass{background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);color:var(--color-text-inverse)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-transform:capitalize}.status-pending{background:var(--color-warning-light);color:#92400e}.status-accepted{background:var(--color-info-light);color:#1e40af}.status-in-progress,.status-in_progress{background:#e0e7ff;color:#3730a3}.status-ready,.status-ready_for_pickup{background:#d1fae5;color:#065f46}.status-completed{background:var(--color-success-light);color:#065f46}.status-declined{background:var(--color-error-light);color:#991b1b}.status-cancelled{background:var(--color-surface-hover);color:var(--color-text-muted)}.status-open{background:var(--color-primary-100);color:var(--color-primary-700)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-info);max-width:400px;pointer-events:auto;animation:toastIn .35s var(--transition-spring)}.toast-exiting{animation:toastOut .25s ease-in forwards}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.toast-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.skeleton{background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-border-light) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-heading{height:24px;width:40%;border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.skeleton-circle{border-radius:50%}.skeleton-card{height:280px;border-radius:var(--radius-lg)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-image{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6)}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--color-primary-400);font-size:var(--text-3xl)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:400px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.stars{display:inline-flex;align-items:center;gap:2px}.star{color:var(--color-border);transition:color var(--transition-fast),transform var(--transition-fast);line-height:1}.star-filled{color:var(--color-accent-400)}.star-interactive{cursor:pointer}.star-interactive:hover{transform:scale(1.2)}.stars-sm .star{font-size:var(--text-sm)}.stars-md .star{font-size:var(--text-lg)}.stars-lg .star{font-size:var(--text-2xl)}.rating-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-left:var(--space-2)}.rating-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;background:none;font-family:var(--font-sans)}.tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.tab-active{color:var(--color-primary-700)!important;background:var(--color-surface)!important;box-shadow:var(--shadow-sm)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:var(--weight-bold);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);margin-left:var(--space-2)}.hero{position:relative;background:linear-gradient(135deg,var(--color-surface-dark) 0%,#1E1B4B 50%,var(--color-primary-900) 100%);color:var(--color-text-inverse);padding:var(--space-24) 0 var(--space-20);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px}.hero-title{font-family:var(--font-serif);font-size:clamp(var(--text-3xl),5vw,var(--text-6xl));line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-lg);color:#ffffffb3;max-width:520px;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-12);margin-top:var(--space-16)}.hero-stat-value{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-normal);color:var(--color-accent-400)}.hero-stat-label{font-size:var(--text-sm);color:#ffffff80;margin-top:var(--space-1)}.writer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.writer-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--color-primary-200);transform:translateY(-6px)}.writer-card-image{width:100%;height:200px;object-fit:cover;background:var(--color-surface-hover)}.writer-card-body{padding:var(--space-5)}.writer-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.writer-card-name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text)}.writer-card-headline{font-size:var(--text-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3);min-height:40px}.writer-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.writer-card-rate{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary-600)}.writer-card-rate span{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-muted)}.request-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.request-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.request-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.request-card-title{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text)}.request-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.request-card-meta-item{display:flex;align-items:center;gap:var(--space-2)}.request-card-message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.request-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-header{background:linear-gradient(135deg,var(--color-surface-dark),#1E1B4B);color:var(--color-text-inverse);padding:var(--space-16) 0 var(--space-12);margin-top:-1px}.profile-info{display:flex;align-items:center;gap:var(--space-6)}.profile-details{flex:1}.profile-name{font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.profile-headline{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-4)}.profile-stats{display:flex;gap:var(--space-8)}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent-400)}.profile-stat-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.gallery-item{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--transition-base)}.gallery-item:hover{transform:scale(1.03)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4)}.gallery-item:hover .gallery-item-overlay{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);animation:scaleIn .3s ease-out}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-xl)}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-counter{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);color:#ffffffb3;font-size:var(--text-sm);font-weight:var(--weight-medium)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.stat-card-label{font-size:var(--text-sm);color:var(--color-text-muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative}.steps:before{content:"";position:absolute;top:40px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--color-primary-200),var(--color-primary-400),var(--color-primary-200))}.step{text-align:center;position:relative}.step-number{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));color:#fff;font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);box-shadow:var(--shadow-glow);position:relative;z-index:1}.step-title{font-weight:var(--weight-semibold);font-size:var(--text-lg);margin-bottom:var(--space-2)}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface-elevated)}.upload-zone:hover,.upload-zone-active{border-color:var(--color-primary-400);background:var(--color-primary-50)}.upload-zone-icon{font-size:var(--text-3xl);color:var(--color-text-muted);margin-bottom:var(--space-3)}.upload-zone-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-zone-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.upload-progress{height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-3)}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-full);transition:width var(--transition-base)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all var(--transition-fast)}.step-dot-active{background:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);transform:scale(1.2)}.step-dot-complete{background:var(--color-primary-400)}.step-line{width:40px;height:2px;background:var(--color-border);transition:background var(--transition-fast)}.step-line-active{background:var(--color-primary-400)}.footer{background:var(--color-surface-dark);color:var(--color-text-inverse);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-description{font-size:var(--text-sm);color:#ffffff80;line-height:var(--leading-relaxed);max-width:300px}.footer-heading{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:var(--space-4)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{font-size:var(--text-sm);color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:#fff6}.divider{height:1px;background:var(--color-border);margin:var(--space-6) 0}.divider-light{background:var(--color-border-light)}.divider-text{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--color-border)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-2xl);animation:scaleIn .2s ease-out;text-align:center}.confirm-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--text-xl)}.confirm-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.confirm-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse-soft 2s ease-in-out infinite}.delay-1{animation-delay:.1s;animation-fill-mode:both}.delay-2{animation-delay:.2s;animation-fill-mode:both}.delay-3{animation-delay:.3s;animation-fill-mode:both}.delay-4{animation-delay:.4s;animation-fill-mode:both}.delay-5{animation-delay:.5s;animation-fill-mode:both}.scroll-x{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.hero-stats{gap:var(--space-8)}}@media (max-width: 768px){.heading-display{font-size:var(--text-4xl)}.heading-1{font-size:var(--text-3xl)}.container,.container-lg{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.grid-2,.grid-3,.grid-4,.grid-writers{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:var(--space-6)}.steps:before{display:none}.hero{padding:var(--space-16) 0 var(--space-12)}.hero-stats{flex-direction:column;gap:var(--space-4)}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.profile-info{flex-direction:column;text-align:center}.profile-stats{justify-content:center}.modal-content{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.toast-container{top:auto;bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.nav-links{display:none}.mobile-menu-btn{display:flex!important}}@media (max-width: 480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.mobile-menu-btn{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.border-none{border:none}.outline-none{outline:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.page-enter{animation:fadeIn .3s ease-out,slideUp .3s ease-out}.price{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary-600)}.price-unit{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-muted)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border-light)}.search-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-md);transition:all var(--transition-base);max-width:600px;width:100%}.search-bar:focus-within{border-color:var(--color-primary-400);box-shadow:var(--shadow-lg),var(--shadow-glow)}.search-bar input{border:none;outline:none;background:transparent;flex:1;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text)}.search-bar input::placeholder{color:var(--color-text-muted)}.search-icon{color:var(--color-text-muted);flex-shrink:0}.review-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-elevated)}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.review-author{display:flex;align-items:center;gap:var(--space-3)}.review-date{font-size:var(--text-xs);color:var(--color-text-muted)}.review-comment{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--color-surface);box-shadow:var(--shadow-2xl);z-index:calc(var(--z-modal) + 1);padding:var(--space-6);animation:slideInRight .3s ease-out;display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.mobile-menu-link:hover{background:var(--color-surface-hover);color:var(--color-primary-600)}.writer-profile-container{padding-top:var(--space-12);padding-bottom:var(--space-12)}.input-rate{width:180px}.nav-links-desktop{display:flex;align-items:center;gap:var(--space-4)}.mobile-bottom-nav{display:none}@media (max-width: 768px){.nav-links-desktop{display:none!important}}@media (max-width: 480px){.writer-profile-container{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important;padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.card,.card-glass,.card-dark{padding:var(--space-4)!important}.input-rate{width:100%!important}.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:60px!important;background:var(--color-surface)!important;border-top:1px solid var(--color-border)!important;justify-content:space-around!important;align-items:center!important;z-index:1000!important;box-shadow:0 -2px 10px #00000014!important;padding-bottom:env(safe-area-inset-bottom)!important}.mobile-bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:var(--color-text-muted)!important;text-decoration:none!important;font-size:10px!important;font-weight:var(--weight-medium)!important;gap:4px!important;flex:1!important;height:100%!important;transition:all var(--transition-fast)!important}.mobile-bottom-nav-item svg{stroke:var(--color-text-muted)!important;transition:stroke var(--transition-fast)!important}.mobile-bottom-nav-item.nav-link-active{color:var(--color-primary-600)!important}.mobile-bottom-nav-item.nav-link-active svg{stroke:var(--color-primary-600)!important}.mobile-menu-btn{display:none!important}#root{padding-bottom:76px!important}.hero-stats{flex-direction:row!important;justify-content:space-between!important;gap:var(--space-3)!important;margin-top:var(--space-8)!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:var(--space-4)!important}.hero-stats>div{flex:1!important;text-align:center!important}.hero-stat-value{font-size:var(--text-xl)!important}.hero-stat-label{font-size:10px!important;margin-top:0!important}}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}