@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--blue-dark:#032d60;--blue-mid:#0b5cab;--blue-brand:#0176d3;--blue-light:#1b96ff;--blue-pale:#d8edff;--blue-bg:#eff5fe;--green:#2e844a;--green-light:#d4edda;--red:#ba0517;--red-light:#fcdbd9;--yellow:#a87100;--yellow-light:#fef0c2;--purple:#7526e3;--purple-light:#f3e9fd;--neutral-0:#fff;--neutral-1:#f3f3f3;--neutral-2:#e5e5e5;--neutral-3:#c9c9c9;--neutral-5:#939393;--neutral-7:#5a5a5a;--neutral-9:#2e2e2e;--neutral-10:#181818;--sidebar-w:260px;--topbar-h:54px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 4px #00000014;--shadow:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--neutral-1);height:100%;color:var(--neutral-9);font-family:Inter,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--blue-dark);z-index:20;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:20px 18px 16px;display:flex}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--blue-light), var(--blue-brand));border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;box-shadow:0 2px 8px #0176d380}.sidebar-logo .logo-text{flex-direction:column;display:flex}.sidebar-logo .logo-title{color:#fff;letter-spacing:.3px;font-size:13px;font-weight:700}.sidebar-logo .logo-sub{color:#ffffff80;font-size:10px;font-weight:400}.sidebar-nav{flex:1;padding:12px 0}.nav-section-label{color:#fff6;text-transform:uppercase;letter-spacing:1px;padding:12px 18px 4px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:#ffffffb8;transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 18px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:var(--blue-light);border-left-color:var(--blue-light);background:#1b96ff2e}.nav-item svg{opacity:.85;flex-shrink:0}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--neutral-0);border-bottom:1px solid var(--neutral-2);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.topbar-title{color:var(--neutral-9);flex:1;font-size:16px;font-weight:700}.topbar-badge{background:var(--blue-pale);color:var(--blue-brand);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.topbar-avatar{background:linear-gradient(135deg, var(--blue-brand), var(--purple));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.page-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.stat-card{background:var(--neutral-0);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-2);transition:var(--transition);cursor:default;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-5);font-size:11px;font-weight:600}.stat-value{color:var(--neutral-10);font-size:32px;font-weight:800;line-height:1}.stat-sub{color:var(--neutral-5);font-size:11px}.stat-card.blue .stat-value{color:var(--blue-brand)}.stat-card.green .stat-value{color:var(--green)}.stat-card.yellow .stat-value{color:var(--yellow)}.stat-card.purple .stat-value{color:var(--purple)}.card{background:var(--neutral-0);border-radius:var(--radius);border:1px solid var(--neutral-2);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--neutral-2);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--neutral-9);font-size:14px;font-weight:700}.card-body{padding:16px 20px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap svg{color:var(--neutral-5);pointer-events:none;position:absolute;left:10px}.search-input{border:1px solid var(--neutral-2);border-radius:var(--radius-sm);width:240px;color:var(--neutral-9);background:var(--neutral-0);transition:var(--transition);outline:none;padding:7px 12px 7px 34px;font-size:13px}.search-input:focus{border-color:var(--blue-brand);box-shadow:0 0 0 3px var(--blue-pale)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--blue-brand);color:#fff}.btn-primary:hover{background:var(--blue-mid)}.btn-outline{background:var(--neutral-0);color:var(--neutral-7);border:1px solid var(--neutral-2)}.btn-outline:hover{background:var(--neutral-1)}.btn-ghost{color:var(--blue-brand);background:0 0;padding:5px 8px}.btn-ghost:hover{background:var(--blue-pale)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-sm{padding:4px 10px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--neutral-1);text-transform:uppercase;letter-spacing:.6px;color:var(--neutral-5);text-align:left;border-bottom:2px solid var(--neutral-2);padding:10px 14px;font-size:11px;font-weight:700}tbody tr{border-bottom:1px solid var(--neutral-2);transition:background var(--transition)}tbody tr:hover{background:var(--blue-bg)}tbody td{color:var(--neutral-7);padding:11px 14px;font-size:13px}tbody td a,.link-btn{color:var(--blue-brand);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-pale);color:var(--blue-brand)}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-yellow{background:var(--yellow-light);color:var(--yellow)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-grey{background:var(--neutral-2);color:var(--neutral-5)}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.18s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--neutral-2);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--neutral-2);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.form-grid.cols-1{grid-template-columns:1fr}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.span-2{grid-column:span 2}label{color:var(--neutral-7);font-size:12px;font-weight:600}input[type=text],input[type=email],input[type=date],input[type=number],select,textarea{border:1px solid var(--neutral-2);border-radius:var(--radius-sm);color:var(--neutral-9);background:var(--neutral-0);transition:var(--transition);outline:none;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--blue-brand);box-shadow:0 0 0 3px var(--blue-pale)}textarea{resize:vertical;min-height:80px}.empty-state{color:var(--neutral-5);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state svg{opacity:.3}.empty-state p{font-size:14px}.loading{color:var(--blue-brand);justify-content:center;align-items:center;padding:48px;display:flex}.spinner{border:3px solid var(--blue-pale);border-top-color:var(--blue-brand);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:300;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--neutral-10);color:#fff;border-radius:var(--radius);min-width:320px;max-width:450px;box-shadow:var(--shadow-lg);border-left:5px solid #ffffff4d;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;font-weight:500;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.toast-success{background:var(--green)}.toast-error{background:var(--red);box-shadow:0 8px 32px #ba051740}.toast-info{background:var(--blue-brand)}.toast-message{flex:1;line-height:1.4}.toast-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:2px;transition:all .2s;display:flex}.toast-close:hover{opacity:1;transform:scale(1.1)}.pipeline{gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.pipeline-col{background:var(--neutral-1);border-radius:var(--radius);flex:1;min-width:200px;padding:12px}.pipeline-col-title{text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.pipeline-card{background:var(--neutral-0);border-radius:var(--radius-sm);border:1px solid var(--neutral-2);box-shadow:var(--shadow-sm);margin-bottom:8px;padding:10px 12px;font-size:12px}.pipeline-card strong{color:var(--neutral-9);margin-bottom:3px;display:block}.pipeline-card span{color:var(--neutral-5)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-3);border-radius:99px}.login-container{background:linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-brand) 100%);justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-card{background:var(--neutral-0);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px;animation:.4s slideUp}.login-header{text-align:center;margin-bottom:32px}.login-icon{color:var(--blue-brand);margin-bottom:16px}.login-header h1{color:var(--neutral-10);margin-bottom:4px;font-size:22px;font-weight:800}.login-header p{color:var(--neutral-5);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{background:var(--red-light);color:var(--red);border-radius:var(--radius-sm);text-align:center;padding:10px;font-size:13px;font-weight:600}.login-form button{background:var(--blue-brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;margin-top:10px;padding:12px;font-size:15px;font-weight:700}.login-form button:hover{background:var(--blue-mid);transform:translateY(-1px)}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid var(--neutral-2);margin-top:32px;padding-top:20px}.login-footer p{color:var(--neutral-5);text-transform:uppercase;letter-spacing:1px;font-size:11px}