@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";@media (width<=639px){.hidden-sm{display:none!important}}@media (width<=767px){.hidden-md{display:none!important}}@media (width<=1023px){.hidden-lg{display:none!important}}@media (width<=1279px){.hidden-xl{display:none!important}}@media (width>=640px){.show-sm{display:block!important}}@media (width>=768px){.show-md{display:block!important}}@media (width>=1024px){.show-lg{display:block!important}}@media (width>=1280px){.show-xl{display:block!important}}@media (width<=767px){:root{--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:.1875rem;--space-2:.375rem;--space-3:.625rem;--space-4:.875rem;--space-5:1.125rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--page-padding:var(--space-4);--card-padding:var(--space-4)}}@media (width>=768px) and (width<=1023px){:root{--sidebar-width:220px;--page-padding:var(--space-6)}}@media (width<=374px){:root{--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--space-4:.75rem;--space-6:1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--purple-100:#ede9fe;--purple-600:#7c3aed;--purple-700:#6d28d9;--cyan-100:#cffafe;--cyan-600:#0891b2;--pink-100:#fce7f3;--pink-600:#db2777;--orange-100:#ffedd5;--orange-600:#ea580c;--yellow-100:#fef9c3;--yellow-700:#a16207;--yellow-300:#fcd34d;--green-50:#f0fdf4;--green-400:#34d399;--green-500:#22c55e;--green-600:#16a34a;--green-300:#6ee7b7;--pink-300:#f9a8d4;--pink-400:#f472b6;--blue-300:#93c5fd;--indigo-100:#e0e7ff;--indigo-700:#4338ca;--violet-400:#a78bfa;--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;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}body{font-family:var(--font-sans);background:var(--gray-100);color:var(--gray-900);line-height:1.5}.design-container{max-width:1440px;padding:var(--space-8);margin:0 auto}.design-container.reverse-index-container{padding-top:0;padding-bottom:var(--space-8)}.design-section{margin-bottom:var(--space-12);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;max-width:100%;overflow:hidden}.design-header{background:linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);color:#fff;padding:var(--space-8)}.design-header h2{margin-bottom:var(--space-2);font-size:1.75rem;font-weight:600}.design-header p{color:var(--gray-400);font-size:1rem}.design-content{padding:var(--space-8);position:relative}.mockup-label{top:var(--space-4);right:var(--space-4);background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;position:absolute}.annotation{background:var(--gray-50);border-left:4px solid var(--primary-500);padding:var(--space-6);margin-top:var(--space-8);border-radius:0 var(--radius) var(--radius) 0}.annotation h4{color:var(--gray-900);margin-bottom:var(--space-3);font-size:1rem;font-weight:600}.annotation ul{margin-left:var(--space-5);color:var(--gray-600)}.annotation li{margin-bottom:var(--space-2)}.annotation strong{color:var(--gray-900)}.reverse-index-grid{gap:var(--space-6);display:grid}.reverse-index-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.reverse-index-card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.reverse-index-card-header h4{color:var(--gray-900);font-size:1rem;font-weight:600}.reverse-index-code{font-family:var(--font-mono);color:var(--gray-600);word-break:break-all;font-size:.8125rem}.reverse-index-page{color:var(--gray-900);font-weight:500}.reverse-index-route{font-family:var(--font-mono);color:var(--primary-700);font-size:.8125rem}.login-page-unified{background:var(--gray-50);border-radius:var(--radius-lg);min-height:700px;box-shadow:var(--shadow-xl);display:flex;overflow:hidden}.login-sidebar-unified{background:var(--gray-900);width:380px;padding:var(--space-10);flex-direction:column;justify-content:space-between;display:flex}.login-brand-unified{align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.login-brand-logo-unified{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-brand-text-unified h1{color:#fff;margin-bottom:var(--space-1);font-size:1.5rem;font-weight:700}.login-brand-text-unified p{color:var(--gray-400);font-size:.875rem}.login-features-unified{gap:var(--space-4);flex-direction:column;display:flex}.login-feature-item-unified{align-items:center;gap:var(--space-3);color:var(--gray-300);font-size:.9375rem;display:flex}.login-feature-icon-unified{background:var(--gray-800);border-radius:var(--radius);width:32px;height:32px;color:var(--primary-400);justify-content:center;align-items:center;display:flex}.login-copyright-unified{color:var(--gray-500);font-size:.8125rem}.login-main-unified{padding:var(--space-12);background:linear-gradient(135deg, var(--gray-50) 0%, white 100%);flex:1;justify-content:center;align-items:center;display:flex}.login-form-card-unified{width:100%;max-width:420px;padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff}.login-form-header-unified{text-align:center;margin-bottom:var(--space-8)}.login-form-header-unified h2{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.login-form-header-unified p{color:var(--gray-500);font-size:.9375rem}.form-label-unified{color:var(--gray-700);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.form-input-unified{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);font-size:.9375rem;transition:all .2s}.form-input-unified:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);background:#fff;outline:none}.form-select-unified{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px;font-size:.9375rem;transition:all .2s}.form-select-unified:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);background-color:#fff;outline:none}.captcha-group-unified{gap:var(--space-3);align-items:center;display:flex}.captcha-input-unified{flex:1}.captcha-image-unified{background:linear-gradient(135deg, var(--gray-700), var(--gray-600));border-radius:var(--radius);color:#fff;width:100px;height:44px;font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.captcha-image-unified:hover{background:linear-gradient(135deg, var(--gray-600), var(--gray-500))}.captcha-image-unified.loading{background:linear-gradient(135deg, var(--gray-600), var(--gray-500));letter-spacing:0;font-size:.75rem}.captcha-image-unified.error{background:linear-gradient(135deg, var(--error), var(--error-light));letter-spacing:0;font-size:.75rem}.btn-unified{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary-unified{width:100%;padding:var(--space-4);background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;margin-top:var(--space-4);font-size:1rem;font-weight:600}.btn-primary-unified:hover{background:linear-gradient(135deg, var(--primary-700), var(--primary-800));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input-unified{padding-right:44px}.password-toggle-btn{border-radius:var(--radius);cursor:pointer;width:44px;height:44px;color:var(--gray-400);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{background:var(--gray-100);color:var(--gray-600)}.password-toggle-btn:focus{box-shadow:0 0 0 2px var(--primary-200);outline:none}.password-toggle-btn svg{width:20px;height:20px}.auto-recognize-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;min-height:44px;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.auto-recognize-btn:hover{background:var(--primary-100)}.auto-recognize-btn:focus{box-shadow:0 0 0 2px var(--primary-200);outline:none}.auto-recognize-btn:disabled{opacity:.6;cursor:not-allowed}.auto-recognize-btn .spinner{border:2px solid var(--primary-200);border-top-color:var(--primary-600);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-checkbox-wrapper{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.custom-checkbox-wrapper input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox{border:2px solid var(--gray-300);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox-wrapper:hover .custom-checkbox{border-color:var(--primary-400)}.custom-checkbox-wrapper input[type=checkbox]:focus+.custom-checkbox{box-shadow:0 0 0 3px var(--primary-100)}.custom-checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox{background:var(--primary-600);border-color:var(--primary-600)}.custom-checkbox svg{color:#fff;opacity:0;width:12px;height:12px;transition:all .2s;transform:scale(.8)}.custom-checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox svg{opacity:1;transform:scale(1)}.api-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.api-stat-card{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow);border-left:4px solid var(--primary-500);background:#fff}.api-stat-card.success{border-left-color:var(--success)}.api-stat-card.error{border-left-color:var(--error)}.api-stat-card.warning{border-left-color:var(--warning)}.api-stat-label{color:var(--gray-500);margin-bottom:var(--space-2);font-size:.875rem}.api-stat-value{color:var(--gray-900);font-size:1.75rem;font-weight:700}.api-stat-trend{margin-top:var(--space-2);align-items:center;gap:var(--space-1);font-size:.75rem;display:flex}.api-stat-trend.up{color:var(--success)}.api-stat-trend.down{color:var(--error)}.api-monitor-toolbar{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6);box-shadow:var(--shadow);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;display:grid}.api-monitor-filters{gap:var(--space-3);align-items:center;display:flex}.api-filter-select{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;min-width:140px;font-size:.875rem}.api-monitor-search{max-width:400px;position:relative}.api-monitor-search input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem}.api-monitor-search-icon{left:var(--space-3);width:18px;height:18px;color:var(--gray-400);position:absolute;top:50%;transform:translateY(-50%)}.api-monitor-actions{align-items:center;gap:1rem;display:flex}.api-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-5);box-shadow:var(--shadow);background:#fff;overflow-x:auto}.api-table{border-collapse:collapse;width:100%}.api-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.api-table th{padding:var(--space-4);text-align:left;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.api-table td{padding:var(--space-4);border-bottom:1px solid var(--gray-100);font-size:.875rem}.api-table tbody tr:hover{background:var(--gray-50)}.api-table tbody tr:last-child td{border-bottom:none}.http-method{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-align:center;min-width:60px;display:inline-block}.http-method.get{background:var(--primary-100);color:var(--primary-700)}.http-method.post{background:var(--success-light);color:var(--success)}.http-method.put{background:var(--warning-light);color:var(--warning)}.http-method.delete{background:var(--error-light);color:var(--error)}.http-method.patch{background:var(--indigo-100);color:var(--indigo-700)}.status-code{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-align:center;min-width:50px;display:inline-block}.status-code.success{background:var(--success-light);color:var(--success)}.status-code.error{background:var(--error-light);color:var(--error)}.status-code.warning{background:var(--warning-light);color:var(--warning)}.status-code.info{background:var(--primary-100);color:var(--primary-700)}.response-time{font-family:var(--font-mono);color:var(--gray-600);font-size:.875rem}.response-time.fast{color:var(--success)}.response-time.medium{color:var(--warning)}.response-time.slow{color:var(--error)}.api-action-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius);cursor:pointer;border:none;font-size:.75rem;font-weight:500;transition:all .2s}.api-action-btn.primary{background:var(--primary-100);color:var(--primary-700)}.api-action-btn.primary:hover{background:var(--primary-200)}.api-detail-breadcrumb{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:.875rem;display:flex}.api-detail-breadcrumb-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--primary-600);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;transition:all .2s;display:inline-flex}.api-detail-breadcrumb-btn:hover{background:var(--primary-50)}.api-detail-breadcrumb-separator{color:var(--gray-400)}.api-detail-breadcrumb-text{color:var(--gray-600)}.api-detail-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;max-width:100%;overflow:hidden}.api-detail-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.api-detail-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.api-detail-meta{gap:var(--space-6);align-items:center;display:flex}.api-detail-method,.api-detail-status{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:var(--font-mono)}.api-detail-content{padding:var(--space-6)}.api-detail-section{margin-bottom:var(--space-8)}.api-detail-section-title{color:var(--gray-900);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;display:flex}.api-detail-section-title svg{width:20px;height:20px;color:var(--primary-600)}.api-info-block{background:var(--gray-50);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.api-info-row{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-200);display:flex}.api-info-row:last-child{border-bottom:none}.api-info-label{width:140px;color:var(--gray-600);flex-shrink:0;font-size:.875rem;font-weight:500}.api-info-value{color:var(--gray-900);font-size:.875rem;font-family:var(--font-mono);word-break:break-all;flex:1}.code-block{background:var(--gray-900);color:var(--gray-100);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-3);overflow-x:auto}.code-block pre{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:.8125rem;line-height:1.6}.code-block .key{color:var(--primary-300)}.code-block .string{color:var(--green-300)}.code-block .number{color:var(--warning)}.code-block .boolean{color:var(--pink-400)}.api-tabs{border-bottom:2px solid var(--gray-200);margin-bottom:var(--space-6);display:flex}.api-tab{padding:var(--space-3) var(--space-6);color:var(--gray-600);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500;transition:all .2s}.api-tab:hover{color:var(--primary-600)}.api-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.pagination{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);margin-top:var(--space-6);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--gray-600);font-size:.875rem}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}.pagination-btn{min-width:32px;height:32px;padding:0 var(--space-3);border:1px solid var(--gray-200);color:var(--gray-700);border-radius:var(--radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.pagination-btn:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.pagination-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pagination-btn svg{width:16px;height:16px}.custom-checkbox-label{color:var(--gray-600);-webkit-user-select:none;user-select:none;font-size:.875rem}.form-group-unified{margin-bottom:var(--space-5)}.form-group-unified.has-error .form-input-unified{border-color:var(--error)}.form-group-unified.has-error .form-input-unified:focus{box-shadow:0 0 0 3px var(--error-light)}.form-error-message{color:var(--error);margin-top:var(--space-1);align-items:center;gap:var(--space-1);font-size:.8125rem;display:flex}.form-error-message svg{flex-shrink:0;width:14px;height:14px}.main-layout{border-radius:var(--radius-lg);min-height:700px;box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:100%;display:flex;overflow:hidden}.sidebar{background:var(--gray-900);width:260px;padding:var(--space-6);flex-direction:column;display:flex}.sidebar-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-800);margin-bottom:var(--space-6);display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-title{color:#fff;font-size:1rem;font-weight:600}.sidebar-version{color:var(--gray-500);font-size:.75rem}.nav-section{flex:1}.nav-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-left:var(--space-3);font-size:.75rem;font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--gray-400);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--space-1);text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--gray-800);color:#fff;text-decoration:none}.nav-item.active{background:var(--primary-600);color:#fff;text-decoration:none}.nav-item svg{width:20px;height:20px}.user-section{padding-top:var(--space-6);border-top:1px solid var(--gray-800)}.user-info{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.user-name{color:#fff;font-size:.9375rem;font-weight:500}.user-role{color:var(--gray-500);font-size:.8125rem}.main-content{padding:var(--space-8);background:var(--gray-50);flex:1;overflow-y:auto}.page-header{margin-bottom:var(--space-8)}.page-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.page-desc{color:var(--gray-500);font-size:.9375rem}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff}.stat-label{color:var(--gray-500);margin-bottom:var(--space-2);font-size:.875rem}.stat-value{color:var(--gray-900);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.stat-change{align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:500;display:flex}.stat-change.positive{color:var(--success)}.feature-cards{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.feature-card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;display:flex}.feature-card-title{align-items:flex-start;gap:var(--space-4);display:flex}.feature-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-card-icon.blue{background:var(--primary-100);color:var(--primary-600)}.feature-card-icon.green{background:var(--success-light);color:var(--success)}.feature-card-icon.orange{background:var(--warning-light);color:var(--warning)}.feature-card-icon.red{background:var(--error-light);color:var(--error)}.feature-card-icon.purple{background:var(--purple-100);color:var(--purple-600)}.feature-card-text h4{color:var(--gray-900);margin-bottom:var(--space-1);font-size:1.125rem;font-weight:600}.feature-card-text p{color:var(--gray-500);font-size:.875rem}.feature-card-body{padding:var(--space-6)}.feature-card-actions{gap:var(--space-3);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--gray-700);color:#fff}.btn-secondary:hover{background:var(--gray-600)}.btn-outline{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.reset-btn{border:1.5px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:8px;height:38px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.reset-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.auto-refresh-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.toggle-label{color:var(--gray-700);font-size:.875rem;line-height:1.2}.toggle-switch{background:var(--gray-200);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.toggle-switch.active{background:var(--primary-500)}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.toggle-switch.active .toggle-slider{transform:translate(16px)}.status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.success{background:var(--success-light);color:var(--success)}.status-badge.info{background:var(--info-light);color:var(--info)}.status-badge.warning{background:var(--warning-light);color:var(--warning)}.status-badge.error{background:var(--error-light);color:var(--error)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.table-container{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.table-toolbar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.table-search{align-items:center;gap:var(--space-3);flex:1;max-width:400px;display:flex}.search-input{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius);flex:1;font-size:.875rem}.search-input:focus{border-color:var(--primary-500);outline:none}.table-actions{gap:var(--space-3);display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--gray-50);padding:var(--space-4) var(--space-6);text-align:left;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);font-size:.8125rem;font-weight:600}.data-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.875rem}.data-table tr:hover td{background:var(--gray-50)}.dish-name{color:var(--gray-900);font-weight:500}.dish-category{padding:var(--space-1) var(--space-2);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:inline-flex}.import-layout{border-radius:var(--radius-lg);min-height:700px;box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:100%;display:flex;overflow:hidden}.import-sidebar{background:var(--gray-900);width:260px;padding:var(--space-6);flex-direction:column;display:flex}.import-main{padding:var(--space-8);background:var(--gray-50);flex:1;overflow-y:auto}.import-header{margin-bottom:var(--space-6)}.import-header h1{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.import-header p{color:var(--gray-500);font-size:.9375rem}.import-steps{align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;display:flex}.step-item{align-items:center;gap:var(--space-2);display:flex}.step-number{background:var(--gray-200);width:28px;height:28px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.step-item.active .step-number{background:var(--primary-600);color:#fff}.step-item.completed .step-number{background:var(--success);color:#fff}.step-title{color:var(--gray-500);font-size:.875rem;font-weight:500}.step-item.active .step-title{color:var(--primary-600);font-weight:600}.step-item.completed .step-title{color:var(--success)}.step-arrow{color:var(--gray-300)}.upload-zone{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-8);text-align:center;border:2px dashed var(--gray-300);margin-bottom:var(--space-6);background:#fff;transition:all .2s}.upload-zone:hover{border-color:var(--primary-500);background:var(--primary-50)}.upload-icon{background:var(--primary-100);border-radius:var(--radius-lg);width:64px;height:64px;margin:0 auto var(--space-4);color:var(--primary-600);justify-content:center;align-items:center;display:flex}.upload-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.upload-desc{color:var(--gray-500);margin-bottom:var(--space-6);font-size:.875rem}.upload-hint{color:var(--gray-400);margin-top:var(--space-4);font-size:.75rem}.uploaded-file{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6);margin-bottom:var(--space-6);background:#fff}.file-info{align-items:center;gap:var(--space-4);display:flex}.file-icon{background:var(--success-light);border-radius:var(--radius);width:48px;height:48px;color:var(--success);justify-content:center;align-items:center;display:flex}.file-details{flex:1}.file-name{color:var(--gray-900);margin-bottom:var(--space-1);font-weight:600}.file-meta{gap:var(--space-4);color:var(--gray-500);font-size:.8125rem;display:flex}.file-actions{gap:var(--space-3);display:flex}.match-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:var(--space-6);background:#fff;overflow:hidden}.match-panel-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100)}.match-panel-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.match-panel-subtitle{color:var(--gray-500);font-size:.875rem}.match-stats{gap:var(--space-6);margin-top:var(--space-4);display:flex}.match-stat{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gray-50);border-radius:var(--radius);display:flex}.match-stat-value{font-size:1.125rem;font-weight:700}.match-stat-value.matched{color:var(--success)}.match-stat-value.unmatched{color:var(--warning)}.match-stat-value.total{color:var(--primary-600)}.match-stat-label{color:var(--gray-500);font-size:.8125rem}.week-view{padding:var(--space-6)}.week-tabs{gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex}.week-tab{padding:var(--space-3) var(--space-6);color:var(--gray-500);cursor:pointer;border-bottom:2px solid #0000;font-weight:500}.week-tab:hover{color:var(--gray-700)}.week-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.week-tab .progress-text{margin-left:var(--space-2);color:var(--gray-400);font-size:.75rem}.week-schedule{overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%}.schedule-table th{background:var(--gray-50);padding:var(--space-3) var(--space-4);text-align:center;color:var(--gray-700);border:1px solid var(--gray-200);font-size:.875rem;font-weight:600}.schedule-table th.date-header{background:var(--gray-100);width:100px}.schedule-table th.meal-header{width:30%}.schedule-table th.meal-header-breakfast{background:var(--warning-light);color:var(--yellow-700)}.schedule-table th.meal-header-lunch{background:var(--primary-100);color:var(--primary-600)}.schedule-table th.meal-header-dinner{background:var(--purple-100);color:var(--purple-600)}.schedule-table td{border:1px solid var(--gray-200);padding:var(--space-2);vertical-align:top;height:140px}.schedule-table .date-cell{background:var(--gray-50);color:var(--gray-700);text-align:center;font-size:.875rem;font-weight:600}.schedule-table .date-cell .day-number{color:var(--gray-900);font-size:1.125rem}.schedule-table .date-cell .day-date{color:var(--gray-400);font-size:.75rem;font-weight:400}.schedule-dish-list{gap:var(--space-2);flex-direction:column;display:flex}.schedule-dish-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius);display:flex}.schedule-dish-status{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.schedule-dish-status.matched{background:var(--success)}.schedule-dish-status.unmatched{background:var(--warning)}.schedule-dish-info{flex:1;min-width:0}.schedule-dish-name{color:var(--gray-900);align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:.8125rem;font-weight:500;display:flex}.schedule-dish-tag{border-radius:var(--radius-sm);padding:1px 4px;font-size:.625rem;font-weight:500}.schedule-dish-tag.new{background:var(--warning-light);color:var(--warning)}.schedule-dish-tag.existing{background:var(--success-light);color:var(--success)}.schedule-dish-ingredients{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.6875rem;overflow:hidden}.schedule-dish-action{color:var(--primary-600);cursor:pointer;margin-left:var(--space-1);font-size:.6875rem}.import-progress-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.progress-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100)}.progress-title{color:var(--gray-900);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600}.progress-stats{gap:var(--space-8);display:flex}.progress-stat{text-align:center}.progress-stat-value{color:var(--primary-600);font-size:1.5rem;font-weight:700}.progress-stat-label{color:var(--gray-500);font-size:.875rem}.progress-body{padding:var(--space-6)}.progress-bar-container{background:var(--gray-200);height:12px;margin-bottom:var(--space-6);border-radius:9999px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary-500), var(--success));border-radius:9999px;height:100%;transition:width .3s}.progress-logs{background:var(--gray-900);border-radius:var(--radius-lg);padding:var(--space-6);font-family:var(--font-mono);max-height:200px;font-size:.8125rem;overflow-y:auto}.log-entry{gap:var(--space-3);margin-bottom:var(--space-2);color:var(--gray-300);display:flex}.log-time{color:var(--gray-500);flex-shrink:0}.log-success{color:var(--success)}.log-error{color:var(--error)}.log-info{color:var(--info)}.log-week{color:var(--violet-400)}.log-day{color:var(--primary-400)}.log-meal{color:var(--green-400)}.component-showcase{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.component-section{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6);background:#fff}.component-section-title{color:var(--gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100);font-size:1.125rem;font-weight:600}.component-group{margin-bottom:var(--space-6)}.component-label{color:var(--gray-500);margin-bottom:var(--space-3);font-size:.8125rem}.component-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.color-palette{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.color-swatch{aspect-ratio:1;border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.color-swatch.dark{color:#fff}.color-swatch.light{color:var(--gray-900)}.app-layout-with-sidebar{background:var(--gray-100);grid-template-columns:260px 1fr;min-height:800px;display:grid}.app-sidebar{background:var(--gray-900);color:#fff;padding:var(--space-6);flex-direction:column;display:flex}.app-sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);margin-bottom:var(--space-8);display:flex}.app-sidebar-logo{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-sidebar-logo svg{color:#fff;width:24px;height:24px}.app-sidebar-title{font-size:1.125rem;font-weight:600}.app-sidebar-nav{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.app-sidebar-nav-group{margin-bottom:var(--space-6)}.app-sidebar-nav-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.app-sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);color:var(--gray-300);cursor:pointer;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.app-sidebar-nav-item:hover{background:var(--gray-800);color:#fff}.app-sidebar-nav-item.active{background:var(--primary-600);color:#fff}.app-sidebar-nav-item svg{flex-shrink:0;width:18px;height:18px}.app-sidebar-footer{padding-top:var(--space-6);border-top:1px solid var(--gray-800)}.app-sidebar-copyright{color:var(--gray-500);text-align:center;font-size:.75rem}.app-main-content{padding:var(--space-8);overflow-y:auto}.material-page-header{margin-bottom:var(--space-8)}.material-page-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.875rem;font-weight:700}.material-page-desc{color:var(--gray-500);font-size:.875rem}.material-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6);box-shadow:var(--shadow);background:#fff;display:flex}.material-search-box{flex:1;max-width:400px;position:relative}.material-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50);font-size:.875rem;transition:all .2s}.material-search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);background:#fff;outline:none}.material-search-icon{left:var(--space-3);color:var(--gray-400);position:absolute;top:50%;transform:translateY(-50%)}.material-action-btns{gap:var(--space-3);display:flex}.material-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-5);box-shadow:var(--shadow);background:#fff;overflow-x:auto}.material-table{border-collapse:collapse;table-layout:fixed;width:100%}.material-table thead th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.75rem;font-weight:600}.material-table tbody td{padding:var(--space-4);color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle;font-size:.875rem}.material-table tbody tr:hover td{background:var(--gray-50)}.material-table tbody tr:last-child td{border-bottom:none}.material-id{font-family:var(--font-mono);color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.75rem;display:inline-block;overflow:hidden}.material-name{color:var(--gray-900);font-weight:600}.material-standard-name{color:var(--gray-600)}.material-tag{padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-block}.material-tag-category-vegetable{background:var(--success-light);color:var(--success)}.material-tag-category-meat{background:var(--error-light);color:var(--error)}.material-tag-category-seafood{background:var(--cyan-100);color:var(--cyan-600)}.material-tag-category-bean{background:var(--warning-light);color:var(--warning)}.material-tag-category-egg{background:var(--yellow-100);color:var(--yellow-700)}.material-tag-category-staple{background:var(--purple-100);color:var(--purple-600)}.material-tag-category-fruit{background:var(--pink-100);color:var(--pink-600)}.material-tag-category-dried{background:var(--orange-100);color:var(--orange-600)}.material-tag-category-condiment{background:var(--gray-100);color:var(--gray-600)}.material-tag-category-other{background:var(--gray-100);color:var(--gray-500)}.material-tag-meal-breakfast{background:var(--warning-light);color:var(--warning)}.material-tag-meal-lunch{background:var(--primary-100);color:var(--primary-700)}.material-tag-meal-dinner{background:var(--purple-100);color:var(--purple-600)}.material-tag-meal-snack{background:var(--pink-100);color:var(--pink-600)}.material-tag-meal-late-night{background:var(--cyan-100);color:var(--cyan-600)}.material-tag-library-system{background:var(--green-50);color:var(--green-600)}.material-tag-library-custom{background:var(--warning-light);color:var(--warning)}.material-tag-library-public{background:var(--primary-100);color:var(--primary-700)}.material-tag-library-personal{background:var(--purple-100);color:var(--purple-600)}.material-detail-breadcrumb{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:.875rem;display:flex}.material-detail-breadcrumb-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--gray-600);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;transition:all .2s;display:inline-flex}.material-detail-breadcrumb-btn:hover{background:var(--gray-200);color:var(--gray-900)}.material-detail-breadcrumb-separator{color:var(--gray-400)}.material-detail-breadcrumb-text{color:var(--gray-600);font-weight:500}.material-detail-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;max-width:100%;overflow:hidden}.material-detail-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50);justify-content:space-between;align-items:center;display:flex}.material-detail-title{color:var(--gray-900);font-size:1.5rem;font-weight:700}.material-detail-content{padding:var(--space-6)}.material-detail-summary{gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200);grid-template-columns:280px 1fr;display:grid}@media (width<=1024px){.material-detail-summary{grid-template-columns:1fr}}.material-detail-summary-left{gap:var(--space-4);flex-direction:column;display:flex}.material-detail-summary-name{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.material-detail-summary-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.material-detail-summary-id{font-family:var(--font-mono);color:var(--gray-500);background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.75rem}.material-detail-nutrition-cards{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.material-detail-nutrition-cards{grid-template-columns:repeat(2,1fr)}}.material-nutrition-card{background:linear-gradient(135deg, var(--primary-50) 0%, white 100%);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all .2s}.material-nutrition-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.material-nutrition-card.protein{background:linear-gradient(135deg, var(--warning-light) 0%, white 100%);border-color:var(--yellow-300)}.material-nutrition-card.fat{background:linear-gradient(135deg, var(--pink-100) 0%, white 100%);border-color:var(--pink-300)}.material-nutrition-card.carbs{background:linear-gradient(135deg, var(--success-light) 0%, white 100%);border-color:var(--green-300)}.material-nutrition-card.energy{background:linear-gradient(135deg, var(--primary-100) 0%, white 100%);border-color:var(--blue-300)}.material-nutrition-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.material-nutrition-value{color:var(--gray-900);font-size:1.5rem;font-weight:700}.material-nutrition-unit{color:var(--gray-500);margin-left:var(--space-1);font-size:.875rem;font-weight:500}.material-detail-info-section{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.material-detail-info-section{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.material-detail-info-section{grid-template-columns:1fr}}.material-detail-info-block{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--gray-200)}.material-detail-info-block-title{color:var(--gray-700);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;display:flex}.material-detail-info-block-icon{width:18px;height:18px;color:var(--primary-600)}.material-detail-info-list{gap:var(--space-3);flex-direction:column;display:flex}.material-detail-info-row{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.material-detail-info-row:last-child{border-bottom:none}.material-detail-info-row-label{color:var(--gray-500);font-size:.8125rem}.material-detail-info-row-value{color:var(--gray-900);font-size:.875rem;font-weight:500}.material-detail-info-row-value.muted{color:var(--gray-600);font-weight:400}.material-detail-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50);justify-content:space-between;align-items:center;display:flex}.material-detail-meta{gap:var(--space-6);display:flex}.material-detail-meta-item{color:var(--gray-600);align-items:center;font-size:.875rem;display:flex}.material-detail-meta-item svg{margin-right:var(--space-2)}.settings-layout{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.settings-sidebar{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4);background:#fff;height:fit-content}.settings-menu{gap:var(--space-1);flex-direction:column;display:flex}.settings-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.settings-menu-item:hover{background:var(--gray-50);color:var(--gray-900)}.settings-menu-item.active{background:var(--primary-50);color:var(--primary-700)}.settings-menu-item svg{flex-shrink:0;width:18px;height:18px}.settings-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.settings-card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.settings-card-title{align-items:center;gap:var(--space-2);color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600;display:flex}.settings-card-title svg{color:var(--primary-600)}.settings-card-desc{color:var(--gray-500);font-size:.875rem}.settings-card-body{padding:var(--space-6)}.settings-card-spaced{margin-top:var(--space-6)}.api-config-list{gap:var(--space-6);flex-direction:column;display:flex}.api-config-item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.api-config-header{padding:var(--space-4) var(--space-6);background:var(--gray-50);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.api-config-name{color:var(--gray-900);margin-bottom:var(--space-1);font-size:1rem;font-weight:600}.api-config-desc{color:var(--gray-500);font-size:.8125rem}.api-config-body{padding:var(--space-6)}.api-config-field{margin-bottom:var(--space-5)}.api-config-field:last-child{margin-bottom:0}.field-label{color:var(--gray-700);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.field-value{color:var(--gray-900);font-size:.9375rem}.field-input-group{gap:var(--space-3);align-items:flex-start;display:flex}.api-matching-select{flex:1;min-width:300px}.field-hint{color:var(--gray-500);margin-top:var(--space-2);font-size:.8125rem}.code-tag{padding:var(--space-1) var(--space-2);background:var(--gray-100);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--gray-700);font-size:.8125rem;display:inline-block}.api-url-text{font-family:var(--font-mono);color:var(--gray-700);word-break:break-all;font-size:.875rem}.api-config-preview{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius);border-left:3px solid var(--primary-500)}.preview-label{color:var(--gray-700);margin-bottom:var(--space-3);font-size:.8125rem;font-weight:600}.preview-content{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.preview-item{align-items:flex-start;gap:var(--space-2);min-width:0;font-size:.8125rem;display:flex}.preview-item:first-child{grid-column:1}.preview-item:nth-child(2){grid-column:2}.preview-item:nth-child(3){flex-direction:column;grid-column:1/-1;align-items:flex-start}.preview-item:nth-child(4){grid-column:1}.preview-item:nth-child(5){grid-column:2}.preview-key{color:var(--gray-500);white-space:nowrap;flex-shrink:0}.preview-value{color:var(--gray-900);font-family:var(--font-mono);word-break:break-all;overflow-wrap:break-word;min-width:0}.sync-status-compact{gap:var(--space-4);flex-direction:column;display:flex}.sync-stats-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sync-stat-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200);display:inline-flex}.sync-stat-dot{border-radius:50%;width:8px;height:8px}.sync-stat-dot.success{background:var(--success)}.sync-stat-dot.primary{background:var(--primary-500)}.sync-stat-dot.warning{background:var(--warning)}.sync-stat-text{color:var(--gray-600);font-size:.8125rem}.sync-stat-number{color:var(--gray-900);text-align:center;min-width:20px;font-size:.9375rem;font-weight:700}.sync-time-info{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius);color:var(--gray-600);font-size:.8125rem;font-family:var(--font-mono);margin-left:auto;display:inline-flex}.sync-time-info svg{color:var(--gray-400)}.sync-progress-bar{align-items:center;gap:var(--space-3);display:flex}.sync-progress-track{background:var(--gray-200);border-radius:9999px;flex:1;height:6px;overflow:hidden}.sync-progress-fill{background:linear-gradient(90deg, var(--primary-500), var(--success));border-radius:9999px;height:100%;transition:width .3s}.sync-progress-text{color:var(--gray-500);white-space:nowrap;font-size:.75rem}.api-config-actions{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}@media (width<=1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{order:-1}.settings-menu{flex-flow:wrap}.sync-stats-row{gap:var(--space-3)}.sync-time-info{width:100%;margin-left:0;margin-top:var(--space-2)}}@media (width<=768px){.field-input-group{flex-direction:column}.api-matching-select{min-width:100%}.sync-stats-row{flex-direction:column;align-items:flex-start}.sync-stat-pill{justify-content:space-between;width:100%}.sync-time-info{width:100%;margin-left:0}.sync-progress-bar{align-items:flex-start;gap:var(--space-2);flex-direction:column}.api-config-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.settings-card-header,.settings-card-body{padding:var(--space-4)}}@media (width<=640px){.preview-content{grid-template-columns:1fr}.preview-item:nth-child(3){grid-column:1}.page-title{font-size:1.5rem}}@media (width<=480px){.page-title{font-size:1.25rem}.settings-card-title{font-size:1rem}.api-config-name{font-size:.9375rem}.sync-stats-row{gap:var(--space-2)}.sync-stat-pill{padding:var(--space-1) var(--space-2)}}:root{--bg-primary:#fff;--bg-secondary:var(--gray-50);--success-500:var(--success);--error-500:var(--error);--warning-500:var(--warning);--success-100:var(--success-light);--error-100:var(--error-light);--warning-100:var(--warning-light);--info-100:var(--primary-100);--info-700:var(--primary-700)}.sidebar-drawer-backdrop{display:none}.mockup-shell-root{--dm-success:var(--success-500);--dm-error:var(--error-500);--dm-warning:var(--warning-500);--dm-info:var(--primary-600);--dm-success-light:var(--success-100);--dm-error-light:var(--error-100);--dm-warning-light:var(--warning-100);--dm-info-light:var(--primary-100)}.app-chrome{background:var(--gray-100);min-height:100vh;padding:var(--space-6);box-sizing:border-box}.mockup-main-card{min-height:calc(100vh - var(--space-6) * 2);background:var(--bg-primary);border-radius:var(--radius-lg);max-width:1440px;box-shadow:var(--shadow-xl);width:100%;margin:0 auto;display:flex;overflow:hidden}.mockup-main-card .sidebar{background:var(--gray-900);width:260px;padding:var(--space-6);z-index:1;flex-direction:column;flex-shrink:0;display:flex;position:relative}.mockup-main-card .sidebar-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-800);margin-bottom:var(--space-6);display:flex}.mockup-main-card .sidebar-logo{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mockup-main-card .sidebar-logo svg{color:#fff;width:22px;height:22px}.mockup-main-card .sidebar-title{color:#fff;font-size:1rem;font-weight:600}.mockup-main-card .sidebar-version{color:var(--gray-500);font-size:.75rem}.mockup-main-card .nav-section{flex:1;overflow-y:auto}.mockup-main-card .nav-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-left:var(--space-3);font-size:.75rem;font-weight:600}.mockup-main-card .nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--gray-400);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--space-1);font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.mockup-main-card .nav-item:hover{background:var(--gray-800);color:#fff;text-decoration:none}.mockup-main-card .nav-item.active{background:var(--primary-600);color:#fff;text-decoration:none}.mockup-main-card .user-section{padding-top:var(--space-6);border-top:1px solid var(--gray-800)}.mockup-main-card .user-info{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.mockup-main-card .user-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.mockup-main-card .user-details{min-width:0}.mockup-main-card .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.mockup-main-card .user-role{color:var(--gray-500);font-size:.8125rem}.mockup-main-card .sidebar-logout-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;background:var(--gray-700);color:#fff;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.mockup-main-card .sidebar-logout-btn:hover{background:var(--gray-600)}.mockup-main-card .sidebar-logout-btn svg{width:16px;height:16px}.mockup-main-card .main-content{padding:var(--space-8);background:var(--gray-50);flex:1;min-width:0;overflow-y:auto}.mockup-main-card .feature-cards{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.mockup-main-card .feature-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.mockup-main-card .feature-card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.mockup-main-card .feature-card-title{align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.mockup-main-card .feature-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mockup-main-card .feature-card-icon.blue{background:var(--primary-100);color:var(--primary-600)}.mockup-main-card .feature-card-icon.green{background:var(--dm-success-light);color:var(--dm-success)}.mockup-main-card .feature-card-icon.orange{background:var(--dm-warning-light);color:var(--dm-warning)}.mockup-main-card .feature-card-icon.red{background:var(--dm-error-light);color:var(--dm-error)}.mockup-main-card .feature-card-icon.purple{background:var(--info-100);color:var(--info-700)}.mockup-main-card .feature-card-text h4{color:var(--gray-900);margin-bottom:var(--space-1);font-size:1.125rem;font-weight:600}.mockup-main-card .feature-card-text p{color:var(--gray-500);margin:0;font-size:.875rem;line-height:1.45}.mockup-main-card .feature-card-body{padding:var(--space-6)}.mockup-main-card .feature-card-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.mockup-main-card .status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:9999px;flex-shrink:0;font-size:.75rem;font-weight:500;display:inline-flex}.mockup-main-card .status-badge.success{background:var(--dm-success-light);color:var(--dm-success)}.mockup-main-card .status-badge.info{background:var(--dm-info-light);color:var(--dm-info)}.mockup-main-card .status-badge.warning{background:var(--dm-warning-light);color:var(--dm-warning)}.mockup-main-card .status-badge.error{background:var(--dm-error-light);color:var(--dm-error)}.mockup-main-card .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.mockup-main-card .btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;border:none;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.mockup-main-card .btn-primary{background:var(--primary-600);color:#fff}.mockup-main-card .btn-primary:hover:not(:disabled){background:var(--primary-700)}.mockup-main-card .btn-outline{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.mockup-main-card .btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.mockup-main-card .btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}.mockup-main-card .btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.mockup-main-card .feature-cards{grid-template-columns:1fr}}@media (width<=1023px){.app-chrome{padding:var(--space-3);position:relative}.app-mobile-menu-btn{top:var(--space-3);left:var(--space-3);z-index:120;border-radius:var(--radius-md);background:var(--gray-900);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-lg);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:inline-flex;position:fixed}.app-mobile-menu-btn:hover{background:var(--gray-800)}.app-mobile-menu-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.sidebar-drawer-backdrop{z-index:80;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:#11182773;border:none;margin:0;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.sidebar-drawer-open .sidebar-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.mockup-main-card{min-height:calc(100vh - var(--space-3) * 2);flex-direction:row;position:relative}.mockup-main-card .sidebar{z-index:100;width:min(280px,88vw);max-width:280px;box-shadow:var(--shadow-xl);-webkit-overflow-scrolling:touch;flex-flow:column;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer-open .mockup-main-card .sidebar{transform:translate(0)}.mockup-main-card .nav-section{flex-flow:column;width:auto;max-height:none;display:flex}.mockup-main-card .main-content{width:100%;min-width:0;padding:var(--space-4);padding-top:calc(var(--space-4) + 44px + var(--space-2));flex:1}.mockup-main-card .sidebar-header{border-bottom:1px solid var(--gray-800);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.mockup-main-card .user-section{border-top:1px solid var(--gray-800);padding-top:var(--space-6);flex-direction:column;align-items:stretch}.mockup-main-card .user-info{margin-bottom:var(--space-4)}.mockup-main-card .sidebar-logout-btn{width:100%}}@media (width<=480px){.app-chrome{padding:var(--space-2)}.mockup-main-card .main-content{padding:var(--space-3);padding-top:calc(var(--space-3) + 44px + var(--space-2))}}.app-mobile-nav-hint{display:none}@media (width<=1023px){.app-mobile-nav-hint{align-items:center;gap:var(--space-2);top:var(--space-3);left:calc(var(--space-3) + 44px + var(--space-2));right:var(--space-3);z-index:115;max-width:min(100%,320px);padding:var(--space-2) var(--space-3);color:var(--gray-800);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;font-size:.8125rem;display:flex;position:fixed}.app-mobile-nav-hint__text{flex:1;min-width:0;line-height:1.35}.app-mobile-nav-hint__close{border-radius:var(--radius);background:var(--gray-100);width:32px;height:32px;color:var(--gray-600);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background-color .15s;display:inline-flex}.app-mobile-nav-hint__close:hover{background:var(--gray-200);color:var(--gray-800)}.app-mobile-nav-hint__close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}}.main-content .page-header{margin-bottom:var(--space-8)}.main-content .page-title{color:var(--gray-900);margin:0 0 var(--space-2);font-size:1.75rem;font-weight:700}.main-content .page-desc{color:var(--gray-500);margin:0;font-size:.9375rem}.main-content .api-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.main-content .api-tabs{border-bottom:2px solid var(--gray-200);margin-bottom:var(--space-6);justify-content:flex-start;align-items:flex-end;gap:0;display:flex}.main-content .api-detail-card .api-tabs{background:var(--bg-primary)}.main-content .api-tab{padding:var(--space-3) var(--space-6);color:var(--gray-600);cursor:pointer;box-shadow:none;text-align:left;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;width:auto;max-width:none;margin:0 0 -2px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.2;transition:color .2s,border-color .2s}.main-content .api-tab:hover{color:var(--primary-600)}.main-content .api-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.main-content .api-tab:focus{outline:none}.main-content .api-tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.main-content .api-monitor-toolbar{padding:var(--space-5);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;display:grid}.main-content .api-monitor-filters{gap:var(--space-3);align-items:center;display:flex}.main-content .api-monitor-search{justify-self:center;width:100%;max-width:400px;position:relative}.main-content .api-monitor-search input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);border:1px solid var(--gray-300);border-radius:var(--radius);box-sizing:border-box;font-size:.875rem}.main-content .api-monitor-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.main-content .api-monitor-search-icon{left:var(--space-3);width:18px;height:18px;color:var(--gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.main-content .api-monitor-actions{align-items:center;gap:1rem;display:flex}.main-content .api-monitor-actions .btn.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--primary-600);color:#fff;cursor:pointer;width:auto;min-height:auto;box-shadow:none;border:none;margin:0;font-size:.875rem;font-weight:500;transition:background .2s;display:inline-flex}.main-content .api-monitor-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-700)}.main-content .api-monitor-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.main-content .api-monitor-actions .btn.btn-primary:before{content:none}.main-content .api-monitor-page__content .btn.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--primary-600);color:#fff;cursor:pointer;width:auto;min-height:auto;box-shadow:none;border:none;margin:0;font-size:.875rem;font-weight:500;transition:background .2s;display:inline-flex}.main-content .api-monitor-page__content .btn.btn-primary:hover:not(:disabled){background:var(--primary-700)}.main-content .api-monitor-page__content .btn.btn-primary:before{content:none}@media (width<=1280px){.main-content .api-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.main-content .api-stats-grid{grid-template-columns:1fr}.main-content .api-monitor-toolbar{gap:var(--space-4);grid-template-columns:1fr}.main-content .api-monitor-search{justify-self:stretch;max-width:none}}.main-content .section-header{margin:0 0 var(--space-3);color:var(--gray-800);font-size:1rem;font-weight:600}.main-content .stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.main-content .stat-card{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.main-content .stat-label{color:var(--gray-500);margin-bottom:var(--space-2);font-size:.875rem}.main-content .stat-value{color:var(--gray-900);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.main-content .stat-change{align-items:center;gap:var(--space-1);color:var(--gray-500);font-size:.8125rem;font-weight:500;display:flex}.main-content .stat-change.positive{color:var(--success-500)}.main-content .table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.main-content .table-toolbar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.main-content .table-search{align-items:center;gap:var(--space-3);flex:1;min-width:200px;max-width:400px;display:flex}.main-content .table-search .search-input,.main-content .search-input{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius);box-sizing:border-box;flex:1;min-height:38px;font-size:.875rem}.main-content .table-search .search-input:focus,.main-content .search-input:focus{border-color:var(--primary-500);outline:none}.main-content .table-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.main-content .btn.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;background:var(--primary-600);color:#fff;width:auto;min-height:auto;box-shadow:none;border:none;margin:0;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.main-content .btn.btn-primary:hover:not(:disabled){background:var(--primary-700)}.main-content .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.main-content .btn.btn-primary:before{content:none}.main-content .btn.btn-outline{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;color:var(--gray-600);border:1px solid var(--gray-200);width:auto;min-height:auto;box-shadow:none;background:0 0;margin:0;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.main-content .btn.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.main-content .btn.btn-outline:before{content:none}.main-content a.btn{text-decoration:none}.main-content a.btn.btn-outline{color:var(--gray-600)}.main-content .btn.btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}.main-content .data-table,.main-content .table-container .table-wrapper .table,.main-content .table-container table.material-table{border-collapse:collapse;width:100%}.main-content .data-table th,.main-content .table-container .table-wrapper .table__th,.main-content .table-container .table-wrapper th,.main-content .table-container table.material-table th{background:var(--gray-50);padding:var(--space-4) var(--space-6);text-align:left;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);font-size:.8125rem;font-weight:600}.main-content .data-table td,.main-content .table-container .table-wrapper .table__td,.main-content .table-container .table-wrapper td,.main-content .table-container table.material-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.875rem}.main-content .table-container .table-wrapper tr:hover td,.main-content .table-container table.material-table tbody tr:hover td{background:var(--gray-50)}.main-content .id-code{font-family:var(--font-mono);color:var(--gray-600);font-size:.8125rem}.main-content .dish-name{color:var(--gray-900);font-weight:500}.main-content .table-container .pagination{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center;margin-top:0;display:flex}.main-content .pagination-info{color:var(--gray-600);font-size:.875rem}.main-content .pagination-controls{align-items:center;gap:var(--space-2);display:flex}.main-content .pagination-btn{min-width:32px;height:32px;padding:0 var(--space-3);border:1px solid var(--gray-200);color:var(--gray-700);border-radius:var(--radius);cursor:pointer;box-shadow:none;background:#fff;justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.main-content .pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.main-content .pagination-btn:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.main-content .pagination-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.main-content .pagination-btn svg{width:16px;height:16px}.main-content .pagination-ellipsis{color:var(--gray-400);padding:0 var(--space-2);font-size:.875rem}.main-content .settings-page__header.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-flow:wrap;display:flex}.main-content .settings-page__header .page-title{margin-bottom:var(--space-2)}.main-content .settings-page__header .btn.btn-primary.settings-page__sync-button{flex-shrink:0;height:38px;padding:0 14px}.main-content .import-page__header.page-header{margin-bottom:var(--space-6)}.main-content .import-page__header.page-header h1.page-title{margin-bottom:var(--space-2)}.main-content .page-header--detail .page-title{margin-bottom:var(--space-1)}@media (width<=1024px){.main-content .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.main-content .stats-grid{grid-template-columns:1fr}.main-content .table-toolbar{flex-direction:column;align-items:stretch}.main-content .table-search{max-width:none}}@media (width<=900px){.login-page-chrome{align-items:stretch;padding:0}.login-page-chrome .login-page-unified{max-width:none;min-height:100vh;box-shadow:none;border-radius:0;flex-direction:column}.login-sidebar-unified{width:100%;min-height:auto;padding:var(--space-8) var(--space-6)}.login-main-unified{padding:var(--space-8) var(--space-4);flex:1}.login-form-card-unified{max-width:100%}.captcha-group-unified{flex-wrap:wrap}.captcha-image-unified{flex-shrink:0}}@media (width<=480px){.login-sidebar-unified{padding:var(--space-6) var(--space-4)}.login-brand-text-unified h1{font-size:1.25rem}}@media (width<=1200px){.mockup-main-card .main-content .stats-grid,.mockup-main-card .main-content .dashboard-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mockup-main-card .main-content .stats-grid,.mockup-main-card .main-content .dashboard-page .stats-grid{grid-template-columns:1fr}.mockup-main-card .main-content .stat-value{font-size:1.5rem}}@media (width<=1200px){.mockup-main-card .main-content .api-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mockup-main-card .main-content .api-stats-grid{grid-template-columns:1fr}}@media (width<=1024px){.mockup-main-card .main-content .api-monitor-toolbar{gap:var(--space-4);grid-template-columns:1fr}.mockup-main-card .main-content .api-monitor-filters{flex-wrap:wrap}.mockup-main-card .main-content .api-monitor-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=1023px){.mockup-main-card .main-content .table-container,.mockup-main-card .main-content .api-table-wrapper,.mockup-main-card .main-content .material-table-wrapper,.mockup-main-card .main-content .data-table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.mockup-main-card .main-content table.data-table,.mockup-main-card .main-content .material-table,.mockup-main-card .main-content .api-table{min-width:720px}}@media (width<=900px){.mockup-main-card .main-content .import-steps{gap:var(--space-2);flex-wrap:wrap}.mockup-main-card .main-content .step-arrow{display:none}}@media (width<=768px){.mockup-main-card .main-content .preview-content{grid-template-columns:1fr}.mockup-main-card .main-content .settings-page__header.page-header,.mockup-main-card .main-content .settings-mockup-header{flex-direction:column;align-items:stretch}.mockup-main-card .main-content .table-toolbar,.mockup-main-card .main-content .material-toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.mockup-main-card .main-content .material-action-btns,.mockup-main-card .main-content .material-search-box{width:100%;max-width:none}.mockup-main-card .main-content .dish-detail-page__header.page-header,.mockup-main-card .main-content .material-detail-page__heading.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{min-height:100%}#root{min-height:100vh}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-500,#2563eb);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mockup-main-card .sidebar .nav-section{scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent}.mockup-main-card .sidebar .nav-section::-webkit-scrollbar{width:4px}.mockup-main-card .sidebar .nav-section::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}.mockup-main-card .nav-item.has-children{cursor:pointer;margin-bottom:0}.mockup-main-card .nav-item .nav-item-expand{flex-shrink:0;width:16px;height:16px;margin-left:auto;transition:transform .2s}.mockup-main-card .nav-item.expanded .nav-item-expand{transform:rotate(90deg)}.mockup-main-card .sub-nav-group{margin-bottom:var(--space-2);flex-direction:column;padding-left:24px;display:none}.mockup-main-card .sub-nav-group.expanded,.mockup-main-card .nav-item.expanded+.sub-nav-group{display:flex}.mockup-main-card .sub-nav-group .sub-nav-item{padding:var(--space-2) var(--space-3);color:var(--gray-400);border-radius:var(--radius);margin-bottom:var(--space-1);cursor:pointer;font-size:.8125rem;text-decoration:none;transition:all .2s}.mockup-main-card .sub-nav-group .sub-nav-item:hover{background:var(--gray-800);color:#fff}.mockup-main-card .sub-nav-group .sub-nav-item.active{color:var(--primary-400);font-weight:600}.mockup-main-card .nav-item svg{flex-shrink:0;width:20px;height:20px}.app-mobile-menu-btn{display:none}@media (width<=639px){.hidden-sm{display:none!important}}@media (width<=767px){.hidden-md{display:none!important}}@media (width<=1023px){.hidden-lg{display:none!important}}@media (width<=1279px){.hidden-xl{display:none!important}}@media (width>=640px){.show-sm{display:block!important}}@media (width>=768px){.show-md{display:block!important}}@media (width>=1024px){.show-lg{display:block!important}}@media (width>=1280px){.show-xl{display:block!important}}@media (width<=767px){:root{--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:.1875rem;--space-2:.375rem;--space-3:.625rem;--space-4:.875rem;--space-5:1.125rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--page-padding:var(--space-4);--card-padding:var(--space-4)}}@media (width>=768px) and (width<=1023px){:root{--sidebar-width:220px;--page-padding:var(--space-6)}}@media (width<=374px){:root{--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--space-4:.75rem;--space-6:1rem}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);border:none;outline:none;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--danger:focus-visible{outline-color:var(--color-error)}.btn--success:focus-visible{outline-color:var(--color-success)}.btn--warning:focus-visible{outline-color:var(--color-warning)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:.8125rem;line-height:var(--leading-normal)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);line-height:var(--leading-normal)}.btn--primary{color:#fff;border:none;background:#2563eb!important}.btn--primary:hover:not(:disabled){background:#1d4ed8!important}.btn--primary:active:not(:disabled){transform:translateY(0);background:#1e40af!important}.btn--secondary{background-color:var(--gray-700);color:#fff}.btn--secondary:hover:not(:disabled){background-color:var(--gray-600)}.btn--secondary:active:not(:disabled){background-color:var(--gray-800);transform:translateY(0)}.btn.btn--outline{color:#374151;border:1.5px solid #e5e7eb;font-weight:500;background-color:#fff!important}.btn.btn--outline:hover:not(:disabled){color:#111827;border-color:#d1d5db;background-color:#f9fafb!important}.btn.btn--outline:active:not(:disabled){border-color:#9ca3af;background-color:#f3f4f6!important}.btn--ghost{color:var(--gray-700);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn--ghost:active:not(:disabled){background-color:var(--gray-200)}.btn--danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--danger:active:not(:disabled){background-color:var(--error-700);border-color:var(--error-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background-color:var(--success-600);border-color:var(--success-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--success:active:not(:disabled){background-color:var(--success-700);border-color:var(--success-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--warning{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.btn--warning:hover:not(:disabled){background-color:var(--color-warning-dark);border-color:var(--color-warning-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--warning:active:not(:disabled){background-color:var(--warning-700);border-color:var(--warning-700);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--disabled,.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn--loading{cursor:wait}.btn__spinner{width:1em;height:1em;animation:1s linear infinite spin;display:inline-flex}.btn__spinner svg{width:100%;height:100%}.btn--loading .btn__content{opacity:.7}.btn__icon{margin-right:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn__icon svg{width:1em;height:1em}.loading-spinner{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.loading-spinner__circle{border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:.8s linear infinite loading-spinner-rotate}.loading-spinner__message{color:var(--neutral-600);font-size:var(--font-size-sm)}.loading-spinner--small .loading-spinner__circle{border-width:2px;width:20px;height:20px}.loading-spinner--medium .loading-spinner__circle{width:40px;height:40px}.loading-spinner--large .loading-spinner__circle{border-width:4px;width:60px;height:60px}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}.loading-spinner--page{min-height:50vh}.loading-spinner--component{min-height:200px}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:box-shadow var(--duration-normal) var(--ease-out);overflow:hidden}.card--hoverable:hover{box-shadow:var(--shadow-lg)}.card--bordered{border:1px solid var(--border-light)}.card--clickable{cursor:pointer}.card--padding-none .card__body{padding:0}.card--padding-small .card__body{padding:var(--space-3)}.card--padding-medium .card__body{padding:var(--space-4)}.card--padding-normal .card__body{padding:var(--space-6)}.card--padding-large .card__body{padding:var(--space-8)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;display:flex}.card__header-main{flex:1;min-width:0}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.card__extra{flex-shrink:0}.card__body{padding:var(--space-6)}.card__header+.card__body{padding-top:var(--space-4)}.card--padding-none .card__body,.card--padding-none .card__header+.card__body{padding:0}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.table-wrapper{border-radius:var(--radius-lg);background:var(--bg-primary);width:100%;overflow-x:auto}.table-wrapper--bordered{border:1px solid var(--border-light)}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table__head{background:var(--gray-50)}.table__th{padding:var(--space-4) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;vertical-align:middle;height:48px}.table__th--center{text-align:center}.table__th--right{text-align:right}.table__body{background:var(--bg-primary)}.table__tr{transition:background-color var(--duration-fast) var(--ease-out)}.table__tr--striped{background:var(--gray-50)}.table__tr--hover:hover{box-shadow:inset 3px 0 0 var(--color-primary);background:#f0fdf4}.table__tr--clickable{cursor:pointer}.table__td{padding:var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;height:56px}.table__td--center{text-align:center}.table__td--right{text-align:right}.table__tr:last-child .table__td{border-bottom:none}.table-loading{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);flex-direction:column;display:flex}.table-loading__spinner{border:2px solid var(--border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite table-spin}@keyframes table-spin{to{transform:rotate(360deg)}}.table-empty{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-tertiary);flex-direction:column;display:flex}.table-empty svg{opacity:.5;width:48px;height:48px}.table-empty p{font-size:var(--text-sm);margin:0}.table__empty-cell{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-tertiary)}.table__empty-cell svg{opacity:.5;width:48px;height:48px;margin:0 auto var(--space-4);display:block}.table__empty-cell p{font-size:var(--text-sm);margin:0}@media (width<=768px){.table__th,.table__td{padding:var(--space-3);font-size:var(--text-xs)}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-300:#6ee7b7;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--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;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--color-primary:var(--primary-500);--color-primary-light:var(--primary-100);--color-primary-dark:var(--primary-600);--color-success:var(--success-500);--color-success-light:var(--success-100);--color-success-dark:var(--success-600);--color-warning:var(--warning-500);--color-warning-light:var(--warning-100);--color-warning-dark:var(--warning-600);--color-error:var(--error-500);--color-error-light:var(--error-100);--color-error-dark:var(--error-600);--color-danger:var(--color-error);--color-danger-light:var(--color-error-light);--color-danger-dark:var(--color-error-dark);--color-info:var(--info-500);--color-info-light:var(--info-100);--color-info-dark:var(--info-600);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:#fff;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-dark:var(--gray-900);--bg-dark-light:var(--gray-800);--color-background:var(--bg-secondary);--color-surface:var(--bg-primary);--gray-0:var(--bg-primary);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--color-border:var(--border-light);--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--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-size-3xl:var(--text-3xl);--font-size-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-weight-normal:var(--font-normal);--font-weight-medium:var(--font-medium);--font-weight-semibold:var(--font-semibold);--font-weight-bold:var(--font-bold);--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-none:0;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--page-padding:var(--space-8);--card-padding:var(--space-6)}[data-theme=dark]{--text-primary:var(--gray-100);--text-secondary:var(--gray-400);--bg-primary:var(--gray-900);--bg-secondary:var(--gray-800);--border-light:var(--gray-700)}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (width<=639px){.hidden-sm{display:none!important}}@media (width<=767px){.hidden-md{display:none!important}}@media (width<=1023px){.hidden-lg{display:none!important}}@media (width<=1279px){.hidden-xl{display:none!important}}@media (width>=640px){.show-sm{display:block!important}}@media (width>=768px){.show-md{display:block!important}}@media (width>=1024px){.show-lg{display:block!important}}@media (width>=1280px){.show-xl{display:block!important}}@media (width<=767px){:root{--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:.1875rem;--space-2:.375rem;--space-3:.625rem;--space-4:.875rem;--space-5:1.125rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--page-padding:var(--space-4);--card-padding:var(--space-4)}}@media (width>=768px) and (width<=1023px){:root{--sidebar-width:220px;--page-padding:var(--space-6)}}@media (width<=374px){:root{--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--space-4:.75rem;--space-6:1rem}}.empty{padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty__image{width:120px;height:120px;margin-bottom:var(--space-4);color:var(--color-gray-300)}.empty__image svg{width:100%;height:100%}.empty__image img{object-fit:contain;width:100%;height:100%}.empty__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-4);max-width:400px}.empty__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.empty--search .empty__image{color:var(--color-primary-300)}.empty--error .empty__image{color:var(--color-error-300)}.empty--network .empty__image{color:var(--color-warning-300)}.empty--small{padding:var(--space-4)}.empty--small .empty__image{width:64px;height:64px;margin-bottom:var(--space-2)}.empty--small .empty__description{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.empty--large{padding:var(--space-12)}.empty--large .empty__image{width:160px;height:160px;margin-bottom:var(--space-6)}.empty--large .empty__description{font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.empty__image{animation:empty-fade-in var(--duration-normal) var(--ease-out)}@keyframes empty-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}