*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#a45200;--primary-hover:#b85e0a;--primary-dark:#8a4500;--primary-light:#c97a2e;--primary-bg:#a4520014;--primary-bg-hover:#a4520024;--secondary:#a6a6a6;--success:#71dd37;--success-bg:#71dd371f;--success-text:#3b7d1a;--warning:#ffab00;--warning-bg:#ffab001f;--warning-text:#8a5e00;--error:#ff3e1d;--error-bg:#ff3e1d1f;--error-text:#b72b14;--info:#03c3ec;--info-bg:#03c3ec1f;--info-text:#047e99;--bg-default:#f5f5f9;--bg-paper:#fff;--bg-hover:#22303e0a;--text-primary:#22303ee6;--text-secondary:#22303e99;--text-disabled:#22303e61;--divider:#22303e1f;--border:#22303e33;--input-border:#22303e38;--sb-bg:#0a0a0a;--sb-text:#fff9;--sb-text-hover:#ffffffd9;--sb-active-bg:#a4520033;--sb-active-text:var(--primary-light);--sb-divider:#ffffff14;--sb-grp-text:#ffffff59;--shadow-xs:0px 2px 4px #22303e0f;--shadow-sm:0px 2px 8px #22303e14;--shadow-md:0px 4px 16px #22303e1a;--shadow-lg:0px 8px 24px #22303e1f;--shadow-card:0px 2px 9px #22303e0f;--radius-xs:2px;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-xl:10px;--radius-pill:50px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--scrollbar-thumb:#22303e26;--scrollbar-thumb-hover:#22303e40}[data-theme=dark]{--bg-default:#111;--bg-paper:#1a1a1a;--bg-hover:#ffffff0d;--text-primary:#ffffffe6;--text-secondary:#ffffff8c;--text-disabled:#ffffff4d;--divider:#ffffff1a;--border:#ffffff29;--input-border:#fff3;--sb-bg:#0a0a0a;--sb-text:#fff9;--sb-text-hover:#ffffffd9;--sb-active-bg:#a4520033;--sb-active-text:var(--primary-light);--sb-divider:#ffffff14;--sb-grp-text:#ffffff59;--primary-bg:#a4520029;--primary-bg-hover:#a452003d;--success-bg:#71dd3724;--success-text:#71dd37;--warning-bg:#ffab0024;--warning-text:#ffab00;--error-bg:#ff3e1d24;--error-text:#ff3e1d;--info-bg:#03c3ec24;--info-text:#03c3ec;--shadow-xs:0px 2px 4px #0000004d;--shadow-sm:0px 2px 8px #00000059;--shadow-md:0px 4px 16px #0006;--shadow-lg:0px 8px 24px #00000080;--shadow-card:0px 2px 9px #0000004d;--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff38}body{color:var(--text-primary);background:var(--bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition), color var(--transition);font-family:Public Sans,Segoe UI,-apple-system,sans-serif;font-size:14px;line-height:1.467}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#loading{height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}#error-box{background:var(--error-bg);max-width:600px;color:var(--error-text);border-radius:var(--radius);margin:60px auto;padding:24px;font-size:14px;display:none}.app{min-height:100vh;display:flex}.sb{background:var(--sb-bg);color:var(--sb-text);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}.sb-logo{border-bottom:1px solid var(--sb-divider);flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;display:flex}.sb-logo img{width:auto;height:30px}.sb-logo-sub{color:var(--sb-grp-text);letter-spacing:.5px;text-transform:uppercase;padding-left:2px;font-size:10px}.sb-nav{flex:1;padding:12px 0}.nl{color:var(--sb-text);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);background:0 0;border:none;border-radius:0;align-items:center;gap:10px;margin:1px 0;padding:9px 20px;font-family:inherit;font-size:13.5px;display:flex}.nl:hover{color:var(--sb-text-hover);background:#e6e6f10f}.nl.act{background:var(--sb-active-bg);color:var(--sb-active-text);border-left:3px solid var(--primary);font-weight:500}.sb-usr{border-top:1px solid var(--sb-divider);padding:16px 20px;font-size:13px}.sb-usr b{color:#e6e6f1e6;display:block}.sb-usr em{color:var(--sb-grp-text);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-style:normal}.nav-grp{margin-bottom:2px}.nav-grp-hdr{color:var(--sb-grp-text);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-align:left;width:100%;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 20px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.nav-grp-hdr:hover{color:var(--sb-text)}.nav-grp-hdr .arrow{font-size:9px;transition:transform .2s}.nav-grp-hdr .arrow.open{transform:rotate(90deg)}.nav-grp .nl{padding-left:34px;font-size:13px}.mn{z-index:1;transition:margin-left var(--transition);flex:1;padding:24px 28px;position:relative;overflow-x:hidden}.ph{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pt{color:var(--text-primary);letter-spacing:-.2px;font-size:22px;font-weight:600}.ps{color:var(--text-secondary);margin-top:2px;font-size:13px}.cd{background:var(--bg-paper);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:background var(--transition), box-shadow var(--transition);border:none;margin-bottom:16px;overflow:hidden}.ch{border-bottom:1px solid var(--divider);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.cb{padding:20px}.sg{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.st{background:var(--bg-paper);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow var(--transition), transform var(--transition), background var(--transition);padding:20px}.st:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sl{color:var(--text-secondary);text-transform:none;letter-spacing:normal;font-size:13px;font-weight:500}.sv{color:var(--text-primary);margin-top:6px;font-size:28px;font-weight:700}.ss{color:var(--text-secondary);margin-top:4px;font-size:12px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--divider);background:var(--bg-paper);padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--divider);color:var(--text-primary);padding:12px 16px;font-size:13.5px}tr:hover td{background:var(--bg-hover)}.bg{border-radius:var(--radius-pill);text-transform:capitalize;padding:3px 12px;font-size:12px;font-weight:500;display:inline-block}.bg-draft{background:var(--bg-hover);color:var(--text-secondary)}.bg-pending{background:var(--warning-bg);color:var(--warning-text)}.bg-approved,.bg-accepted{background:var(--success-bg);color:var(--success-text)}.bg-sent{background:var(--info-bg);color:var(--info-text)}.bg-rejected{background:var(--error-bg);color:var(--error-text)}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-transform:none;border:none;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.467;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.bp{background:var(--primary);color:#fff}.bp:hover{background:var(--primary-hover)}.bs{background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border)}.bs:hover{background:var(--bg-hover)}.bd{background:var(--error);color:#fff}.bd:hover{background:#e0341a}.bg2{background:var(--success);color:#fff}.bsm{padding:5px 12px;font-size:12.5px}.fg{margin-bottom:16px}.fl{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.fi,.fsl,.fta{border:1px solid var(--input-border);border-radius:var(--radius);background:var(--bg-paper);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:8px 12px;font-family:inherit;font-size:14px}.fi::placeholder,.fta::placeholder{color:var(--text-disabled)}.fi:focus,.fsl:focus,.fta:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #a452001f}.fta{resize:vertical;min-height:80px}.fr{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fr3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.mo{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22303e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}[data-theme=dark] .mo{background:#000000b3}.md{background:var(--bg-paper);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;box-shadow:var(--shadow-lg);transition:background var(--transition);overflow-y:auto}.mh{border-bottom:1px solid var(--divider);color:var(--text-primary);justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.mb{padding:24px}.mf{border-top:1px solid var(--divider);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.lnk{color:var(--primary);cursor:pointer;transition:color var(--transition);font-weight:500}.lnk:hover{color:var(--primary-hover);text-decoration:underline}.tr{text-align:right}.tm{color:var(--text-secondary)}.ts{font-size:12px}.al{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:13px}.al-ok{background:var(--success-bg);color:var(--success-text)}.al-er{background:var(--error-bg);color:var(--error-text)}.emp{text-align:center;color:var(--text-disabled);padding:48px;font-size:14px}.tabs{border-bottom:1px solid var(--divider);gap:0;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.act{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sr{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sr:last-child{border-bottom:none}.tree-asy{color:var(--primary);font-weight:600}.tree-part{color:var(--text-primary)}.login-w{background:var(--bg-default);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-c{background:var(--bg-paper);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px}.lit{text-align:center;color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:600}.lis{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.li-i{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--bg-paper);width:100%;color:var(--text-primary);transition:border-color var(--transition);padding:6px 8px;font-family:inherit;font-size:12.5px}.li-i:focus{border-color:var(--primary);outline:none}.pipeline-view{overflow-x:auto}.pipeline-hdr{border-bottom:1px solid var(--divider);background:var(--bg-paper);grid-template-columns:200px repeat(7,1fr);display:grid}.pipeline-hdr .pipeline-job-col,.pipeline-hdr .pipeline-ms-col{color:var(--text-secondary);text-transform:uppercase;text-align:center;letter-spacing:.5px;padding:12px 10px;font-size:12px;font-weight:600}.pipeline-hdr .pipeline-job-col{text-align:left;padding-left:16px}.pipeline-row{border-bottom:1px solid var(--divider);cursor:pointer;transition:background var(--transition);grid-template-columns:200px repeat(7,1fr);align-items:center;display:grid}.pipeline-row:hover{background:var(--bg-hover)}.pipeline-job-col{padding:12px 16px}.pipeline-ms-col{justify-content:center;align-items:center;padding:12px 6px;display:flex}.pipeline-dot{background:var(--divider);border:2px solid var(--border);width:18px;height:18px;transition:all var(--transition);border-radius:50%}.pipeline-dot.dot-active{background:var(--primary);border-color:var(--primary-hover);box-shadow:0 0 0 3px #a4520033}.pipeline-dot.dot-complete{background:var(--success);border-color:#3b7d1a}.progress-bar{background:var(--divider);border-radius:3px;flex:1;max-width:80px;height:6px;overflow:hidden}.progress-fill{background:var(--success);border-radius:3px;height:100%;transition:width .3s}.bg-overdue{background:var(--error-bg);color:var(--error-text)}.bg-active{background:var(--success-bg);color:var(--success-text)}.bg-on_hold{background:var(--warning-bg);color:var(--warning-text)}.bg-complete{background:var(--info-bg);color:var(--info-text)}.bg-cancelled{background:var(--error-bg);color:var(--error-text)}.theme-toggle{border-radius:var(--radius);border:1px solid var(--divider);background:var(--bg-paper);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:18px;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:900px){.sg{grid-template-columns:repeat(2,1fr)}.g2,.fr,.fr3{grid-template-columns:1fr}}