:root{--bg: #f8f9fa;--surface: #ffffff;--border: #dadce0;--text: #202124;--text-sec: #5f6368;--accent: #1a73e8;--accent-hov: #1765cc;--success: #1e8e3e;--warning: #f9ab00;--error: #d93025;--radius: 8px;--shadow: 0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--shadow-sm: 0 1px 2px rgba(60,64,67,.3);--nav-w: 240px;--appbar-h: 64px;--font: "Roboto", system-ui, -apple-system, sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--spacing: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;height:100%}.layout__nav{width:var(--nav-w);min-height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.layout__main{margin-left:var(--nav-w);flex:1;display:flex;flex-direction:column;min-height:100%}.layout__content{flex:1;padding:calc(var(--appbar-h) + 24px) 24px 24px;max-width:1200px}.appbar{position:fixed;top:0;left:var(--nav-w);right:0;height:var(--appbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;z-index:99;gap:16px}.appbar__brand{font-size:18px;font-weight:500;color:var(--text);flex:1}.appbar__brand span{color:var(--accent)}.nav__logo{height:var(--appbar-h);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);font-size:16px;font-weight:500;color:var(--text);gap:10px}.nav__logo span{color:var(--accent)}.nav__items{flex:1;padding:12px 0}.nav__item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--text-sec);cursor:pointer;border-radius:0 24px 24px 0;margin-right:12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;text-decoration:none}.nav__item:hover{background:#1a73e814;color:var(--accent);text-decoration:none}.nav__item--active{background:#1a73e81f;color:var(--accent)}.nav__icon{font-size:20px;width:24px;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card--sm{padding:16px}.card__title{font-size:14px;font-weight:500;color:var(--text-sec);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.card__value{font-size:28px;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s,box-shadow .15s}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hov)}.btn--secondary{background:transparent;color:var(--accent)}.btn--secondary:hover:not(:disabled){background:#1a73e814}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:#b3261e}.btn--ghost{background:transparent;color:var(--text-sec)}.btn--ghost:hover:not(:disabled){background:#0000000a}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.chip--pending{background:#f1f3f4;color:var(--text-sec)}.chip--running{background:#1a73e81a;color:var(--accent)}.chip--done{background:#1e8e3e1a;color:var(--success)}.chip--failed{background:#d930251a;color:var(--error)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-sec);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#00000005}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:#1a73e80a}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.field{margin-bottom:20px}.field label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-sec);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--border);color:var(--text-sec);font-size:10px;font-weight:700;cursor:default;flex-shrink:0;text-transform:none;letter-spacing:0;line-height:1}.info-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#3c4043;color:#fff;font-size:12px;font-weight:400;line-height:1.4;white-space:pre-wrap;width:220px;padding:8px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100;text-align:left;letter-spacing:0;text-transform:none}.info-tip:hover:after{opacity:1}.field input,.field textarea,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:14px;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a73e826}.field textarea{resize:vertical;min-height:80px}.field--error input,.field--error textarea{border-color:var(--error)}.field__error{font-size:12px;color:var(--error);margin-top:4px}.progress-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal__title{font-size:18px;font-weight:500;margin-bottom:20px}.modal__footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px;min-width:300px;max-width:420px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#3c4043;color:#fff;border-radius:var(--radius);font-size:14px;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast--error{background:var(--error)}.toast--success{background:var(--success)}.toast__close{margin-left:auto;cursor:pointer;opacity:.7;background:none;border:none;color:inherit;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite;border-radius:4px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:400;color:var(--text)}.grid{display:grid;gap:16px}.grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.text-sec{color:var(--text-sec)}.text-mono{font-family:var(--font-mono)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-2{gap:16px}.flex{display:flex}.flex-center{display:flex;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.confirm-box{background:#f9ab001a;border:1px solid var(--warning);border-radius:var(--radius);padding:12px 16px;font-size:14px;color:var(--text);margin-bottom:16px}.confirm-box--danger{background:#d9302514;border-color:var(--error)}.appbar__menu{display:none;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--text);padding:4px 8px;margin-left:-6px}.nav-backdrop{display:none}@media (max-width: 900px){.kpi-row,.grid--4{grid-template-columns:repeat(2,1fr)}.charts-row,.grid--2{grid-template-columns:1fr}}@media (max-width: 640px){.appbar__menu{display:block}.appbar{left:0;padding:0 14px}.appbar__brand{font-size:15px}.layout__main{margin-left:0}.layout__content{padding:calc(var(--appbar-h) + 16px) 14px 24px;max-width:100%}.layout__nav{transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #0000002e}.layout__nav--open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006}.kpi-row,.grid--4{grid-template-columns:1fr 1fr}.page-header{flex-wrap:wrap;gap:10px}.modal{width:94vw;max-width:94vw;padding:16px;max-height:88vh}}