:root{--orange:#ff6900;--orange-dark:#d95c00;--orange-muted:#fff0e6;--sidebar-bg:#111;--sidebar-text:#aaa;--sidebar-hover:#1e1e1e;--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--text-primary:#111;--text-secondary:#666;--text-muted:#999;--border:#e4e4e4;--border-strong:#ccc;--green:#12b76a;--green-bg:#ecfdf3;--amber:#f79009;--amber-bg:#fffaeb;--red:#f04438;--red-bg:#fef3f2;--blue:#0ba5ec;--blue-bg:#f0f9ff;--purple:#7c3aed;--purple-bg:#f5f3ff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--sidebar-w:240px;--topbar-h:56px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);height:100vh;width:var(--sidebar-w);z-index:100;flex-direction:column;grid-area:1/1/-1;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid #222;align-items:center;gap:10px;padding:18px 20px;display:flex}.logo-mark{background:var(--orange);color:#fff;letter-spacing:-.5px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:flex}.logo-text{line-height:1.15}.logo-text .lt-name{color:#fff;font-size:.88rem;font-weight:700}.logo-text .lt-sub{color:#555;text-transform:uppercase;letter-spacing:.6px;font-size:.65rem}.sidebar-section{padding:16px 12px 4px}.sidebar-section-label{letter-spacing:1px;text-transform:uppercase;color:#444;margin-bottom:4px;padding:0 8px;font-size:.62rem;font-weight:700}.nav-item{color:var(--sidebar-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:.83rem;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex}.nav-item svg{flex-shrink:0;width:15px;height:15px}.nav-item:hover{color:#ddd;background:#1e1e1e;text-decoration:none}.nav-item.active{color:var(--orange);background:#ff690021;font-weight:600}.sidebar-footer{border-top:1px solid #1e1e1e;margin-top:auto;padding:12px}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:50;grid-column:2;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:6px;font-size:.82rem;display:flex}.bc-sep,.bc-root{color:var(--text-muted)}.bc-current{color:var(--text-primary);font-weight:600}.topbar-right{align-items:center;gap:10px;display:flex}.avatar{background:var(--orange);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700}.role-badge.super_admin{color:var(--purple);background:#ede9fe}.role-badge.admin{background:var(--orange-muted);color:var(--orange-dark)}.role-badge.bpo{background:var(--blue-bg);color:var(--blue)}.role-badge.user{background:var(--green-bg);color:#027a48}.role-badge.director{background:var(--amber-bg);color:#b54708}.main-content{min-height:calc(100vh - var(--topbar-h));grid-area:2/2;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header-info h1{font-size:1.25rem;font-weight:700}.page-header-info p{color:var(--text-muted);margin-top:2px;font-size:.8rem}.page-actions{align-items:center;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.stat-card.orange-accent{border-left:3px solid var(--orange)}.stat-card .s-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.7rem;font-weight:600}.stat-card .s-value{margin-top:4px;font-size:1.6rem;font-weight:700}.stat-card .s-meta{color:var(--text-muted);margin-top:1px;font-size:.72rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.83rem}thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);white-space:nowrap;padding:9px 16px;font-size:.7rem;font-weight:700}tbody tr{border-bottom:1px solid var(--border);transition:background 80ms}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafafa}tbody td{vertical-align:middle;padding:11px 16px}.td-id{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.7rem;overflow:hidden}.td-mono{font-family:var(--font-mono);color:var(--text-secondary);font-size:.78rem}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .1s,opacity .1s;display:inline-flex}.btn svg{width:14px;height:14px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-danger:hover{background:#fde8e7}.btn-sm{padding:4px 10px;font-size:.73rem}.status{text-transform:capitalize;letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.s-pending{color:var(--text-secondary);background:#f0f0f0}.s-scheduled{background:var(--blue-bg);color:var(--blue)}.s-assigned{background:var(--orange-muted);color:var(--orange-dark)}.s-in_progress{background:var(--amber-bg);color:#b54708}.s-done{background:var(--green-bg);color:#027a48}.s-failed{background:var(--red-bg);color:#b42318}.s-blocked{background:var(--purple-bg);color:var(--purple)}.s-lead{color:var(--text-secondary);background:#f0f0f0}.s-application{background:var(--blue-bg);color:var(--blue)}.s-integrated{background:var(--amber-bg);color:#b54708}.s-online{background:var(--green-bg);color:#027a48}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:.73rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font);color:var(--text-primary);background:var(--surface);outline:none;padding:8px 11px;font-size:.83rem;transition:border-color .1s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff690014}.form-textarea{resize:vertical;min-height:72px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:.72rem}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-check{align-items:center;gap:8px;display:flex}.form-check input[type=checkbox]{accent-color:var(--orange);width:15px;height:15px}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:1rem}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--surface-2)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{width:36px;height:36px;color:var(--border-strong);margin-bottom:10px}.empty-state h3{color:var(--text-secondary);font-size:.9rem;font-weight:600}.empty-state p{color:var(--text-muted);margin-top:4px;font-size:.8rem}.pipeline{align-items:flex-start;margin:0 0 20px;display:flex}.pipe-step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.pipe-step:not(:last-child):after{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:11px;left:calc(50% + 12px);right:calc(12px - 50%)}.pipe-step.ps-done:after{background:var(--green)}.pipe-dot{z-index:1;border:2px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.pipe-step.ps-done .pipe-dot{background:var(--green);border-color:var(--green);color:#fff}.pipe-step.ps-active .pipe-dot{background:var(--orange);border-color:var(--orange);color:#fff}.pipe-step.ps-failed .pipe-dot{background:var(--red);border-color:var(--red);color:#fff}.pipe-step.ps-blocked .pipe-dot{background:var(--purple);border-color:var(--purple);color:#fff}.pipe-label{color:var(--text-muted);text-align:center;max-width:72px;font-size:.67rem;line-height:1.2}.pipe-step.ps-active .pipe-label{color:var(--orange);font-weight:600}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-wrap{width:220px;position:relative}.search-wrap svg{width:13px;height:13px;color:var(--text-muted);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-wrap input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);outline:none;padding:6px 10px 6px 28px;font-size:.8rem}.search-wrap input:focus{border-color:var(--orange)}.tabs{border-bottom:1px solid var(--border);margin-bottom:18px;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:color .1s,border-color .1s}.tab.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}.tab:hover:not(.active){color:var(--text-secondary)}.error-banner{background:var(--red-bg);border-radius:var(--radius-md);color:var(--red);border:1px solid #fca5a5;margin-bottom:14px;padding:11px 14px;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:.88rem;font-weight:700}.login-page{min-height:100vh;display:flex}.login-panel{flex-direction:column;flex-shrink:0;justify-content:center;width:420px;padding:60px 52px;display:flex}.login-aside{background:var(--sidebar-bg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-aside-grid{opacity:.07;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:3px;padding:3px;display:grid;position:absolute;inset:0}.login-aside-grid span{background:var(--orange);border-radius:2px}.login-aside-grid span:nth-child(3n){opacity:.4}.login-aside-grid span:nth-child(7n){opacity:.15}.login-aside-logo{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.login-aside-logo .big-d{background:var(--orange);color:#fff;letter-spacing:-2px;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.6rem;font-weight:900;display:flex}.login-aside-logo p{color:#555;letter-spacing:.5px;text-align:center;font-size:.78rem;line-height:1.5}.login-logo-row{align-items:center;gap:12px;margin-bottom:44px;display:flex}.login-logo-row .mark{background:var(--orange);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex}.login-logo-row .texts .t1{font-size:1rem;font-weight:700}.login-logo-row .texts .t2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.login-panel h1{margin-bottom:6px;font-size:1.5rem}.login-panel .sub{color:var(--text-muted);margin-bottom:32px;font-size:.85rem}.btn-google{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:600;transition:background .1s;display:flex}.btn-google:hover{background:var(--surface-2)}.divider{align-items:center;gap:10px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--text-muted);font-size:.72rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:6px}.mt-2{margin-top:14px}.mt-3{margin-top:22px}.mb-4{margin-bottom:22px}.text-muted{color:var(--text-muted)}.text-sm{font-size:.78rem}.fw-600{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.login-aside{display:none}.login-panel{width:100%;padding:40px 28px}}