:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--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;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--sidebar-width:260px;--sidebar-width-collapsed:72px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f1f5f9;background-color:var(--gray-100);color:#0f172a;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}.app-container{background-color:#f1f5f9;background-color:var(--gray-100);display:flex;min-height:100vh}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;inset:0;position:fixed;z-index:40}.sidebar{background:#fff;border-right:1px solid #e2e8f0;border-right:1px solid var(--gray-200);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease,width .3s ease;transition:transform var(--transition-slow),width var(--transition-slow);width:260px;width:var(--sidebar-width);z-index:50}.sidebar-open{transform:translateX(0)}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}@media (min-width:1024px){.sidebar{transform:translateX(0)}}.sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:1rem;gap:var(--spacing-md)}.logo-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-image{filter:brightness(0) invert(1);height:24px;width:24px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#0f172a;color:var(--gray-900);font-size:1.125rem;font-weight:700;letter-spacing:-.025em}.logo-subtitle{font-size:.75rem;font-weight:500}.logo-subtitle,.sidebar-close-btn{color:#64748b;color:var(--gray-500)}.sidebar-close-btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.sidebar-close-btn:hover{background-color:#f1f5f9;background-color:var(--gray-100);color:#334155;color:var(--gray-700)}@media (min-width:1024px){.sidebar-close-btn{display:none}}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg)}.nav-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.nav-section-bottom{border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);margin-bottom:0;margin-top:auto;padding-top:1.5rem;padding-top:var(--spacing-lg)}.nav-label{color:#94a3b8;color:var(--gray-400);display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding-left:.5rem;padding-left:var(--spacing-sm);text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.nav-item{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--gray-600);display:flex;font-size:.9375rem;font-weight:500;gap:1rem;gap:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.nav-item:hover{background-color:#f8fafc;background-color:var(--gray-50);color:#0f172a;color:var(--gray-900)}.nav-item-active{background-color:#f0f9ff;background-color:var(--primary-50);color:#0369a1;color:var(--primary-700)}.nav-item-active:hover{background-color:#e0f2fe;background-color:var(--primary-100)}.nav-icon{flex-shrink:0;opacity:.8}.nav-item-active .nav-icon{opacity:1}.nav-text{flex:1 1}.nav-arrow{opacity:.5}.sidebar-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);padding:1.5rem;padding:var(--spacing-lg)}.status-indicator{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.status-dot{border-radius:9999px;border-radius:var(--radius-full);height:8px;width:8px}.status-online{background-color:#22c55e;background-color:var(--success-500);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--success-100)}.status-offline{background-color:#ef4444;background-color:var(--danger-500);box-shadow:0 0 0 2px #fee2e2;box-shadow:0 0 0 2px var(--danger-100)}.status-text{color:#475569;color:var(--gray-600);font-size:.8125rem;font-weight:500}.sidebar-collapse-btn{align-items:center;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);bottom:80px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#64748b;color:var(--gray-500);cursor:pointer;display:none;height:24px;justify-content:center;position:absolute;right:-12px;transition:all .15s ease;transition:all var(--transition-fast);width:24px;z-index:10}.sidebar-collapse-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300);color:#334155;color:var(--gray-700)}.collapse-icon{transition:transform .15s ease;transition:transform var(--transition-fast)}.collapse-icon.collapsed{transform:rotate(180deg)}@media (min-width:1024px){.sidebar-collapse-btn{display:flex}}.sidebar-collapsed{width:72px;width:var(--sidebar-width-collapsed)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1rem;padding:var(--spacing-md)}.sidebar-collapsed .sidebar-logo{justify-content:center}.sidebar-collapsed .logo-icon{height:40px;width:40px}.sidebar-collapsed .sidebar-nav{padding:1rem;padding:var(--spacing-md)}.sidebar-collapsed .nav-item{justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.sidebar-collapsed .nav-section-bottom{padding-top:1rem;padding-top:var(--spacing-md)}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh;transition:margin-left .3s ease;transition:margin-left var(--transition-slow)}@media (min-width:1024px){.main-wrapper{margin-left:260px;margin-left:var(--sidebar-width)}}.top-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);height:64px;height:var(--header-height);justify-content:space-between;padding:0 1.5rem;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-left,.top-header{align-items:center;display:flex}.header-left{gap:1rem;gap:var(--spacing-md)}.mobile-menu-btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--gray-600);display:flex;height:40px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.mobile-menu-btn:hover{background-color:#f1f5f9;background-color:var(--gray-100);color:#0f172a;color:var(--gray-900)}@media (min-width:1024px){.mobile-menu-btn{display:none}}.page-title-wrapper{display:flex;flex-direction:column}.page-title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.header-right{gap:1.5rem;gap:var(--spacing-lg)}.header-right,.header-status{align-items:center;display:flex}.header-status{background-color:#f8fafc;background-color:var(--gray-50);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--gray-600);font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.main-content{flex:1 1;overflow-y:auto;padding:2rem;padding:var(--spacing-xl)}.content-wrapper{margin:0 auto;max-width:1400px;max-width:var(--content-max-width)}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:1.5rem;padding:var(--spacing-lg)}.card-title{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:600}.card-subtitle{color:#64748b;color:var(--gray-500);font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background-color:#f8fafc;background-color:var(--gray-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.project-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:280px;padding:1.5rem 1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.project-card:hover{border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card.inactive{opacity:.6}.project-card-header{align-items:flex-start;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.project-card-title{color:#0f172a;color:var(--gray-900);font-size:1.0625rem;font-weight:600;line-height:1.3}.project-card-slug{color:#94a3b8;color:var(--gray-400);font-family:var(--font-mono);font-size:.75rem;margin-top:2px}.project-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;margin-bottom:auto;overflow:hidden}.project-card-description,.project-card-stats{color:#64748b;color:var(--gray-500);font-size:.8125rem}.project-card-stats{grid-gap:6px .25rem;grid-gap:6px var(--spacing-xs);align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);display:grid;gap:6px .25rem;gap:6px var(--spacing-xs);grid-template-columns:16px auto 1fr;margin-top:1rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.project-card-stats .stat-icon{align-items:center;background:none;border-radius:0;color:#94a3b8;color:var(--gray-400);display:flex;height:16px;justify-content:center;width:16px}.project-card-stats .stat-number{font-feature-settings:"tnum";color:#334155;color:var(--gray-700);font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.project-card-stats .stat-label{color:#64748b;color:var(--gray-500);font-size:.8125rem;font-weight:400;margin-bottom:0}.project-card-footer{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);color:#94a3b8;color:var(--gray-400);display:flex;font-size:.6875rem;justify-content:space-between;margin-top:1rem;margin-top:var(--spacing-md);padding-top:.5rem;padding-top:var(--spacing-sm)}.project-card-pipeline{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:500;gap:4px;padding:2px 8px}.project-card-pipeline.active{background-color:#dcfce7;background-color:var(--success-100);color:#15803d;color:var(--success-700)}.project-card-pipeline.inactive{background-color:#f1f5f9;background-color:var(--gray-100);color:#64748b;color:var(--gray-500)}.stat-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-primary{background-color:#e0f2fe;background-color:var(--primary-100);color:#0284c7;color:var(--primary-600)}.stat-icon-success{background-color:#dcfce7;background-color:var(--success-100);color:#16a34a;color:var(--success-600)}.stat-icon-warning{background-color:#fef3c7;background-color:var(--warning-100);color:#d97706;color:var(--warning-600)}.stat-icon-danger{background-color:#fee2e2;background-color:var(--danger-100);color:#dc2626;color:var(--danger-600)}.stat-content{flex:1 1;min-width:0}.stat-label{color:#64748b;color:var(--gray-500);font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-value{color:#0f172a;color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-secondary{color:#94a3b8;color:var(--gray-400);font-size:.875rem;font-weight:500;margin-left:.25rem;margin-left:var(--spacing-xs)}.stat-trend{align-items:center;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.stat-trend-up{color:#16a34a;color:var(--success-600)}.stat-trend-down{color:#dc2626;color:var(--danger-600)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background-color:#0284c7;background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:#0369a1;background-color:var(--primary-700)}.btn-secondary{background-color:#f1f5f9;background-color:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background-color:#e2e8f0;background-color:var(--gray-200)}.btn-ghost{background-color:initial;color:#475569;color:var(--gray-600)}.btn-ghost:hover{background-color:#f1f5f9;background-color:var(--gray-100)}.btn-success{background-color:#16a34a;background-color:var(--success-600);color:#fff}.btn-success:hover{background-color:#15803d;background-color:var(--success-700)}.btn-warning{background-color:#f59e0b;background-color:var(--warning-500);color:#fff}.btn-warning:hover{background-color:#d97706;background-color:var(--warning-600)}.btn-danger{background-color:#dc2626;background-color:var(--danger-600);color:#fff}.btn-danger:hover{background-color:#b91c1c;background-color:var(--danger-700)}.btn-lg{font-size:1rem;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-sm{font-size:.8125rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-icon{height:40px;padding:0;width:40px}.btn-icon-sm{height:32px;width:32px}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background-color:#dcfce7;background-color:var(--success-100);color:#15803d;color:var(--success-700)}.badge-warning{background-color:#fef3c7;background-color:var(--warning-100);color:#b45309;color:var(--warning-700)}.badge-danger{background-color:#fee2e2;background-color:var(--danger-100);color:#b91c1c;color:var(--danger-700)}.badge-neutral{background-color:#f1f5f9;background-color:var(--gray-100);color:#475569;color:var(--gray-600)}.badge-primary{background-color:#e0f2fe;background-color:var(--primary-100);color:#0369a1;color:var(--primary-700)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{padding-left:1.5rem!important;padding-left:var(--spacing-lg)!important}.relative input[type=search],.relative input[type=text]{padding-left:2.5rem!important}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#334155;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input{background-color:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.9375rem;padding:.5rem 1rem .5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #e0f2fe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--gray-400)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select,.form-textarea{padding-left:1.5rem;padding-left:var(--spacing-lg)}.form-textarea{min-height:100px;resize:vertical}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:1rem;padding:var(--spacing-md);text-align:left}.table th{background-color:#f8fafc;background-color:var(--gray-50);color:#64748b;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td{color:#334155;color:var(--gray-700);font-size:.875rem}.table tbody tr:hover{background-color:#f8fafc;background-color:var(--gray-50)}.quick-action-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.quick-action-grid{grid-template-columns:repeat(1,1fr)}}.quick-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#334155;color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1.5rem;padding:var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.quick-action-btn:hover{background-color:#f0f9ff;background-color:var(--primary-50);border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#0369a1;color:var(--primary-700);transform:translateY(-2px)}.quick-action-btn svg{height:24px;opacity:.8;width:24px}.service-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.service-item{background-color:#f8fafc;background-color:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.service-info,.service-item{align-items:center;display:flex}.service-info{gap:1rem;gap:var(--spacing-md)}.service-info svg{color:#94a3b8;color:var(--gray-400);height:20px;width:20px}.service-name{color:#0f172a;color:var(--gray-900);font-size:.9375rem;font-weight:500}.spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-top-color:#0284c7;border:2px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-600);height:24px;width:24px}.spinner-lg{border-width:3px;height:40px;width:40px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:#94a3b8;color:var(--gray-400)}.text-gray-500{color:#64748b;color:var(--gray-500)}.text-gray-600{color:#475569;color:var(--gray-600)}.text-gray-700{color:#334155;color:var(--gray-700)}.text-gray-900{color:#0f172a;color:var(--gray-900)}.text-primary-600{color:#0284c7;color:var(--primary-600)}.text-success-600{color:#16a34a;color:var(--success-600)}.text-danger-600{color:#dc2626;color:var(--danger-600)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f8fafc;background-color:var(--gray-50)}.bg-gray-100{background-color:#f1f5f9;background-color:var(--gray-100)}.bg-primary-50{background-color:#f0f9ff;background-color:var(--primary-50)}.bg-primary-100{background-color:#e0f2fe;background-color:var(--primary-100)}.bg-success-100{background-color:#dcfce7;background-color:var(--success-100)}.bg-warning-50{background-color:#fffbeb;background-color:var(--warning-50)}.bg-warning-100{background-color:#fef3c7;background-color:var(--warning-100)}.bg-danger-100{background-color:#fee2e2;background-color:var(--danger-100)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:.75rem}.gap-4{gap:1rem;gap:var(--spacing-md)}.gap-6{gap:1.5rem;gap:var(--spacing-lg)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:.75rem}.p-4{padding:1rem;padding:var(--spacing-md)}.p-6{padding:1.5rem;padding:var(--spacing-lg)}.px-4{padding-left:1rem;padding-left:var(--spacing-md);padding-right:1rem;padding-right:var(--spacing-md)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.py-3{padding-bottom:.75rem;padding-top:.75rem}.m-0{margin:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-4{margin-top:1rem;margin-top:var(--spacing-md)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.ml-2{margin-left:.5rem;margin-left:var(--spacing-sm)}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem;margin-right:var(--spacing-sm)}.mr-3{margin-right:.75rem}.w-full{width:100%}.h-64{height:16rem}.rounded{border-radius:.375rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.border{border:1px solid #e2e8f0;border:1px solid var(--gray-200)}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200)}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.block{display:block}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition-all{transition:all .15s ease;transition:all var(--transition-fast)}.transition-colors{transition:color,background-color .15s ease;transition:color,background-color var(--transition-fast)}.space-y-2>*+*{margin-top:.5rem;margin-top:var(--spacing-sm)}.space-y-4>*+*{margin-top:1rem;margin-top:var(--spacing-md)}.space-y-6>*+*{margin-top:1.5rem;margin-top:var(--spacing-lg)}.space-x-2>*+*{margin-left:.5rem;margin-left:var(--spacing-sm)}.space-x-4>*+*{margin-left:1rem;margin-left:var(--spacing-md)}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.flex-shrink-0{flex-shrink:0}.items-baseline{align-items:baseline}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-50{z-index:50}.bg-opacity-50{background-color:#00000080}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;margin:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:9999}.modal-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:780px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem}.modal-header h3{color:#0f172a;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.modal-body>*+*{margin-top:1.25rem}.modal-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem}.info-box{background:#f0f9ff;background:var(--primary-50,#f0f9ff);border-radius:.75rem;border-radius:var(--radius-lg);padding:.75rem}.info-box .info-box-title{color:#075985;color:var(--primary-800,#075985);font-size:.75rem;font-weight:500;margin-bottom:.5rem}.info-box .info-box-item{color:#0369a1;color:var(--primary-700,#0369a1);font-size:.75rem;margin-bottom:.25rem}.info-box code{background:#e0f2fe;background:var(--primary-100,#e0f2fe);border-radius:.375rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem;padding:.0625rem .25rem}.prompt-textarea{border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);font-family:monospace;font-size:.875rem;min-height:200px;padding:.5rem .75rem;resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.prompt-textarea:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.prompt-textarea::placeholder{color:#94a3b8;color:var(--gray-400)}.reference-block{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--gray-600);font-family:monospace;font-size:.75rem;margin-top:.5rem;max-height:240px;overflow-y:auto;padding:.75rem;white-space:pre-wrap}.btn-link-toggle{align-items:center;background:none;border:none;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:0}.btn-link-toggle:hover{color:#334155;color:var(--gray-700)}.btn-prompt{background:#f0f9ff;background:var(--primary-50,#f0f9ff);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#0369a1;color:var(--primary-700,#0369a1);cursor:pointer;font-size:.75rem;padding:.125rem .5rem;transition:background .15s ease;transition:background var(--transition-fast)}.btn-prompt.has-custom,.btn-prompt:hover{background:#e0f2fe;background:var(--primary-100,#e0f2fe)}.btn-prompt.has-custom{color:#075985;color:var(--primary-800,#075985);font-weight:500}.api-key-field{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.api-key-field:hover{border-color:#cbd5e1;border-color:var(--gray-300)}.api-key-field code{background:#f1f5f9;background:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem;padding:.125rem .375rem}.cookie-card{background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cookie-card:hover{border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.package-item{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.bg-success-50{background-color:#f0fdf4;background-color:var(--success-50)}.bg-danger-50{background-color:#fef2f2;background-color:var(--danger-50)}.text-success-700{color:#15803d;color:var(--success-700)}.text-danger-700{color:#b91c1c;color:var(--danger-700)}.text-warning-600{color:#d97706;color:var(--warning-600)}.btn-danger{background:#dc2626;background:var(--danger-600);border:none;color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--danger-700)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.capitalize{text-transform:capitalize}.login-container{align-items:center;background:#f8fafc;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-lg)}.login-card{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;padding:var(--spacing-2xl);width:100%}.login-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.login-logo{height:64px;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:64px}.login-title{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0}.login-subtitle{color:#64748b;color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0;margin:var(--spacing-xs) 0 0 0}.login-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.login-error{background:#fef2f2;background:var(--danger-50);border:1px solid #ef4444;border:1px solid var(--danger-500);border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;color:var(--danger-600);font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.login-btn{font-size:1rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);width:100%}.header-user{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.header-username{color:#475569;color:var(--gray-600);font-size:.875rem;font-weight:500}.btn-logout{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.btn-logout:hover{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}
/*# sourceMappingURL=main.5861e430.css.map*/