:root{--color-bg-base: #faf8f5;--color-primary-50: #f5f2eb;--color-primary-100: #e7e3db;--color-primary-200: #d6d1c7;--color-primary-300: #a8a295;--color-primary-400: #78716c;--color-primary-500: #292524;--color-primary-600: #1c1917;--color-primary-700: #0c0a09;--color-primary-800: #000000;--color-primary-900: #000000;--color-accent-300: #fca5a5;--color-accent-400: #f87171;--color-accent-500: #ef4444;--color-accent-600: #dc2626;--color-surface: #faf8f5;--color-surface-warm: #faf8f5;--color-surface-elevated: #faf8f5;--color-surface-hover: #f5f2eb;--color-surface-dark: #faf8f5;--color-surface-darker: #faf8f5;--color-text: #1c1917;--color-text-secondary: #44403c;--color-text-muted: #78716c;--color-text-inverse: #1c1917;--color-border: #1c1917;--color-border-light: #78716c;--color-border-focus: #ef4444;--color-success: #166534;--color-success-light: #faf8f5;--color-warning: #9a3412;--color-warning-light: #faf8f5;--color-error: #b91c1c;--color-error-light: #faf8f5;--color-info: #075985;--color-info-light: #faf8f5;--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: "Courier Prime", "Courier New", monospace;--font-serif: "Courier Prime", "Courier New", monospace;--font-mono: "JetBrains Mono", monospace;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.3rem;--text-2xl: 1.6rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-xs: 1px 1px 0px #1c1917;--shadow-sm: 2px 2px 0px #1c1917;--shadow-md: 4px 4px 0px #1c1917;--shadow-lg: 6px 6px 0px #1c1917;--shadow-xl: 8px 8px 0px #1c1917;--shadow-2xl: 10px 10px 0px #1c1917;--shadow-inner: none;--shadow-glow: none;--shadow-glow-lg: none;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-2xl: 0px;--radius-full: 0px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.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;background-color:var(--color-bg-base)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:28px;color:var(--color-text);background:var(--color-bg-base) repeating-linear-gradient(var(--color-bg-base),var(--color-bg-base) 27px,var(--color-primary-100) 28px);min-height:100vh;overflow-x:hidden;position:relative;padding-left:12%!important;padding-right:4%!important}body:before{content:"";position:fixed;top:0;bottom:0;left:9%;width:1.5px;background:#ef444466!important;z-index:999;pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#dbd7d2;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#c7c2bb}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px;transition:all var(--transition-fast);text-transform:lowercase}a:hover{color:var(--color-accent-600)}::selection{background:var(--color-primary-100);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:var(--radius-sm)}.heading-display{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.02em;color:var(--color-text);text-transform:lowercase;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--color-accent-500);text-underline-offset:8px;display:inline-block;margin-bottom:var(--space-4)}.heading-1{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.01em;color:var(--color-text);text-transform:lowercase;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--color-accent-500);text-underline-offset:6px;display:inline-block;margin-bottom:var(--space-4)}.heading-2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.25;color:var(--color-text);text-transform:lowercase}.heading-3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text);text-transform:lowercase}.heading-4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text);text-transform:lowercase}.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:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--color-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-16) 0}.section-sm{padding:var(--space-10) 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-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border:2px solid var(--color-text)!important;border-radius:0!important;cursor:pointer;text-transform:lowercase;background:transparent;color:var(--color-text);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;box-shadow:2px 2px 0 var(--color-text)!important}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--color-text)!important;color:var(--color-bg-base)!important}.btn-primary:hover:not(:disabled){background:transparent!important;color:var(--color-text)!important;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-text)!important}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:none!important}.btn-secondary{background:transparent!important;color:var(--color-text)!important}.btn-secondary:hover:not(:disabled){background:var(--color-text)!important;color:var(--color-bg-base)!important;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-text)!important}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;text-decoration:none}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border-color:#fca5a5}.btn-danger:hover:not(:disabled){background:#fecaca;transform:translateY(-1px)}.btn-success{background:var(--color-success-light);color:var(--color-success);border-color:#86efac}.btn-success:hover:not(:disabled){background:#d1fae5;transform:translateY(-1px)}.btn-accent{background:var(--color-accent-500);color:var(--color-text-inverse);border-color:var(--color-accent-600)}.btn-accent:hover:not(:disabled){background:var(--color-accent-600);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-md)}.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(0,0,0,.1);border-top-color:var(--color-text);border-radius:50%;animation:spin .6s linear infinite}.card{background:var(--color-surface);border:1px dashed var(--color-primary-400)!important;border-radius:0!important;padding:var(--space-6);box-shadow:none!important;transition:all var(--transition-base)}.card-hover:hover{border-style:solid!important;border-color:var(--color-text)!important;box-shadow:3px 3px 0 var(--color-text)!important;transform:translate(-1px,-1px)}.card-glass{background:var(--color-surface);border:1px dashed var(--color-primary-400)!important;border-radius:0!important;padding:var(--space-6);box-shadow:none!important}.card-dark{background:var(--color-surface-dark);border:2px solid var(--color-text)!important;color:var(--color-text-inverse);border-radius:0!important;padding:var(--space-6);box-shadow:3px 3px 0 var(--color-text)!important}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-500);background:var(--color-surface-hover)}.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:1px solid var(--color-border);border-radius:var(--radius-sm);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-600);background:var(--color-surface-elevated)}.input-error{border-color:var(--color-error)!important}.input-error:focus{box-shadow:0 0 0 2px 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:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;min-height:100px;transition:all var(--transition-fast);outline:none}.textarea:focus{border-color:var(--color-primary-600)}.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:1px solid var(--color-border);border-radius:var(--radius-sm);-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='%2357534E' 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-600)}.input-group{position:relative;display:flex;align-items:center;width:100%}.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:40px;height:20px;background:var(--color-primary-200);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle.active{background:var(--color-accent-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);border:1px solid var(--color-border)}.badge-success{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(21,128,61,.1)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(180,83,9,.1)}.badge-error{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(185,28,28,.1)}.badge-info{background:var(--color-info-light);color:var(--color-info);border:1px solid rgba(3,105,161,.1)}.badge-neutral{background:var(--color-primary-50);color:var(--color-text-secondary);border:1px solid var(--color-border)}.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);background:var(--color-primary-100);border:1px solid var(--color-border);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:#0c0a0966;-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 .15s ease-out}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.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)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-base);border-bottom:2px solid var(--color-border);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);text-transform:lowercase}.navbar-logo{display:none!important}.navbar-title{font-family:var(--font-sans)!important;font-size:var(--text-lg)!important;font-weight:var(--weight-bold)!important;text-transform:lowercase;letter-spacing:-.01em}.navbar-title:after{content:"/";color:var(--color-accent-500)}.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:0!important;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);text-transform:lowercase}.nav-link:hover{color:var(--color-text);text-decoration:underline}.nav-link-active{color:var(--color-text)!important;text-decoration:underline;text-decoration-style:solid;text-decoration-color:var(--color-accent-500);text-underline-offset:4px;font-weight:var(--weight-bold)}.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:210px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);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-2.5) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans);text-decoration:none}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background:var(--color-error-light)!important;color:var(--color-error)!important}.glass{background:var(--color-surface);border:1px solid var(--color-border)}.glass-dark{background:var(--color-surface-dark);border:1px solid var(--color-surface-darker);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;border:1px solid var(--color-border)}.status-pending{background:var(--color-warning-light);color:var(--color-warning);border-color:#b4530926}.status-accepted{background:var(--color-info-light);color:var(--color-info);border-color:#0369a126}.status-in-progress,.status-in_progress{background:#e0e7ff;color:#3730a3;border-color:#3730a326}.status-ready,.status-ready_for_pickup,.status-completed{background:var(--color-success-light);color:var(--color-success);border-color:#15803d26}.status-declined{background:var(--color-error-light);color:var(--color-error);border-color:#b91c1c26}.status-cancelled{background:var(--color-primary-50);color:var(--color-text-muted)}.status-open{background:#fae8ff;color:#86198f;border-color:#86198f26}.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-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-info);max-width:400px;pointer-events:auto;animation:toastIn .3s cubic-bezier(.16,1,.3,1)}.toast-exiting{animation:toastOut .2s 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) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.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-md)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-image{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-2xl);border:1px solid var(--color-border)}.empty-state-title{font-size:var(--text-lg);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-secondary);max-width:360px;margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.stars{display:inline-flex;align-items:center;gap:2px}.star{color:var(--color-border);transition:all var(--transition-fast);line-height:1}.star-filled{color:#fbbf24}.star-interactive{cursor:pointer}.star-interactive:hover{transform:scale(1.15)}.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-1);padding:var(--space-1);background:var(--color-primary-50);border-radius:var(--radius-md);border:1px solid var(--color-border);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-sm);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)}.tab-active{color:var(--color-text)!important;background:var(--color-surface)!important;box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold)}.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-text-secondary);border-radius:var(--radius-full);margin-left:var(--space-2)}.hero{position:relative;background:transparent!important;background-image:none!important;padding:var(--space-20) 0 var(--space-16);overflow:hidden;border-bottom:2px solid var(--color-border)}.hero-grid{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);width:100%}.hero-content{position:relative;z-index:1;max-width:780px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{font-family:var(--font-serif);font-size:clamp(var(--text-3xl),6vw,var(--text-6xl));line-height:1.1;margin-bottom:var(--space-6);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;width:100%}.hero-stats{display:flex;gap:var(--space-16);margin-top:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.hero-stat-value{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.hero-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.hero-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;max-width:800px;margin-top:var(--space-12)}.timeline-step-card{background:var(--color-surface);border:1px dashed var(--color-primary-400)!important;border-radius:0!important;padding:var(--space-5);text-align:left;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-2)}.timeline-step-card:hover{border-style:solid!important;border-color:var(--color-text)!important;box-shadow:2px 2px 0 var(--color-text)!important;transform:translate(-1px,-1px)}.timeline-step-num{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-accent-500);text-transform:uppercase;letter-spacing:.05em}.timeline-step-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.timeline-step-text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}@media (max-width: 768px){.hero-timeline{grid-template-columns:1fr}}.writer-card{background:var(--color-surface);border:1px dashed var(--color-primary-400)!important;border-radius:0!important;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.writer-card:hover{border-style:solid!important;border-color:var(--color-text)!important;box-shadow:3px 3px 0 var(--color-text)!important;transform:translate(-2px,-2px)}.writer-card-image{width:100%;height:200px;object-fit:cover;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.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)}.writer-card-rate{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.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-md);padding:var(--space-5);transition:all var(--transition-base)}.request-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-300)}.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:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.request-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-header{background:#fbfbfa;color:var(--color-text);padding:var(--space-12) 0 var(--space-10);margin-top:-1px;border-bottom:1px solid var(--color-border)}.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);font-weight:var(--weight-bold);color:var(--color-text)}.profile-headline{font-size:var(--text-lg);color:var(--color-text-secondary);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-text)}.profile-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);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-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-base);border:1px solid var(--color-border)}.gallery-item:hover{transform:scale(1.02);border-color:var(--color-primary-400)}.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,.4) 0%,transparent 60%);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:#0c0a09f2;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-sm);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);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:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%) scale(1.05)}.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);background:#ffffff0d;padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);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);border:1px solid var(--color-border)}.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:1px;background:var(--color-border)}.step{text-align:center;position:relative}.step-number{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);position:relative;z-index:1;border:1px solid var(--color-border)}.step-title{font-weight:var(--weight-semibold);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text)}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.upload-zone{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface)}.upload-zone:hover,.upload-zone-active{border-color:var(--color-primary-600);background:var(--color-surface-hover)}.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);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-3)}.upload-progress-bar{height:100%;background:var(--color-primary-600);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-600);transform:scale(1.1)}.step-dot-complete{background:var(--color-primary-300)}.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:#fbfbfa;color:var(--color-text);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-20);border-top:1px solid var(--color-border)}.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:var(--color-text-secondary);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:var(--color-text-muted);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:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.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:#0c0a0966;-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:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);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);border:1px solid var(--color-border)}.confirm-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.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(.97)}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(-6px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.8}}@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%)}}.animate-fade-in{animation:fadeIn .25s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-scale-in{animation:scaleIn .25s 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:.05s;animation-fill-mode:both}.delay-2{animation-delay:.1s;animation-fill-mode:both}.delay-3{animation-delay:.15s;animation-fill-mode:both}.delay-4{animation-delay:.2s;animation-fill-mode:both}.delay-5{animation-delay:.25s;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 .25s ease-out,slideUp .25s ease-out}.price{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.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)}.search-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border)!important;border-radius:0!important;padding:var(--space-3) var(--space-5);box-shadow:2px 2px 0 var(--color-text)!important;transition:all var(--transition-fast);max-width:600px;width:100%}.search-bar:focus-within{box-shadow:3px 3px 0 var(--color-text)!important;border-color:var(--color-border)!important}.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);border-radius:var(--radius-sm);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:#0c0a0966;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--color-surface);box-shadow:var(--shadow-xl);z-index:calc(var(--z-modal) + 1);padding:var(--space-6);animation:slideInRight .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;border-left:1px solid var(--color-border)}@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)}.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-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.mobile-menu-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.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){body{padding-left:28px!important;padding-right:12px!important}body:before{left:18px!important}.container,.container-sm,.container-lg{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.navbar{padding:0 var(--space-3)!important}.hero{padding:var(--space-8) 0 var(--space-8)!important}.hero-title{font-size:var(--text-2xl)!important;text-align:left!important;padding-left:var(--space-1);line-height:1.2}.hero-subtitle{font-size:var(--text-sm)!important;text-align:left!important;padding-left:var(--space-1);line-height:1.4}.hero-actions{flex-direction:column!important;gap:var(--space-3)!important;align-items:stretch!important;padding-left:var(--space-1);width:100%!important}.hero-actions .btn{width:100%!important}.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 #0000000d!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-secondary)!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-secondary)!important;transition:stroke var(--transition-fast)!important}.mobile-bottom-nav-item.nav-link-active{color:var(--color-text)!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 var(--color-border)!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}