:root{--color-black:#0a0a0a;--color-gray-950:#111;--color-gray-900:#1a1a1a;--color-gray-800:#2c2c2c;--color-gray-700:#3d3d3d;--color-gray-600:#555;--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:#fff;--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 #0000000f;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--border-color:var(--color-gray-150);--border:1px solid var(--border-color);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}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{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-white);border-right:var(--border);width:240px;padding:var(--space-6) var(--space-3);flex-direction:column;flex-shrink:0;gap:4px;display:flex;overflow-y:auto}.sidebar-logo{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-mark{background:var(--color-gray-900);width:30px;height:30px;font-family:var(--font-display);color:var(--color-white);letter-spacing:-.05em;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-style:italic;font-weight:600;display:flex}.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);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);padding:var(--space-4) var(--space-3) var(--space-2);font-size:10px}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-500);transition:all var(--transition-fast);cursor:pointer;font-weight:500;text-decoration:none;display:flex}.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 #0000001a}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.sidebar-item-badge{background:var(--color-gray-100);color:var(--color-gray-600);border-radius:6px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-item.active .sidebar-item-badge{color:var(--color-white);background:#fff3}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--color-white);border-bottom:var(--border);height:56px;padding:0 var(--space-8);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.topbar-title{font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--color-gray-900);letter-spacing:-.02em;flex:1}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.page-body{padding:var(--space-8);flex:1;overflow-y:auto}.btn{justify-content:center;align-items: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);cursor:pointer;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;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.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 #0003}.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{color:var(--color-gray-600);background:0 0;border-color:#0000}.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:#9b1c1c33}.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{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;line-height:1.4;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.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{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-sbt{background:var(--color-gray-100);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:#fff6}.kpi-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-light);color:var(--color-gray-900);letter-spacing:-.04em;margin-bottom:var(--space-3);line-height:1}.kpi-card-dark .kpi-value{color:var(--color-white)}.kpi-delta{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.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:#ffffff4d}.table-wrap{border:var(--border);border-radius:var(--radius-lg);background:var(--color-white);overflow:hidden}.vg-table{border-collapse:collapse;width:100%;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{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-700)}.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);font-size:var(--text-sm);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 #0a0a0a0f}.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;appearance:none;outline:none}.select:focus{border-color:var(--color-gray-700);box-shadow:0 0 0 3px #0a0a0a0f}.input-sm,.select-sm{height:34px;font-size:var(--text-xs)}.modal-backdrop{z-index:200;padding:var(--space-6);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.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);gap:var(--space-5);flex-direction:column;display:flex}.modal-footer{padding:var(--space-5) var(--space-8);border-top:var(--border);justify-content:flex-end;gap:var(--space-3);background:var(--color-gray-50);display:flex}.alert{gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);border:1px solid #0000;display:flex}.alert-error{background:var(--color-error-light);color:var(--color-error);border-color:#9b1c1c33}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:#1a7a4a33}.alert-info{background:var(--color-info-light);color:var(--color-info);border-color:#0f4fa833}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);flex-direction:column;align-items:center;display:flex}.empty-state-icon{background:var(--color-gray-100);border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-5);color:var(--color-gray-400);justify-content:center;align-items:center;font-size:28px;display:flex}.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{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.pagination{padding:var(--space-4) var(--space-5);border-top:var(--border);background:var(--color-white);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--color-gray-500)}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-gray-200);border-top-color:var(--color-gray-700);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin}.loading-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16);color:var(--color-gray-500);font-size:var(--text-sm);display:flex}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.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{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.text-muted{color:var(--color-gray-400)}.fw-semi{font-weight:var(--weight-semi)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.progress{background:var(--color-gray-100);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--color-gray-900);border-radius:var(--radius-full);height:100%}.progress-fill-success{background:var(--color-success-mid)}a.detail-link{color:var(--color-info-mid);font-size:var(--text-xs);text-decoration:none}a.detail-link:hover{text-decoration:underline}