@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--color-black:#0A0A0A;--color-gray-950:#111111;--color-gray-900:#1A1A1A;--color-gray-800:#2C2C2C;--color-gray-700:#3D3D3D;--color-gray-600:#555555;--color-gray-500:#737373;--color-gray-400:#9A9A9A;--color-gray-300:#BABABA;--color-gray-200:#D4D4D4;--color-gray-150:#E2E2E2;--color-gray-100:#EFEFEF;--color-gray-50:#F7F7F7;--color-white:#FFFFFF;--color-primary:#0A0A0A;--color-primary-hover:#1A1A1A;--color-primary-subtle:#F7F7F7;--color-success:#1A7A4A;--color-success-light:#E8F5EE;--color-success-mid:#2DA05F;--color-warning:#92600A;--color-warning-light:#FEF3DC;--color-warning-mid:#D48A1A;--color-error:#9B1C1C;--color-error-light:#FDECEC;--color-error-mid:#D93025;--color-info:#0F4FA8;--color-info-light:#EBF2FF;--color-info-mid:#1D6FD8;--font-display:"Inter",sans-serif;--font-body:"DM Sans",sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-loose:1.7;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.06);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--border-color:var(--color-gray-150);--border:1px solid var(--border-color);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900);background:var(--color-gray-50);-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--color-white);border-right:var(--border);padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;gap:4px;flex-shrink:0;overflow-y:auto}.sidebar-logo{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-mark{width:30px;height:30px;background:var(--color-gray-900);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-white);letter-spacing:-.05em;font-style:italic;flex-shrink:0}.sidebar-logo-name{font-size:var(--text-base);font-weight:var(--weight-semi);color:var(--color-gray-900);letter-spacing:-.02em}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:1px}.sidebar-section-label{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);transition:all var(--transition-fast);text-decoration:none;cursor:pointer}.sidebar-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.sidebar-item.active{background:var(--color-gray-900);color:var(--color-white);box-shadow:0 4px 12px rgba(0,0,0,.1)}.sidebar-item-icon{width:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-item-badge{margin-left:auto;background:var(--color-gray-100);color:var(--color-gray-600);font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.sidebar-item.active .sidebar-item-badge{background:rgba(255,255,255,.2);color:var(--color-white)}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;background:var(--color-white);border-bottom:var(--border);display:flex;align-items:center;padding:0 var(--space-8);gap:var(--space-4);flex-shrink:0}.topbar-title{font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--color-gray-900);letter-spacing:-.02em;flex:1 1}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.page-body{flex:1 1;overflow-y:auto;padding:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.btn-primary:hover{background:var(--color-black);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-secondary{background:var(--color-white);color:var(--color-gray-800);border-color:var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-ghost{background:transparent;color:var(--color-gray-600);border-color:transparent}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border-color:rgba(155,28,28,.2)}.btn-danger:hover{background:var(--color-error);color:var(--color-white)}.btn-sm{padding:7px var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:14px var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-running{background:var(--color-info-light);color:var(--color-info)}.badge-succeeded{background:var(--color-success-light);color:var(--color-success)}.badge-failed{background:var(--color-error-light);color:var(--color-error)}.badge-partial{background:var(--color-warning-light);color:var(--color-warning)}.badge-active{background:var(--color-success-light);color:var(--color-success)}.badge-inactive{color:var(--color-gray-500)}.badge-inactive,.badge-sbt{background:var(--color-gray-100)}.badge-sbt{color:var(--color-gray-700)}.badge-beforward{background:var(--color-info-light);color:var(--color-info)}.badge-own{background:var(--color-success-light);color:var(--color-success)}.badge-third{background:var(--color-warning-light);color:var(--color-warning)}.badge-default{background:var(--color-gray-100);color:var(--color-gray-600)}.card{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.kpi-card{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.kpi-card-dark{background:var(--color-gray-900);color:var(--color-white)}.kpi-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500);margin-bottom:var(--space-3)}.kpi-card-dark .kpi-label{color:rgba(255,255,255,.4)}.kpi-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-light);color:var(--color-gray-900);line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-3)}.kpi-card-dark .kpi-value{color:var(--color-white)}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:3px 8px;border-radius:var(--radius-full)}.kpi-delta-up{background:var(--color-success-light);color:var(--color-success)}.kpi-delta-down{background:var(--color-error-light);color:var(--color-error)}.kpi-sub{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--space-2)}.kpi-card-dark .kpi-sub{color:rgba(255,255,255,.3)}.table-wrap{border:var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.vg-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.vg-table thead{background:var(--color-gray-50);border-bottom:var(--border)}.vg-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-gray-500);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.vg-table td{padding:var(--space-4) var(--space-5);border-bottom:var(--border);color:var(--color-gray-700);vertical-align:middle}.vg-table tbody tr:last-child td{border-bottom:none}.vg-table tbody tr{transition:background var(--transition-fast)}.vg-table tbody tr:hover{background:var(--color-gray-50)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:var(--weight-medium);color:var(--color-gray-700)}.form-label,.input{font-size:var(--text-sm)}.input{width:100%;height:40px;padding:0 var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-family:var(--font-body);color:var(--color-gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::placeholder{color:var(--color-gray-300)}.input:hover{border-color:var(--color-gray-300)}.input:focus{border-color:var(--color-gray-700);box-shadow:0 0 0 3px rgba(10,10,10,.06)}.input:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.select{width:100%;height:40px;padding:0 36px 0 var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white) 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='%239A9A9A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-gray-900);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select:focus{border-color:var(--color-gray-700);box-shadow:0 0 0 3px rgba(10,10,10,.06)}.input-sm,.select-sm{height:34px;font-size:var(--text-xs)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{padding:var(--space-6) var(--space-8);border-bottom:var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-light);color:var(--color-gray-900);letter-spacing:-.02em}.modal-body{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.modal-footer{padding:var(--space-5) var(--space-8);border-top:var(--border);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--color-gray-50)}.alert{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--text-sm)}.alert-error{background:var(--color-error-light);border-color:rgba(155,28,28,.2);color:var(--color-error)}.alert-success{background:var(--color-success-light);border-color:rgba(26,122,74,.2);color:var(--color-success)}.alert-info{background:var(--color-info-light);border-color:rgba(15,79,168,.2);color:var(--color-info)}.empty-state{flex-direction:column;text-align:center;padding:var(--space-16) var(--space-8)}.empty-state,.empty-state-icon{display:flex;align-items:center}.empty-state-icon{width:64px;height:64px;background:var(--color-gray-100);border-radius:var(--radius-xl);justify-content:center;font-size:28px;margin-bottom:var(--space-5);color:var(--color-gray-400)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-semi);color:var(--color-gray-800);margin-bottom:var(--space-2);letter-spacing:-.02em}.empty-state-desc{font-size:var(--text-sm);color:var(--color-gray-500);max-width:320px;line-height:var(--leading-loose);margin-bottom:var(--space-6)}.filter-bar{gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.filter-bar,.pagination{display:flex;align-items:center}.pagination{justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:var(--border);background:var(--color-white)}.pagination-info{font-size:var(--text-sm);color:var(--color-gray-500)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2px solid var(--color-gray-200);border-top-color:var(--color-gray-700);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16);color:var(--color-gray-500);font-size:var(--text-sm)}.page-header{margin-bottom:var(--space-8);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-light);color:var(--color-gray-900);letter-spacing:-.03em;line-height:var(--leading-tight)}.page-sub{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-2)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);margin-bottom:var(--space-8)}.grid-3,.grid-4{display:grid;gap:var(--space-5)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-muted{color:var(--color-gray-400)}.fw-semi{font-weight:var(--weight-semi)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:6px;background:var(--color-gray-100);overflow:hidden}.progress,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--color-gray-900)}.progress-fill-success{background:var(--color-success-mid)}a.detail-link{color:var(--color-info-mid);text-decoration:none;font-size:var(--text-xs)}a.detail-link:hover{text-decoration:underline}