@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";:root{--bg-sidebar:#0b0f19;--bg-sidebar-hover:#1e293b;--bg-main:#f4f7fb;--text-main:#0f172a;--text-muted:#64748b;--text-light:#f8fafc;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e526;--card-bg:#fffffff2;--border-color:#e2e8f0cc;--gradient-bg:radial-gradient(circle at 15% 50%, #4f46e50a, transparent 25%), radial-gradient(circle at 85% 30%, #38bdf80a, transparent 25%);--shadow-sm:0 2px 4px #0f172a05;--shadow-md:0 10px 20px -3px #0f172a0a, 0 4px 6px -2px #0f172a05;--shadow-lg:0 20px 40px -4px #0f172a0f, 0 10px 15px -3px #0f172a08}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:var(--gradient-bg);min-height:100vh;color:var(--text-main);letter-spacing:.01em;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);width:270px;color:var(--text-light);white-space:nowrap;z-index:100;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:4px 0 24px #0b0f191a}.sidebar-master{background:linear-gradient(#1e1b4b 0%,#312e81 100%);border-right:1px solid #ffffff0d}.sidebar.collapsed{opacity:0;width:0;min-width:0}.sidebar-header{letter-spacing:-.5px;color:#fff;border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:32px 24px;font-size:1.3rem;font-weight:700;display:flex}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.nav-item{color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:14px;padding:14px 28px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff08}.nav-item.active{color:#fff;border-left-color:var(--primary);background:linear-gradient(90deg,#4f46e51a 0%,#0000 100%)}.submenu-item{color:#64748b;cursor:pointer;border-left:3px solid #0000;padding:12px 24px 12px 52px;font-size:.88rem;font-weight:400;transition:all .25s}.submenu-item:hover{color:#e2e8f0}.submenu-item.active{color:var(--primary);background:var(--primary-glow);border-left-color:var(--primary);font-weight:500}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#ffffffb3;border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.user-profile{color:var(--text-muted);align-items:center;gap:20px;font-size:.9rem;font-weight:500;display:flex}.logout-btn{color:#ef4444;cursor:pointer;background:#fee2e280;border:none;border-radius:8px;padding:8px 20px;font-family:Outfit,sans-serif;font-weight:600;transition:all .2s}.logout-btn:hover{background:#fecaca;transform:translateY(-1px)}.content-area{flex:1;padding:40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.page-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:6px;font-size:2.2rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:1rem;font-weight:400}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:32px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.card-title{color:var(--text-main);margin-bottom:6px;font-size:1.25rem;font-weight:600}.card-desc{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:24px}.form-label{color:#334155;letter-spacing:.01em;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-control{width:100%;color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .25s;box-shadow:inset 0 2px 4px #00000003}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background-color:#fff;outline:none}.form-control::placeholder{color:#94a3b8}.form-row{gap:24px;display:flex}.form-row .form-group{flex:1}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e54d}.btn-primary:active{transform:translateY(0)}.btn-outline{color:#334155;cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-outline:hover{color:var(--text-main);background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.tabs{border-bottom:2px solid #f1f5f9;gap:40px;margin-bottom:32px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:16px 0;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;position:relative}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);font-weight:600}.tab-btn.active:after{content:"";background-color:var(--primary);width:100%;height:3px;box-shadow:0 -2px 10px var(--primary-glow);border-radius:3px 3px 0 0;position:absolute;bottom:-2px;left:0}.context-layout{gap:32px;display:flex}.context-menu{background:0 0;width:250px;height:fit-content;padding:0}.context-menu-item{cursor:pointer;color:var(--text-muted);border-radius:10px;align-items:center;gap:14px;margin-bottom:6px;padding:16px 20px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.context-menu-item:hover{color:var(--text-main);background:#fffc;transform:translate(4px)}.context-menu-item.active{background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm);border:1px solid #e2e8f080;font-weight:600;transform:translate(0)}.context-pane{flex:1}.empty-state{text-align:center;color:var(--text-muted);background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:48px;font-size:1rem;font-weight:400}.badge{color:#475569;letter-spacing:.05em;text-transform:uppercase;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700}.badge-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:#d97706;background:#fefce8;border:1px solid #fde047}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.grid-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.grid-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-6px)}.grid-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.integration-logo{width:56px;height:56px;color:var(--primary);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:inset 0 2px 4px #fffc}.dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #94a3b8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;transition:all .3s;display:flex}.dropzone:hover{border-color:var(--primary);background:var(--primary-glow);transform:scale(1.01)}.uploaded-file{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:16px 20px;transition:transform .2s;display:flex}.uploaded-file:hover{border-color:#cbd5e1;transform:translate(4px)}.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.auth-bg-shape{filter:blur(8px);pointer-events:none;border-radius:999px;position:absolute}.auth-bg-shape-left{background:radial-gradient(circle,#4f46e533,#0000 70%);width:340px;height:340px;top:-60px;left:-80px}.auth-bg-shape-right{background:radial-gradient(circle,#38bdf829,#0000 70%);width:320px;height:320px;bottom:-70px;right:-90px}.auth-shell{z-index:2;border:1px solid var(--border-color);width:min(980px,100%);box-shadow:var(--shadow-lg);background:#ffffffe6;border-radius:22px;grid-template-columns:1.2fr 1fr;display:grid;position:relative;overflow:hidden}.auth-brand-panel{color:var(--text-light);background:linear-gradient(150deg,#0b0f19 0%,#1e293b 100%);flex-direction:column;justify-content:center;padding:48px 42px;display:flex}.auth-brand-header{letter-spacing:-.2px;align-items:center;gap:12px;font-weight:700;display:flex}.auth-brand-logo{background:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auth-title{letter-spacing:-.6px;margin-top:22px;font-size:2rem;line-height:1.2}.auth-subtitle{color:#cbd5e1;max-width:480px;margin-top:14px;font-size:.95rem;line-height:1.6}.auth-hints{flex-direction:column;gap:10px;margin-top:26px;display:flex}.auth-hint-item{color:#dbeafe;align-items:center;gap:10px;font-size:.9rem;display:flex}.auth-card{background:#fffffffa;flex-direction:column;justify-content:center;padding:46px 36px;display:flex}.auth-card-title{color:var(--text-main);letter-spacing:-.4px;margin-bottom:6px;font-size:1.55rem}.auth-card-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.92rem}.auth-submit-btn{width:100%;margin-top:4px}.auth-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin-bottom:18px;padding:10px 12px;font-size:.86rem;font-weight:500}@media (width<=960px){.auth-layout{padding:18px}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{padding:30px 24px}.auth-title{font-size:1.5rem}.auth-card{padding:28px 22px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0b0f19a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:32px;display:flex}.pipe-animate-up{position:relative}.pipe-animate-up:before{content:"";z-index:10;background:#facc15;border-radius:10px;width:6px;height:12px;animation:.7s linear infinite ball-move-up;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #facc15}.pipe-animate-down{position:relative}.pipe-animate-down:before{content:"";z-index:10;background:#3b82f6;border-radius:10px;width:6px;height:12px;animation:.7s linear infinite ball-move-down;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #3b82f6}@keyframes ball-move-up{0%{opacity:0;top:100%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:-10px}}@keyframes ball-move-down{0%{opacity:0;top:-10px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.pipe-horizontal-up{box-shadow:0 0 15px #facc15;background:#facc15!important}.pipe-horizontal-down{box-shadow:0 0 15px #3b82f6;background:#3b82f6!important}.pipe-bridge-in-left:before,.pipe-bridge-out-left:before,.pipe-bridge-in-right:before,.pipe-bridge-out-right:before{content:"";z-index:10;border-radius:10px;width:12px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.pipe-bridge-in-left:before{background:#facc15;animation:.5s linear infinite ball-move-right;box-shadow:0 0 12px 4px #facc15}.pipe-bridge-in-right:before{background:#facc15;animation:.5s linear infinite ball-move-left;box-shadow:0 0 12px 4px #facc15}.pipe-bridge-out-left:before{background:#3b82f6;animation:.5s linear infinite ball-move-left;box-shadow:0 0 12px 4px #3b82f6}.pipe-bridge-out-right:before{background:#3b82f6;animation:.5s linear infinite ball-move-right;box-shadow:0 0 12px 4px #3b82f6}@keyframes ball-move-right{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}@keyframes ball-move-left{0%{opacity:0;left:100%}10%{opacity:1;left:90%}90%{opacity:1;left:10%}to{opacity:0;left:0%}}@keyframes path-pill{0%{offset-distance:0%;opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(.5)}}@keyframes path-pill-reverse{0%{offset-distance:100%;opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}to{offset-distance:0%;opacity:0;transform:scale(.5)}}.pill-traveling{z-index:10;pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0}.pill-up{background:#facc15;animation:.7s cubic-bezier(.4,0,.2,1) forwards path-pill-reverse;box-shadow:0 0 16px 6px #facc15}.pill-down{background:#3b82f6;animation:.7s cubic-bezier(.4,0,.2,1) forwards path-pill;box-shadow:0 0 16px 6px #3b82f6}