.layout-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-300)}.layout-header{width:100%;height:90px;background:var(--vc-primary-300, #032A58);color:#fff;display:flex;align-items:center;box-shadow:0 2px 8px #00000014;z-index:100;background-image:url(/assets/header_dark-DAzNHwWy.svg);background-size:cover;background-repeat:no-repeat;position:relative}.layout-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 32px;font-family:var(--font-family, "Segoe UI", Arial, sans-serif)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:var(--border-radius);transition:background-color .15s ease}.mobile-menu-button:hover{background-color:#ffffff1a}.header-brand{display:flex;align-items:center;height:100%}.header-icon{width:2em;height:2em;margin-right:28px;color:#fff}.header-title{font-size:2rem;font-weight:600;letter-spacing:1px;color:#fff}.header-user{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;margin-right:12px}.user-icon{color:var(--neutral-700);margin-right:6px}.user-name{color:#fff;font-size:.9rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:var(--border-radius);transition:background-color .15s ease;font-size:.875rem}.logout-button:hover{background-color:#ffffff1a}.layout-main{display:flex;flex:1;position:relative}.layout-sidebar{position:fixed;top:90px;left:0;bottom:0;width:180px;background-color:var(--surface-a);border-right:1px solid var(--surface-c);transform:translate(0);transition:transform .3s ease-in-out;z-index:50;overflow-y:auto}.layout-sidebar.sidebar-open{transform:translate(0)}.sidebar-content{padding:1rem .75rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--text-color-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease}.nav-link:hover{background-color:var(--surface-b);color:var(--text-color)}.nav-link-active{background-color:#032a58;color:#fff}.nav-link-active:hover{background-color:#041f42;color:#fff}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-close-button{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:var(--text-color-secondary);cursor:pointer;border-radius:var(--border-radius);transition:background-color .15s ease}.sidebar-close-button:hover{background-color:var(--surface-b);color:var(--text-color)}.layout-content{flex:1;padding:1.5rem;margin-left:180px;overflow-y:auto}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40}.h-4{height:1rem;width:1rem}.w-4{width:1rem}.h-6{height:1.5rem;width:1.5rem}.w-6{width:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.mt-4{margin-top:1rem}.text-text-color-secondary{color:var(--text-color-secondary)}@media (min-width: 1024px){.layout-sidebar{position:relative;top:auto;transform:translate(0);flex-shrink:0}.sidebar-close-button,.mobile-menu-button{display:none}.header-brand{margin-left:0}}@media (max-width: 768px){.layout-header-content{padding:0 1rem}.header-icon{width:1.5rem;height:1.5rem;margin-right:.75rem}.header-title{font-size:1.25rem}.layout-content{padding:1rem}}.loading-screen{display:flex;align-items:center;justify-content:center;padding:3rem;min-height:200px}.loading-screen--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172af2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;min-height:100vh}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.loading-spinner{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.loading-icon{width:32px;height:32px;color:#032a58;animation:spin 1s linear infinite}.loading-message{color:#64748b;font-size:1rem;font-weight:500;margin:0}.loading-screen--fullscreen .loading-message{color:#e2e8f0}.loading-screen--fullscreen .loading-icon{color:#60a5fa}.dashboard{min-height:100vh;padding:.5rem;background-color:var(--background-300)}.dashboard-header{margin-bottom:.75rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem}.dashboard-subtitle{color:var(--text-color-secondary);font-size:.875rem;margin:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.375rem;margin-bottom:.75rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.stats-grid{grid-template-columns:repeat(8,1fr)}}.stat-card{background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);padding:.375rem;display:flex;align-items:center;gap:.5rem;transition:all .15s ease;box-shadow:0 1px 3px #0000001a;min-height:50px}.stat-card:hover{border-color:var(--vc-primary-600);box-shadow:0 4px 12px #00000026}.stat-icon{width:1.25rem;height:1.25rem;background:var(--vc-primary-100);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--vc-primary-600);flex-shrink:0}.stat-content{flex:1;text-align:left}.stat-number{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0;line-height:1}.stat-label{color:var(--text-color-secondary);font-size:.65rem;margin:0;line-height:1.2;margin-top:.125rem}.job-status-section{margin-bottom:.75rem}.job-status-section h2{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.job-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.summary-stats .job-status-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}@media (min-width: 1024px){.job-status-grid{grid-template-columns:repeat(2,1fr)}.summary-stats .job-status-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.summary-stats .job-status-grid{grid-template-columns:repeat(4,1fr);gap:.25rem}}.job-card{background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);padding:.75rem;transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.job-card:hover{border-color:var(--vc-primary-600);box-shadow:0 4px 12px #00000026}.job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.625rem;border-bottom:1px solid var(--surface-c)}.job-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-color)}.status-icon{width:1.25rem;height:1.25rem}.status-completed{color:var(--success-600)}.status-running{color:var(--info-600);animation:pulse 2s infinite}.status-failed{color:var(--error-600)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.job-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.05em}.job-status.status-completed,.job-status.completed{background:var(--success-100);color:var(--success-700)}.job-status.status-running,.job-status.running{background:var(--info-100);color:var(--info-700)}.job-status.status-failed,.job-status.failed{background:var(--error-100);color:var(--error-700)}.job-details{display:flex;flex-direction:column;gap:.5rem}.job-detail{display:flex;justify-content:space-between;align-items:center}.recent-activity-section h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.activity-list{background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #0000001a}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-c);transition:background-color .15s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:var(--surface-b)}.activity-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-success{width:1rem;height:1rem;color:var(--success-600)}.activity-icon-info{width:1rem;height:1rem;color:var(--info-600)}.activity-icon-warning{width:1rem;height:1rem;color:var(--warning-600)}.activity-content{flex:1}.activity-title{color:var(--text-color);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.activity-time{color:var(--text-color-secondary);font-size:.75rem;margin:0}@media (max-width: 768px){.dashboard{padding:.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.25rem}.job-status-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:1.25rem}}@media (max-width: 480px){.job-header{flex-direction:column;align-items:flex-start;gap:.5rem}.job-detail{flex-direction:column;align-items:flex-start;gap:.25rem}.activity-item{padding:.75rem 1rem}}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--vc-primary-600);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.action-button:hover{background:var(--vc-primary-700);box-shadow:0 4px 12px #00000026}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button.secondary{background:var(--surface-600)}.action-button.secondary:hover{background:var(--surface-700)}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--error-100);border:1px solid var(--error-300);border-radius:var(--border-radius);color:var(--error-700);margin-bottom:1.5rem}.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.5rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem}.repositories{min-height:100vh;padding:2rem;background-color:var(--background-300)}.repositories-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.repositories-subtitle{color:var(--text-color-secondary);font-size:1rem;margin:0}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--vc-primary-600);color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.refresh-button:hover{background:var(--vc-primary-700);transform:translateY(-1px)}.refresh-icon{width:1rem;height:1rem}.repositories-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.repositories-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-color-secondary)}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--surface-c);border-radius:var(--border-radius);background:var(--surface-b);color:var(--text-color);font-size:.875rem;transition:all .15s ease}.search-input:focus{outline:none;border-color:var(--vc-primary-600);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--text-color-secondary)}.toolbar-stats{display:flex;gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-color-secondary);font-size:.875rem}.stat-icon{width:1rem;height:1rem}.repositories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.repository-card{background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);padding:1.5rem;transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.repository-card:hover{border-color:var(--vc-primary-600);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-c)}.repo-title{display:flex;align-items:center;gap:.75rem}.repo-icon{width:2rem;height:2rem;color:var(--vc-primary-600);flex-shrink:0}.repo-title h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.repo-project{color:var(--text-color-secondary);font-size:.875rem;margin:0}.repo-actions{display:flex;align-items:center;gap:.75rem}.external-link{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--surface-b);border:1px solid var(--surface-c);border-radius:var(--border-radius);color:var(--text-color-secondary);text-decoration:none;transition:all .15s ease}.external-link:hover{background:var(--vc-primary-600);border-color:var(--vc-primary-600);color:#fff}.action-icon{width:1rem;height:1rem}.policy-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.policy-enabled{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}.policy-disabled{background:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-200)}.policy-icon{width:.875rem;height:.875rem}.repo-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{color:var(--text-color-secondary);font-size:.875rem}.detail-value{color:var(--text-color);font-size:.875rem;font-weight:500}.branch-name{font-family:var(--font-mono);background:var(--surface-b);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem}.sprint-branches h4{font-size:.875rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.branches-list{display:flex;flex-direction:column;gap:.5rem}.branch-item{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1rem;background:var(--surface-b);border-radius:var(--border-radius);font-size:.95rem;color:var(--text-color);font-family:var(--font-mono);margin-bottom:.5rem}.branch-item .branch-name{min-width:140px;font-weight:500;letter-spacing:.5px}.branch-status{display:flex;align-items:center;gap:.5rem;min-width:160px}.branch-date{margin-left:.5rem;font-size:.92em}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);margin-top:2rem}.empty-icon{width:4rem;height:4rem;color:var(--text-color-secondary);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.empty-state p{color:var(--text-color-secondary);margin:0}@media (max-width: 768px){.repositories{padding:1rem}.repositories-header,.repositories-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.toolbar-stats{justify-content:space-between}.repositories-grid{grid-template-columns:1fr}.repo-header{flex-direction:column;gap:1rem;align-items:stretch}.repo-actions{justify-content:space-between}}@media (max-width: 480px){.repository-card{padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.branch-item{padding:.375rem;font-size:.8125rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{margin-bottom:1.5rem;opacity:.6}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.empty-state-description{color:var(--text-color-secondary);font-size:.875rem;margin:0 0 1.5rem;max-width:400px;line-height:1.5}.empty-state-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--vc-primary-600);color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.empty-state-button:hover{background:var(--vc-primary-700);transform:translateY(-1px)}.text-link{color:var(--vc-primary-600);background:none;border:none;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.text-link:hover{color:var(--vc-primary-700)}.settings{min-height:100vh;padding:.5rem;background-color:var(--background-300)}.settings-header{margin-bottom:.75rem}.settings-header h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem}.settings-subtitle{color:var(--text-color-secondary);font-size:.875rem;margin:0}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--surface-c);border-top:3px solid var(--vc-primary-600);border-radius:50%;animation:spin 1s linear infinite}.settings-grid{display:grid;gap:.75rem;grid-template-columns:1fr}.settings-card{background:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.settings-card:hover{border-color:var(--vc-primary-600);box-shadow:0 4px 12px #00000026}.settings-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--surface-c);background:#032a58;color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.settings-card-header h3{font-size:1rem;font-weight:600;margin:0;flex:1}.settings-card-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.settings-status-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:500}.settings-status-badge.connected{background:#10b981;color:#fff}.settings-status-badge.disconnected{background:#ef4444;color:#fff}.settings-status-badge.enabled{background-color:#10b981}.settings-status-badge.disabled{background-color:#ef4444}.settings-status-badge.pat-valid{background-color:#10b981}.settings-status-badge.pat-expiring-warning{background-color:#f59e0b}.settings-status-badge.pat-expiring-soon,.settings-status-badge.pat-expired,.settings-status-badge.pat-invalid{background-color:#ef4444}.settings-status-badge.pat-unknown{background-color:#6b7280}.settings-card-body{padding:.75rem}.settings-field-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 768px){.settings-field-grid{grid-template-columns:repeat(2,1fr)}.settings-field-grid.full-width{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column}.settings-field-label{font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.25rem}.settings-field-value{padding:.5rem;border:1px solid var(--surface-c);border-radius:var(--border-radius);background:var(--background-300);color:var(--text-color-secondary);font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.settings-field-description{font-size:.75rem;color:var(--text-color-secondary);margin-top:.25rem}.sprint-branches-container{display:flex;flex-direction:column;gap:.5rem}.sprint-branch-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--surface-c);border-radius:var(--border-radius);background:var(--background-300);transition:all .15s ease}.sprint-branch-item:hover{border-color:var(--vc-primary-600);background:var(--surface-a)}.sprint-branch-icon{width:1rem;height:1rem;color:var(--vc-primary-600);flex-shrink:0}.sprint-branch-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-color);flex:1}.repositories-container{display:flex;flex-direction:column;gap:.5rem}.repository-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--surface-c);border-radius:var(--border-radius);background:var(--background-300);transition:all .15s ease}.repository-item:hover{border-color:var(--vc-primary-600);background:var(--surface-a)}.repository-icon{width:1.25rem;height:1.25rem;color:var(--vc-primary-600);flex-shrink:0}.repository-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.repository-name{font-size:.875rem;font-weight:500;color:var(--text-color)}.repository-team{font-size:.75rem;color:var(--text-color-secondary);font-style:italic}.repository-policy-badge{font-size:.75rem;padding:.25rem .5rem;background-color:#10b981;color:#fff;border-radius:.375rem;font-weight:500;flex-shrink:0}.settings-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.settings-empty-icon{width:2rem;height:2rem;color:var(--text-color-secondary);margin-bottom:.5rem}.settings-empty-text{color:var(--text-color-secondary);font-size:.875rem}.settings-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.settings-error-icon{width:2rem;height:2rem;color:#ef4444;margin-bottom:.5rem}.settings-error-text{color:#ef4444;font-weight:500;margin-bottom:.5rem}.settings-error-description{color:var(--text-color-secondary);font-size:.875rem}@media (min-width: 1024px){.settings-grid{grid-template-columns:repeat(2,1fr)}.settings-grid .full-width{grid-column:1 / -1}}@media (max-width: 768px){.settings{padding:.5rem}.settings-header h1{font-size:1.25rem}.settings-card-header,.settings-card-body{padding:.5rem}}.login-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-300, #0E1528)}.login-header{width:100%;height:90px;background:var(--vc-primary-300, #032A58);color:#fff;display:flex;align-items:center;box-shadow:0 2px 8px #00000014;z-index:100;background-image:url(/assets/header_dark-DAzNHwWy.svg);background-size:cover;background-repeat:no-repeat;position:relative;padding:0 32px;justify-content:flex-start}.login-header-content{display:flex;align-items:center;height:100%;font-family:var(--font-family, "Segoe UI", Arial, sans-serif)}.login-icon{width:2em;height:2em;margin-right:28px;color:#fff}.login-title{font-size:2rem;font-weight:600;letter-spacing:1px;color:#fff}.login-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--background-300, #0E1528)}.login-card{background:var(--background-400, #19264A);border-radius:12px;padding:2rem;width:100%;max-width:480px;box-shadow:0 8px 24px #00000029;text-align:center;color:var(--neutral-700, #E8EAFF)}.login-card h2{font-size:1.75rem;margin-bottom:1rem;font-weight:600;color:var(--neutral-700, #E8EAFF)}.login-card p{margin-bottom:2rem;font-size:1rem;line-height:1.5;color:var(--neutral-600, #A0A6BE)}.login-button-container{display:flex;flex-direction:column;align-items:center;width:100%}.login-button{background-color:#0078d4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:500;display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:250px;height:48px}.login-button:hover{background-color:#106ebe}@media (max-width: 768px){.login-header{padding:0 1rem}.login-icon{margin-right:1rem}.login-title{font-size:1.5rem}.login-content{padding:1rem}.login-card{padding:1.5rem}}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-1: #317BD2;--brand-2: #AC9BF5;--error: #C42C2B;--warning: #E3BF7D;--background-300: #0E1528;--background-400: #19264A;--background-500: #263766;--background-600: #364E91;--background-700: #506CB9;--background-300-gradient: linear-gradient(180deg, #0E152800 0%, #0E152896 100%);--background-modal-overlay: #00000080;--vc-primary-300: #032A58;--vc-primary-400: #073C7A;--vc-primary-500: #185DAE;--vc-primary-600: #317BD2;--vc-primary-700: #73B4FF;--vc-primary-800: #A6CFFF;--neutral-500: #717890;--neutral-600: #A0A6BE;--neutral-700: #E8EAFF;--status-success-300: #022B0B;--status-success-400: #0B5D1D;--status-success-500: #1A8331;--status-success-600: #41BC5C;--status-success-700: #62C87A;--status-warning-300: #251A03;--status-warning-400: #573B00;--status-warning-500: #7F5804;--status-warning-600: #C3890D;--status-warning-700: #E3BF7D;--status-error-300: #410B0A;--status-error-400: #702626;--status-error-500: #C42C2B;--status-error-600: #FF5E5D;--status-error-700: #F5807F;--status-info-300: #012333;--status-info-400: #0D4C68;--status-info-500: #1C6E92;--status-info-600: #3DA8D8;--status-info-700: #5EBAE6;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--surface-a: #2a323d;--surface-b: #20262e;--surface-c: rgba(255, 255, 255, .04);--surface-d: #3f4b5b;--surface-e: #2a323d;--surface-f: #2a323d;--text-color: rgba(255, 255, 255, .87);--text-color-secondary: rgba(255, 255, 255, .6);--border-radius: .375rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--text-color: #213547;--text-color-secondary: #757575;--surface-a: #ffffff;--surface-b: #f8f9fa;--background-300: #f8f9fa}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family);background-color:var(--background-300);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.btn{box-sizing:border-box;display:flex;flex-direction:row;white-space:nowrap;align-items:center;position:relative;height:40px;font-weight:700;padding:0 20px;overflow:hidden;border-radius:var(--border-radius);transition:background-color .15s,box-shadow .15s,border .15s;pointer-events:auto;cursor:pointer;text-align:center;justify-content:center;font-size:.75rem;text-decoration:none;-webkit-user-select:none;user-select:none;gap:var(--spacing-sm)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:var(--neutral-700);background-color:var(--background-300);border:2px solid var(--neutral-700)}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px var(--vc-primary-600);border-color:var(--vc-primary-700);background-color:var(--background-500);transition:all .3s ease}.btn-secondary{color:var(--text-color-secondary);background-color:var(--surface-b);border:2px solid var(--neutral-600)}.btn-secondary:hover:not(:disabled){border-color:var(--vc-primary-600);background-color:var(--background-400)}.btn-success{color:#fff;background-color:var(--status-success-600);border:2px solid var(--status-success-600)}.btn-success:hover:not(:disabled){background-color:var(--status-success-500);box-shadow:0 0 15px var(--status-success-600)}.btn-danger{color:#fff;background-color:var(--status-error-500);border:2px solid var(--status-error-500)}.btn-danger:hover:not(:disabled){background-color:var(--status-error-600);box-shadow:0 0 15px var(--status-error-500)}.card{background-color:var(--surface-a);border:1px solid var(--surface-c);border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--surface-c);background-color:var(--surface-b)}.card-body{padding:var(--spacing-lg)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--neutral-600);border-radius:var(--border-radius);background-color:var(--background-300);color:var(--text-color);font-size:.875rem;transition:border-color .15s ease-in-out}.input:focus{outline:none;border-color:var(--vc-primary-600);box-shadow:0 0 0 3px #317bd21a}.input:disabled{background-color:var(--surface-b);opacity:.6;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;border-radius:calc(var(--border-radius) / 2)}.badge-success{background-color:var(--status-success-600);color:#fff}.badge-warning{background-color:var(--status-warning-600);color:#fff}.badge-error{background-color:var(--status-error-500);color:#fff}.badge-info{background-color:var(--status-info-600);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.text-sm{font-size:.875rem}.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-center{text-align:center}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:calc(var(--border-radius) * 1.5)}.shadow-md{box-shadow:0 2px 8px #00000014}.border{border:1px solid var(--surface-c)}.loading-spinner{width:20px;height:20px;border:2px solid var(--surface-c);border-top:2px solid var(--vc-primary-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse;background-color:var(--surface-a)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--surface-c)}.table th{background-color:var(--surface-b);font-weight:600;font-size:.875rem;color:var(--text-color-secondary)}.table tbody tr:hover{background-color:var(--surface-b)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.card-header,.card-body{padding:var(--spacing-md)}.table th,.table td{padding:var(--spacing-sm)}}
