@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#0b0f19;--bg-surface:#111827;--bg-card:#111827d9;--bg-card-hover:#1f2937f2;--primary:#c29c55;--primary-hover:#a3803f;--accent-cyan:#38bdf8;--accent-gold:#c29c55;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--purple:#8b5cf6;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-subtle:#ffffff1a;--border-active:#c29c5580;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:1.25rem}.glass-card:hover{border-color:var(--border-active)}.app-container{width:100%;min-height:100vh;display:flex;overflow-x:clip}.sidebar{border-right:1px solid var(--border-subtle);z-index:50;background:#0d1322;flex-direction:column;width:260px;height:100vh;padding:1.25rem 1rem;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.sidebar.collapsed{width:76px;padding:1.25rem .6rem}.main-content{flex-direction:column;flex:1;min-width:0;max-width:100%;margin-left:260px;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:clip}.main-content.sidebar-collapsed{margin-left:76px}.top-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:40;box-sizing:border-box;background:#0d1322f2;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 1.75rem;display:flex;position:sticky;top:0}.content-wrapper{box-sizing:border-box;flex:1;width:100%;min-width:0;padding:1.75rem;overflow-x:clip}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.725rem;font-weight:600;display:inline-flex}.badge-blue{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.badge-green{color:#34d399;background:#10b98126;border:1px solid #34d3994d}.badge-amber{color:#c29c55;background:#c29c552e;border:1px solid #c29c5566}.badge-red{color:#f87171;background:#ef444426;border:1px solid #f871714d}.badge-purple{color:#c084fc;background:#8b5cf626;border:1px solid #c084fc4d}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#0b0f19;font-weight:700}.btn-primary:hover{background:var(--primary);color:#0b0f19}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;padding:.45rem}.btn-icon:hover{color:var(--text-primary);background:#ffffff1f}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-content{border:1px solid var(--border-active);border-radius:var(--radius-md);background:#111827;width:100%;padding:1.5rem;animation:.2s ease-out forwards modalPop;box-shadow:0 20px 50px #000c}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.pipeline-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.data-table-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.custom-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);background:#131b2e;padding:.75rem .9rem;font-size:.75rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);white-space:nowrap;padding:.75rem .9rem}.custom-table tbody tr:hover td{background:#c29c5514}@keyframes skeletonPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 37%,#ffffff0a 63%) 0 0/400% 100%;animation:1.4s infinite skeletonPulse;display:inline-block;position:relative;overflow:hidden}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.empty-state-container{text-align:center;border-radius:var(--radius-md);background:#0f172a99;border:1px dashed #c29c554d;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;padding:3rem 1.5rem;display:flex}.sidebar-hamburger-btn{display:none!important}.sidebar-backdrop{display:none}.sidebar-btn-mobile-icon,.login-mobile-brand{display:none!important}.login-mobile-features{display:none}@media (max-width:768px){.login-hero-panel{display:none!important}.login-mobile-brand,.login-mobile-features{display:flex!important}.login-form-wrapper{padding:1.5rem 1rem!important}.sidebar-hamburger-btn{display:inline-flex!important}.sidebar-btn-desktop-icon{display:none!important}.sidebar-btn-mobile-icon{display:inline-flex!important}.navbar-subtitle,.btn-text-desktop{display:none!important}.navbar-page-title{font-size:.925rem!important}.main-content,.main-content.sidebar-collapsed{width:100%!important;margin-left:0!important}.top-navbar{height:56px!important;padding:0 .75rem!important}.content-wrapper{padding:.65rem!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;background:#000000bf;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0;display:block!important}.sidebar,.sidebar.collapsed{box-shadow:10px 0 30px #000000d9;z-index:999!important;width:250px!important;height:100vh!important;padding:1.25rem 1rem!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important}body{font-size:.8rem!important}.glass-card{border-radius:var(--radius-sm)!important;padding:.75rem!important}.btn{padding:.35rem .65rem!important;font-size:.75rem!important}.btn-icon{padding:.35rem!important}.badge{padding:.15rem .4rem!important;font-size:.65rem!important}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:.6rem!important}.pipeline-board{grid-template-columns:1fr!important}.custom-table{font-size:.725rem!important}.custom-table th{padding:.5rem .6rem!important;font-size:.675rem!important}.custom-table td{padding:.5rem .6rem!important;font-size:.725rem!important}.modal-content{max-height:90vh!important;padding:1rem!important;overflow-y:auto!important}.modal-overlay{padding:.5rem!important}.data-table-container{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr!important}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.smooth-view-container{will-change:opacity, transform;min-height:450px;animation:.28s cubic-bezier(.4,0,.2,1) forwards viewFadeIn}.toggle-pill-group{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0a;padding:.2rem;display:flex;position:relative}.toggle-pill-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.toggle-pill-btn:hover{color:#fff}.toggle-pill-btn.active{color:#0b0f19;background:linear-gradient(135deg,#c29c55,#a3803f);font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #c29c5559}