*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:normal;font-variation-settings:normal;background-color:var(--bg-primary);color:var(--text-primary)}a{color:inherit;text-decoration:inherit;transition:all .3s ease}a:hover{opacity:.8}button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;background-color:transparent;background-image:none;border:0;cursor:pointer}input,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;background-color:transparent;background-image:none;border:0}ol,ul,menu{list-style:none;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--secondary-color: #64748b;--secondary-hover: #475569;--success-color: #10b981;--success-hover: #059669;--warning-color: #f59e0b;--warning-hover: #d97706;--error-color: #ef4444;--error-hover: #dc2626;--info-color: #3b82f6;--info-hover: #2563eb;--info-bg: #dbeafe;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #1f2937;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--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;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-base: .3s;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--surface-primary: #ffffff;--surface-secondary: #f9fafb;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-600: #2563eb;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--danger-color: var(--error-color);--danger-hover: var(--error-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-inverse)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-6{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-8{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-6{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-8{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-4{margin:var(--spacing-md)}.m-6{margin:var(--spacing-lg)}.m-8{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.border{border:1px solid var(--border-light)}.border-t{border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.border-l{border-left:1px solid var(--border-light)}.border-r{border-right:1px solid var(--border-light)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.bg-white{background-color:var(--bg-primary)}.bg-gray-50{background-color:var(--bg-secondary)}.bg-gray-100{background-color:var(--bg-tertiary)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-error{background-color:var(--error-color)}.shadow-xl{box-shadow:var(--shadow-xl)}.hidden{display:none}@media (min-width: 640px){.sm\\:block{display:block}.sm\\:hidden{display:none}.sm\\:flex{display:flex}}@media (min-width: 768px){.md\\:block{display:block}.md\\:hidden{display:none}.md\\:flex{display:flex}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:block{display:block}.lg\\:hidden{display:none}.lg\\:flex{display:flex}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\\:block{display:block}.xl\\:hidden{display:none}.xl\\:flex{display:flex}.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}#app{font-weight:400;min-height:100vh}.layout-home{padding:0;margin:0;max-width:none;min-height:100vh;display:flex;flex-direction:column}.layout-frontend{padding:0;margin:0;max-width:none;min-height:100vh;background-color:var(--bg-secondary);line-height:1.6}.layout-admin{padding:0;margin:0;max-width:none;min-height:100vh;background-color:var(--bg-primary)}@media (max-width: 1024px){.layout-admin{height:auto;min-height:100vh;overflow:visible}}@media (min-width: 1024px){body:has(.layout-admin){display:block;place-items:initial}}.page-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) 0}.page-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.main-content{flex:1}.content-container{max-width:1200px;margin:0 auto}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:500;line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;text-decoration:none;border:1px solid transparent;min-height:40px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-dark)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--text-inverse)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);min-height:32px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);min-height:48px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-error{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--error-color)}.form-help{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--text-secondary)}.loading{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state-description{font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:500;line-height:1;border-radius:var(--radius-full)}.badge-primary{background-color:var(--primary-color);color:var(--text-inverse)}.badge-secondary{background-color:var(--gray-100);color:var(--gray-800)}.badge-success{background-color:var(--success-color);color:var(--text-inverse)}.badge-warning{background-color:var(--warning-color);color:var(--text-inverse)}.badge-error{background-color:var(--error-color);color:var(--text-inverse)}.page-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-container.search-page{gap:0rem}.page-container.basic-page{gap:1.5rem}.page-container.form-page{gap:0rem}@media (max-width: 768px){.page-container.search-page{gap:.75rem}.page-container.basic-page{gap:1rem}.page-container.form-page{gap:.75rem}}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:0 var(--spacing-lg);height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-brand:hover{color:var(--primary-color)}.navbar-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-item{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.navbar-item:hover,.navbar-item.active{color:var(--primary-color)}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-light);height:100vh;width:280px;transition:width var(--transition-normal);overflow:hidden;position:fixed;left:0;top:0;z-index:40}.sidebar.collapsed{width:80px}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;min-height:80px}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo-icon{font-size:var(--text-2xl)}.sidebar-logo-text{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.sidebar-toggle{padding:var(--spacing-sm);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.sidebar-toggle:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav{padding:var(--spacing-lg) 0;overflow-y:auto;height:calc(100vh - 160px)}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section-title{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{margin-bottom:var(--spacing-xs)}.sidebar-menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-normal);position:relative}.sidebar-menu-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-menu-link.active{background-color:var(--primary-color);color:var(--text-inverse)}.sidebar-menu-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-color)}.sidebar-menu-icon{font-size:var(--text-lg);min-width:20px;text-align:center}.sidebar-menu-text{flex:1;white-space:nowrap;overflow:hidden}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-inverse)}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal);width:100%;text-align:left}.logout-btn:hover{background-color:var(--error-bg);color:var(--error-color)}.logout-icon{font-size:var(--text-lg)}.logout-text{flex:1;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;font-size:var(--text-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.breadcrumb-item:last-child{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-muted)}.admin-page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.header-left{flex:1;min-width:0}.header-right{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.table th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.table td{color:var(--text-secondary);font-size:var(--text-sm)}.table tbody tr:hover{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--spacing-lg)}.modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalEnter .3s ease-out}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.modal-close{padding:var(--spacing-sm);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert-icon{font-size:var(--text-lg);margin-top:2px}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:var(--spacing-xs)}.alert-description{font-size:var(--text-sm)}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-warning{background-color:#fefce8;border-color:#fde047;color:#a16207}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.tabs{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.tabs-nav{display:flex;border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.tabs-nav-item{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-normal);position:relative}.tabs-nav-item:hover{color:var(--text-primary);background-color:var(--bg-primary)}.tabs-nav-item.active{color:var(--primary-color);background-color:var(--bg-primary)}.tabs-nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--primary-color)}.tabs-content{padding:var(--spacing-lg)}.card-base{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card-base:hover{box-shadow:var(--shadow-md)}.feature-card{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);border-left:4px solid var(--primary-color);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card.primary{border-left-color:var(--primary-color)}.stat-card.success{border-left-color:var(--success-color)}.stat-card.warning{border-left-color:var(--warning-color)}.stat-card.info{border-left-color:var(--secondary-color)}.info-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.info-card:hover{box-shadow:var(--shadow-md)}.content-card{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.content-card:hover{box-shadow:var(--shadow-md)}.content-card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;position:relative}.content-card-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.content-card-body{padding:var(--spacing-lg)}.card-icon{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--text-xl);font-weight:600}.card-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.card-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.card-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm)}.card-change.positive{color:var(--success-color)}.card-change.negative{color:var(--error-color)}.card-change.neutral{color:var(--text-secondary)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:500;line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;text-decoration:none;border:1px solid transparent;min-height:40px}.btn-base:disabled{opacity:.5;cursor:not-allowed}.action-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal)}.action-btn:hover:not(:disabled){background-color:var(--bg-secondary)}.action-btn .notification-badge{position:absolute;top:-4px;right:-4px;transform:none;min-width:18px;height:18px;font-size:10px}.quick-action{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);text-align:center}.quick-action:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-2px)}.feature-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:var(--text-inverse);border:1px solid var(--primary-color);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all var(--transition-normal)}.feature-link:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-icon{font-size:1.2rem}.badge-base{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);line-height:1}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);line-height:1}.status-badge.completed{background:#d5f4e6;color:var(--success-color)}.status-badge.processing{background:#fef9e7;color:var(--warning-color)}.status-badge.pending{background:#fdebee;color:var(--error-color)}.status-badge.approved{background:#ebf3fd;color:var(--primary-color)}.notification-badge{position:absolute;top:50%;right:var(--spacing-lg);transform:translateY(-50%);background-color:var(--error-color);color:var(--text-inverse);border-radius:50%;font-size:var(--text-xs);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:600}.icon-base{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;border-radius:var(--radius-md)}.stat-icon.success{background:#d5f4e6;color:var(--success-color)}.stat-icon.warning{background:#fef9e7;color:var(--warning-color)}.stat-icon.info{background:#ebf3fd;color:var(--primary-color)}.stat-icon.primary{background:#e3f2fd;color:var(--primary-color)}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1rem}.activity-icon.success{background:#d5f4e6;color:var(--success-color)}.activity-icon.warning{background:#fef9e7;color:var(--warning-color)}.activity-icon.info{background:#ebf3fd;color:var(--primary-color)}.activity-icon.danger{background:#fdebee;color:var(--error-color)}.menu-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-start{display:flex;align-items:center;gap:var(--spacing-sm)}.page-header-section{margin-bottom:var(--spacing-2xl);text-align:center}.page-main-title{font-size:var(--text-3xl);color:var(--text-primary);margin:0;font-weight:700}.page-main-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.stats-display{font-size:var(--text-3xl);font-weight:700}.stats-display.success{color:var(--success-color)}.stats-display.warning{color:var(--warning-color)}.stats-display.error{color:var(--error-color)}.stats-display.primary{color:var(--primary-color)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-normal)}.activity-item:hover{background:var(--bg-tertiary)}.activity-content{flex:1}.activity-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:500}.activity-time{font-size:var(--text-xs);color:var(--text-secondary)}.quick-menu{padding:var(--spacing-lg)}.menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;color:inherit;margin-bottom:var(--spacing-sm);transition:all var(--transition-normal)}.menu-item:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.menu-item:last-child{margin-bottom:0}.menu-content{flex:1}.menu-title{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:var(--text-sm)}.menu-desc{font-size:var(--text-xs);color:var(--text-secondary)}.menu-arrow{color:var(--text-muted);font-size:1.2rem}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature-grid,.content-grid,.quick-info{grid-template-columns:1fr;gap:var(--spacing-md)}.page-main-title{font-size:var(--text-2xl)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.activity-item,.menu-item{flex-direction:column;align-items:flex-start;text-align:left}}.data-table{width:100%;border-collapse:collapse;background:var(--surface-primary)}.data-table th{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);font-size:var(--text-sm);border-bottom:1px solid var(--border-light)}.data-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-lighter);font-size:var(--text-sm);color:var(--text-primary)}.data-table tr:hover{background:var(--bg-secondary)}.data-table tr:last-child td{border-bottom:none}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);margin-top:var(--spacing-xs);font-weight:500}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.stat-change.neutral{color:var(--text-muted)}.change-icon{font-weight:700;font-size:var(--text-sm)}.task-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-primary);transition:all var(--transition-normal)}.task-item:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.task-priority{width:4px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.task-priority.high{background:var(--error-color)}.task-priority.medium{background:var(--warning-color)}.task-priority.low{background:var(--text-muted)}.task-content{flex:1;min-width:0}.task-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:500}.task-category{font-size:var(--text-xs);color:var(--text-muted)}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-inverse);text-align:center;padding:80px var(--spacing-lg);min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-container{max-width:800px;width:100%;margin:0 auto}.hero-title{font-size:var(--text-5xl);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}.hero-subtitle{font-size:var(--text-xl);margin-bottom:var(--spacing-2xl);opacity:.9;line-height:1.4}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface-primary);color:var(--text-primary);transition:border-color var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--surface-primary);color:var(--text-primary)}.chart-container{height:300px;display:flex;align-items:center;justify-content:center;background:var(--surface-primary);border-radius:var(--radius-md)}.chart-placeholder{text-align:center;color:var(--text-muted)}.chart-icon{font-size:var(--text-4xl);margin-bottom:var(--spacing-md);opacity:.5}.points-display{font-size:var(--text-3xl);font-weight:700;color:var(--success-color)}.notification-count{font-size:var(--text-3xl);font-weight:700;color:var(--error-color)}.time-display{color:var(--text-muted);font-size:var(--text-xs)}.points{font-weight:600;color:var(--success-color)}.vendor-page-header{background:var(--surface-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.vendor-header-content h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:600}.vendor-header-content p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.vendor-stats-section{margin-bottom:var(--spacing-xl)}.vendor-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.vendor-stat-item{background:var(--surface-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.vendor-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.vendor-stat-icon.success{background:var(--success-bg);color:var(--success-color)}.vendor-stat-icon.warning{background:var(--warning-bg);color:var(--warning-color)}.vendor-stat-icon.info{background:var(--info-bg);color:var(--info-color)}.vendor-stat-icon.primary{background:var(--primary-bg);color:var(--primary-color)}.vendor-stat-content{flex:1}.vendor-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vendor-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.vendor-content-area{margin-bottom:var(--spacing-xl)}.vendor-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.admin-stat-variants .stat-card.primary{border-left-color:var(--primary-color)}.admin-stat-variants .stat-card.success{border-left-color:var(--success-color)}.admin-stat-variants .stat-card.warning{border-left-color:var(--warning-color)}.admin-stat-variants .stat-card.info{border-left-color:var(--info-color)}@media (max-width: 1024px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.vendor-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section{padding:60px var(--spacing-lg)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--spacing-lg)}.hero-actions{flex-direction:column;align-items:center;gap:var(--spacing-md)}.vendor-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.vendor-stats-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-sm)}.vendor-stats-grid,.stats-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.home-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--text-inverse);padding:var(--spacing-2xl) 0;text-align:center}.home-hero-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-lg)}.home-hero-subtitle{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--spacing-xl)}.home-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.dashboard-header{background-color:var(--bg-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-light)}.dashboard-welcome{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.dashboard-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.admin-main{margin-left:280px;min-height:100vh;background-color:var(--bg-secondary);transition:margin-left var(--transition-normal)}.admin-main.sidebar-collapsed{margin-left:80px}@media (max-width: 1024px){.admin-main,.admin-main.sidebar-collapsed{margin-left:0}}.admin-content{padding:var(--spacing-xl)}.admin-page-header{background-color:var(--bg-primary);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xl)}.admin-page-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.admin-page-subtitle{color:var(--text-secondary)}@media (max-width: 1024px){.home-hero-title{font-size:var(--text-3xl)}.home-hero-subtitle{font-size:var(--text-lg)}.home-actions{flex-direction:column;align-items:center}.dashboard-welcome,.admin-page-title{font-size:var(--text-xl)}}@media (max-width: 640px){.home-hero{padding:var(--spacing-xl) var(--spacing-lg)}.home-hero-title{font-size:var(--text-2xl)}.dashboard-header,.admin-page-header,.admin-content{padding:var(--spacing-lg)}}:root{--app-primary: #007AFF;--app-primary-light: #5AC8FA;--app-primary-dark: #0051D5;--app-primary-alpha: rgba(0, 122, 255, .1);--app-bg: #F2F2F7;--app-surface: #FFFFFF;--app-card: #FFFFFF;--app-overlay: rgba(0, 0, 0, .5);--app-text-primary: #000000;--app-text-secondary: #6D6D70;--app-text-tertiary: #C7C7CC;--app-text-placeholder: #C7C7CC;--app-text-inverse: #FFFFFF;--app-success: #34C759;--app-warning: #FF9500;--app-error: #FF3B30;--app-info: #5AC8FA;--app-border: #C7C7CC;--app-border-light: #E5E5EA;--app-divider: #C6C6C8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .25);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--mobile-header-height: 56px;--mobile-bottom-nav-height: 80px;--mobile-safe-area-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-area-top: env(safe-area-inset-top, 0px);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-height-xl: 56px;--input-height-sm: 36px;--input-height-md: 44px;--input-height-lg: 52px}@custom-media --narrow (max-width: 639px);@custom-media --medium (min-width: 640px) and (max-width: 1023px);@custom-media --wide (min-width: 1024px) and (max-width: 1439px);@custom-media --extra-wide (min-width: 1440px);@media (min-width: 640px) and (max-width: 1023px){:root{--screen-padding: var(--spacing-lg);--content-gap: var(--spacing-md);--mobile-header-height: 60px;--mobile-bottom-nav-height: 76px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 30px;--grid-columns-actions: 4;--grid-columns-cards: 2;--card-min-width: 280px}}@media (min-width: 1024px) and (max-width: 1439px){:root{--screen-padding: var(--spacing-xl);--content-gap: var(--spacing-lg);--mobile-header-height: 68px;--mobile-bottom-nav-height: 84px;--font-size-base: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--font-size-3xl: 36px;--grid-columns-actions: 4;--grid-columns-cards: 2;--card-min-width: 320px}}@media (min-width: 1440px){:root{--screen-padding: var(--spacing-xxl);--content-gap: var(--spacing-xl);--container-max-width: 480px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--grid-columns-actions: 2;--grid-columns-cards: 1}}.safe-area-top{padding-top:var(--mobile-safe-area-top)}.safe-area-bottom{padding-bottom:var(--mobile-safe-area-bottom)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-primary{color:var(--app-text-primary)}.text-secondary{color:var(--app-text-secondary)}.text-tertiary{color:var(--app-text-tertiary)}.bg-primary{background-color:var(--app-primary)}.bg-surface{background-color:var(--app-surface)}.bg-card{background-color:var(--app-card)}.border-radius-sm{border-radius:var(--border-radius-sm)}.border-radius-md{border-radius:var(--border-radius-md)}.border-radius-lg{border-radius:var(--border-radius-lg)}.border-radius-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--app-text-primary);background-color:var(--app-bg);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-app-container{min-height:100vh;background-color:var(--app-bg);display:flex;flex-direction:column}.mobile-app-content{flex:1;padding:var(--spacing-md);padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--spacing-md));overflow-y:auto}.mobile-card{background:var(--app-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--app-border-light);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.mobile-card:hover,.mobile-card:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-card.clickable{cursor:pointer}.mobile-card.clickable:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.mobile-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;user-select:none;position:relative;overflow:hidden}.mobile-button:disabled{opacity:.5;cursor:not-allowed}.mobile-button.size-small{height:var(--button-height-sm);padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.mobile-button.size-medium{height:var(--button-height-md);padding:0 var(--spacing-lg)}.mobile-button.size-large{height:var(--button-height-lg);padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.mobile-button.size-extra-large{height:var(--button-height-xl);padding:0 var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.mobile-button.variant-primary{background-color:var(--app-primary);color:var(--app-text-inverse)}.mobile-button.variant-primary:hover{background-color:var(--app-primary-dark)}.mobile-button.variant-secondary{background-color:var(--app-surface);color:var(--app-text-primary);border:1px solid var(--app-border)}.mobile-button.variant-secondary:hover{background-color:var(--app-border-light)}.mobile-button.variant-outline{background-color:transparent;color:var(--app-primary);border:1px solid var(--app-primary)}.mobile-button.variant-outline:hover{background-color:var(--app-primary-alpha)}.mobile-button.variant-text{background-color:transparent;color:var(--app-primary)}.mobile-button.variant-text:hover{background-color:var(--app-primary-alpha)}.mobile-button.full-width{width:100%}.mobile-list{background:var(--app-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--app-border-light);overflow:hidden}.mobile-list-item{padding:var(--spacing-md);border-bottom:1px solid var(--app-border-light);display:flex;align-items:center;gap:var(--spacing-md);transition:background-color var(--transition-fast)}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item.clickable{cursor:pointer}.mobile-list-item.clickable:hover,.mobile-list-item.clickable:active{background-color:var(--app-border-light)}.mobile-list-item-content{flex:1;min-width:0}.mobile-list-item-title{font-weight:var(--font-weight-medium);color:var(--app-text-primary);margin:0 0 4px}.mobile-list-item-subtitle{font-size:var(--font-size-sm);color:var(--app-text-secondary);margin:0}.mobile-list-item-action{color:var(--app-text-tertiary);font-size:var(--font-size-lg)}.mobile-input{width:100%;height:var(--input-height-md);padding:0 var(--spacing-md);border:1px solid var(--app-border);border-radius:var(--border-radius-md);background-color:var(--app-surface);color:var(--app-text-primary);font-size:16px;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:textfield}.mobile-input:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px var(--app-primary-alpha)}.mobile-input::placeholder{color:var(--app-text-placeholder)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--app-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--spacing-md) 0;color:var(--app-text-secondary)}.mobile-spinner{width:20px;height:20px;border:2px solid var(--app-border-light);border-top:2px solid var(--app-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-feedback:active:before{width:200px;height:200px}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(var(--mobile-safe-area-top),var(--spacing-md))}.safe-area-inset-bottom{padding-bottom:max(var(--mobile-safe-area-bottom),var(--spacing-md))}}@media (max-width: 767px){.mobile-hide{display:none!important}.mobile-show{display:block!important}}@media (min-width: 768px) and (max-width: 1023px){.tablet-hide{display:none!important}.tablet-show{display:block!important}.mobile-card{padding:var(--tablet-padding)}.mobile-button.size-medium{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.mobile-button.size-large{height:56px;padding:0 var(--spacing-xxl);font-size:var(--font-size-xl)}.mobile-list-item{padding:var(--spacing-lg)}.mobile-list-item-title{font-size:var(--font-size-lg)}.mobile-list-item-subtitle{font-size:var(--font-size-base)}}@media (min-width: 1024px){.desktop-hide{display:none!important}.desktop-show{display:block!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-tertiary)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea{font-size:16px!important;-webkit-appearance:none;-moz-appearance:textfield;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:manipulation}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 768px){input,textarea,select{font-size:16px!important}*{-webkit-tap-highlight-color:transparent}}.icon[data-v-452b0d41]{display:inline-block;vertical-align:middle;flex-shrink:0}svg[data-v-452b0d41]{display:block}.home[data-v-119bab64]{padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-section[data-v-119bab64]{height:100vh}.feature-link[data-v-119bab64]{min-width:180px;justify-content:center;box-shadow:0 4px 15px #0003;font-size:var(--text-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.feature-link[data-v-119bab64]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.feature-link.primary[data-v-119bab64]{background:var(--success-color);color:#fff}.feature-link.primary[data-v-119bab64]:hover{background:var(--success-hover)}.feature-link.secondary[data-v-119bab64]{background:var(--danger-color);color:#fff}.feature-link.secondary[data-v-119bab64]:hover{background:var(--danger-hover)}.feature-link.sample[data-v-119bab64]{background:var(--primary-color);color:#fff}.feature-link.sample[data-v-119bab64]:hover{background:var(--primary-hover)}@media (max-width: 768px){.entry-buttons[data-v-119bab64]{flex-direction:column;align-items:center;gap:var(--spacing-md)}.feature-link[data-v-119bab64]{width:100%;max-width:280px;padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-base)}}@media (max-width: 480px){.feature-link[data-v-119bab64]{padding:var(--spacing-md) var(--spacing-xl);min-width:200px;max-width:250px}}@media (max-width: 360px){.feature-link[data-v-119bab64]{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}}