:root{--primary:#FF6B35;--primary-hover:#E65F2F;--primary-light:rgba(255,107,53,0.1);--bg:#FAFAFA;--surface:#FFFFFF;--text-primary:#1A1A1A;--text-secondary:#6B6B6B;--text-muted:#A8A8A8;--border:#E5E5E5;--border-focus:var(--primary);--success:#10B981;--success-bg:rgba(16,185,129,0.1);--warning:#F59E0B;--warning-bg:rgba(245,158,11,0.1);--error:#EF4444;--error-bg:rgba(239,68,68,0.1);--shadow-subtle:0 1px 3px rgba(0,0,0,0.08);--shadow-raised:0 2px 8px rgba(0,0,0,0.1);--shadow-floating:0 4px 16px rgba(0,0,0,0.12);--shadow-modal:0 8px 32px rgba(0,0,0,0.16);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code',monospace;--transition-fast:100ms ease-out;--transition-base:200ms ease-out;--transition-slow:250ms ease-out}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:15px;line-height:1.47;color:var(--text-primary);background:var(--bg);min-height:100vh}h1,.h1{font-size:28px;line-height:1.14;font-weight:700;margin:0 0 var(--space-sm)}h2,.h2{font-size:24px;line-height:1.17;font-weight:700;margin:0 0 var(--space-sm)}h3,.h3{font-size:20px;line-height:1.2;font-weight:600;margin:0 0 var(--space-sm)}h4,.h4{font-size:18px;line-height:1.22;font-weight:600;margin:0 0 var(--space-sm)}.body-large{font-size:16px;line-height:1.5}.body{font-size:15px;line-height:1.47}.body-small{font-size:14px;line-height:1.43}.caption{font-size:13px;line-height:1.38;color:var(--text-muted)}.small{font-size:12px;line-height:1.33}@media (min-width:768px){h1,.h1{font-size:32px}h2,.h2{font-size:28px}.body-large{font-size:18px}}p{margin:0 0 var(--space-base)}ul,ol{padding-left:var(--space-lg);margin:0 0 var(--space-base)}li{margin-bottom:var(--space-xs)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.monospace{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-base)}.container-narrow{max-width:640px;margin:0 auto;padding:0 var(--space-base)}@media (min-width:768px){.container,.container-narrow{padding:0 var(--space-xl)}}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-base{gap:var(--space-base)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-base{margin-top:var(--space-base)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mt-4xl{margin-top:var(--space-4xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-base{margin-bottom:var(--space-base)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 20px;font-size:15px;font-weight:500;font-family:var(--font-body);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;user-select:none}.btn:active{transform:scale(0.98)}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover);color:white}.btn-primary:disabled{opacity:0.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--primary);padding:12px 16px}.btn-ghost:hover{background:var(--primary-light)}.btn-destructive{background:var(--error);color:white}.btn-destructive:hover{background:#DC2626}.btn-destructive-outline{background:transparent;color:var(--error);border:1.5px solid var(--error)}.btn-destructive-outline:hover{background:var(--error-bg)}.btn-small{padding:10px 16px;font-size:14px}.btn-large{padding:14px 24px;font-size:16px}.btn-full{width:100%}.btn-icon{padding:12px}.btn-icon.btn-small{padding:8px}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 0.8s linear infinite;color:white}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:var(--space-lg)}@media (min-width:768px){.card{padding:var(--space-xl)}}.card-hover{transition:all var(--transition-base);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.card-flat{box-shadow:none}.stat-card{position:relative}.stat-card-icon{position:absolute;top:var(--space-lg);right:var(--space-lg);width:24px;height:24px;color:var(--text-muted)}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-change{font-size:13px;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-label-optional{color:var(--text-muted);font-weight:400}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;font-size:15px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:44px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);border-width:2px;padding:11px 15px;box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:#F5F5F5;opacity:0.6;cursor:not-allowed}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--error)}.form-input.success,.form-textarea.success,.form-select.success{border-color:var(--success)}.form-helper{display:block;font-size:13px;color:var(--text-secondary);margin-top:6px}.form-error{display:block;font-size:13px;color:var(--error);margin-top:6px}.form-textarea{min-height:120px;resize:vertical}.char-counter{text-align:right;font-size:13px;color:var(--text-muted);margin-top:6px}.input-with-prefix{position:relative}.input-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:15px;pointer-events:none}.input-with-prefix .form-input{padding-left:36px}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-base)}.form-checkbox:hover,.form-radio:hover{background:rgba(0,0,0,0.02)}.form-checkbox input,.form-radio input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.toggle-switch{display:inline-flex;align-items:center;gap:var(--space-md);cursor:pointer}.toggle-switch input{position:relative;width:48px;height:24px;appearance:none;background:var(--border);border-radius:12px;cursor:pointer;transition:background var(--transition-base)}.toggle-switch input:checked{background:var(--primary)}.toggle-switch input::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background:white;transition:transform var(--transition-base)}.toggle-switch input:checked::before{transform:translateX(24px)}.file-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:all var(--transition-base)}.file-upload:hover{border-color:var(--primary);background:var(--primary-light)}.file-upload input[type="file"]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{text-align:center;pointer-events:none}.file-upload-icon{width:48px;height:48px;margin:0 auto var(--space-base);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-verified,.badge-approved,.badge-success{background:var(--success-bg);color:var(--success)}.badge-rejected,.badge-error{background:var(--error-bg);color:var(--error)}.badge-default{background:rgba(0,0,0,0.05);color:var(--text-secondary)}.badge-primary{background:var(--primary-light);color:var(--primary)}.top-nav{position:sticky;top:0;z-index:100;height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-base)}.top-nav-left,.top-nav-center,.top-nav-right{display:flex;align-items:center;gap:var(--space-base)}.top-nav-center{flex:1;justify-content:center}.top-nav-title{font-size:16px;font-weight:600;color:var(--text-primary)}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-base)}.nav-icon-btn:hover{background:rgba(0,0,0,0.05)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(60px+env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;color:var(--text-muted);text-decoration:none;font-size:12px;transition:color var(--transition-base)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{width:24px;height:24px}@media (min-width:768px){.bottom-nav{display:none}}@media (max-width:1023px){body.has-mobile-nav main{padding-bottom:calc(88px+env(safe-area-inset-bottom))}}.sidebar-nav{position:fixed;top:0;left:0;width:240px;height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-xl);overflow-y:auto}.sidebar-logo{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2xl)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);margin-bottom:var(--space-xs)}.sidebar-nav-item:hover{background:rgba(0,0,0,0.03);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);padding-left:13px}.sidebar-nav-icon{width:20px;height:20px}.main-with-sidebar{margin-left:240px;padding:var(--space-2xl)}@media (max-width:1023px){.sidebar-nav{display:none}.main-with-sidebar{margin-left:0}}.sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 8px rgba(0,0,0,0.08);padding:var(--space-base);padding-bottom:calc(var(--space-base)+env(safe-area-inset-bottom))}@media (min-width:768px){.sticky-bottom-bar{position:static;border-top:none;box-shadow:none;padding:var(--space-xl) 0 0}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-base);animation:fadeIn var(--transition-slow)}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-slow)}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.modal-close:hover{background:rgba(0,0,0,0.05);color:var(--text-primary)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-xl);border-top:1px solid var(--border);display:flex;gap:var(--space-md);justify-content:flex-end}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert{padding:var(--space-base) var(--space-lg);border-radius:var(--radius-md);border-left:3px solid;margin-bottom:var(--space-base)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.alert-info{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}@keyframes slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1023px){@keyframes slideIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}.animate-slideIn{animation:slideIn 300ms ease-out}.empty-state{text-align:center;padding:var(--space-5xl) var(--space-xl)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-xl);color:var(--text-muted)}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.empty-state-text{color:var(--text-secondary);margin-bottom:var(--space-xl)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--space-base) var(--space-lg);font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;background:rgba(0,0,0,0.02);border-bottom:1px solid var(--border)}.table td{padding:var(--space-lg);border-bottom:1px solid var(--border);font-size:14px}.table tbody tr{transition:background var(--transition-base);cursor:pointer}.table tbody tr:hover{background:rgba(0,0,0,0.02)}.table tbody tr:last-child td{border-bottom:none}@media (max-width:767px){.table-responsive{display:none}.card-list{display:block}}@media (min-width:768px){.card-list{display:none}.table-responsive{display:block}}.timeline{position:relative;padding-left:var(--space-4xl)}.timeline-item{position:relative;padding-bottom:var(--space-3xl)}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:'';position:absolute;left:-32px;top:8px;bottom:-8px;width:2px;background:var(--border)}.timeline-item:last-child::before{display:none}.timeline-icon{position:absolute;left:-44px;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border)}.timeline-icon.completed{background:var(--success);border-color:var(--success);color:white}.timeline-icon.current{border-color:var(--primary);border-width:3px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--primary-light)}50%{box-shadow:0 0 0 8px transparent}}.timeline-label{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.timeline-time{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-sm)}.timeline-description{font-size:14px;color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.pagination-btn{padding:var(--space-sm) var(--space-base);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:14px}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-secondary)}.hero-section{min-height:70vh;display:flex;align-items:center;padding:var(--space-5xl) 0}@media (min-width:768px){.hero-section{min-height:100vh}}.hero-content{max-width:640px}.hero-headline{font-size:32px;font-weight:700;line-height:1.1;margin-bottom:var(--space-base)}@media (min-width:768px){.hero-headline{font-size:48px}}.hero-subheadline{font-size:18px;color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.hero-cta-row{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-3xl)}.social-proof{font-size:13px;color:var(--text-muted)}.section{padding:var(--space-5xl) 0}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-title{font-size:28px;font-weight:700;margin-bottom:var(--space-md)}.section-subtitle{font-size:16px;color:var(--text-secondary)}.feature-card{display:flex;gap:var(--space-base);margin-bottom:var(--space-2xl)}.feature-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0}.feature-title{font-size:16px;font-weight:600;margin-bottom:var(--space-sm)}.feature-text{font-size:15px;color:var(--text-secondary)}.step-card{padding:var(--space-2xl) var(--space-xl);background:rgba(0,0,0,0.02);border-radius:var(--radius-lg);transition:all var(--transition-base)}.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}.step-number{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-sm)}.cta-section{background:var(--primary);color:white;padding:var(--space-5xl) 0;text-align:center}.cta-section h2{color:white}.cta-section .body-large{color:rgba(255,255,255,0.9)}.footer{background:#1A1A1A;color:#A8A8A8;padding:var(--space-4xl) 0 var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-heading{font-size:14px;font-weight:600;color:white;margin-bottom:var(--space-md)}.footer-link{display:block;font-size:14px;color:#A8A8A8;margin-bottom:var(--space-sm);transition:color var(--transition-base)}.footer-link:hover{color:white}.footer-bottom{border-top:1px solid #2A2A2A;padding-top:var(--space-lg);font-size:13px;text-align:center}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.full-width{width:100%}.max-w-sm{max-width:400px}.max-w-md{max-width:560px}.max-w-lg{max-width:720px}.mx-auto{margin-left:auto;margin-right:auto}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-raised{box-shadow:var(--shadow-raised)}.shadow-floating{box-shadow:var(--shadow-floating)}.divider{height:1px;background:var(--border);margin:var(--space-xl) 0}@media (max-width:767px){.hide-mobile{display:none !important}.mobile-full-width{width:100%}}@media (min-width:768px){.hide-desktop{display:none !important}}@media print{.no-print{display:none !important}}padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:transform 0.15s ease,box-shadow 0.15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(31,122,140,0.25)}.btn.secondary{background:var(--accent-2)}.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn.ghost{background:transparent;border:1px dashed var(--border);color:var(--muted)}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;background:#f3efe8;color:#4b4b4b}.alert{padding:12px 14px;border-radius:12px;font-size:14px}.alert.success{background:#e6f6ef;color:#14523d;border:1px solid #bfe7d6}.alert.error{background:#ffe8e5;color:#7d1f17;border:1px solid #f5bfb7}.field{margin-bottom:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;font:inherit;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid rgba(31,122,140,0.2);border-color:var(--accent)}textarea{min-height:100px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--muted);font-weight:600}.hero{padding:32px;border-radius:24px;background:linear-gradient(120deg,#fff5e6,#f8f8f8);border:1px solid #f1e4c6}.muted{color:var(--muted);font-size:14px}.sticky-bar{position:sticky;bottom:0;background:var(--card);padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;box-shadow:0 -12px 30px rgba(0,0,0,0.08)}.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.chart{display:grid;grid-template-columns:repeat(14,1fr);gap:8px;align-items:end;height:180px;margin-bottom:16px}.chart-bar{position:relative;background:#f3efe8;border-radius:10px;height:100%;display:flex;align-items:flex-end;justify-content:center}.chart-fill{width:70%;background:var(--accent);border-radius:8px 8px 10px 10px;transition:height 0.3s ease}.chart-label{position:absolute;bottom:-18px;font-size:11px;color:var(--muted)}@media (max-width:640px){.container{padding:20px 16px 100px}.navbar{flex-direction:column;align-items:flex-start;gap:10px}.chart{grid-template-columns:repeat(7,1fr);height:140px}.table,.table thead,.table tbody,.table th,.table td,.table tr{display:block;width:100%}.table thead{display:none}.table tr{margin-bottom:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px}.table td{border:none;padding:6px 0}}img.product-image{width:100%;height:100%;object-fit:cover;display:block}