@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-color:#070e20;--text-main:#fff;--text-muted:#94a3b8;--primary-color:#3b82f6;--primary-glow:rgba(59,130,246,.5);--font-family:"Inter",sans-serif;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}a,div,h1,h2,h3,h4,h5,h6,p,span{color:inherit}a{text-decoration:none}.landing-container{flex-direction:column;min-height:100vh;overflow:hidden;background-color:#f3f4f6}.landing-container,.navbar{display:flex;position:relative}.navbar{align-items:center;justify-content:space-between;padding:20px 48px;z-index:10}.nav-left{gap:40px}.brand,.nav-left{display:flex;align-items:center}.brand{gap:12px;font-weight:700;font-size:1.25rem;letter-spacing:-.5px}.brand-icon{width:24px;height:24px;background-color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--bg-color)}.nav-links{display:flex;gap:24px}.nav-item{font-size:.95rem;color:#cbd5e1;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:var(--transition)}.nav-item:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:24px}.login-btn{font-size:.95rem;font-weight:500;background:transparent}.login-btn:hover{color:#cbd5e1}.demo-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 24px;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 0 15px var(--primary-glow)}.demo-btn:hover{box-shadow:0 0 25px var(--primary-glow);transform:translateY(-1px)}.hero-section{display:flex;align-items:center;justify-content:space-between;flex:1 1;padding:0 8%;position:relative;z-index:5}.hero-content{max-width:48%}.hero-title{font-size:3.5rem;line-height:1.2;font-weight:700;margin-bottom:24px;letter-spacing:-1px}.highlight{color:#38bdf8}.hero-subtitle{font-size:1.1rem;line-height:1.6;color:#94a3b8;margin-bottom:40px;max-width:90%}.hero-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 0 20px var(--primary-glow)}.hero-btn:hover{box-shadow:0 0 35px var(--primary-glow);transform:scale(1.02)}.hero-graphic{width:500px;height:500px;margin-right:5%}.glow-center,.hero-graphic{position:relative;display:flex;align-items:center;justify-content:center}.glow-center{width:140px;height:140px;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:24px;transform:rotate(45deg);box-shadow:0 0 60px rgba(56,189,248,.5);z-index:2}.glow-center:after{content:"✦";font-size:4rem;color:#fff;transform:rotate(-45deg);text-shadow:0 0 10px hsla(0,0%,100%,.5)}.floating-card{position:absolute;background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;z-index:1}.card-1{top:15%;right:-5%;width:220px;height:100px;animation:float 6s ease-in-out infinite}.card-2{bottom:15%;left:0;width:260px;height:120px;animation:float 8s ease-in-out infinite reverse}.card-3{bottom:5%;right:15%;width:180px;height:80px;animation:float 7s ease-in-out 1s infinite}.skeleton-bar{height:8px;border-radius:4px;background:hsla(0,0%,100%,.1);margin-bottom:12px}.skeleton-bar.w-full{width:100%}.skeleton-bar.w-3-4{width:75%}.skeleton-bar.w-1-2{width:50%}.ring{position:absolute;border:1px solid rgba(56,189,248,.15);border-radius:50%}.ring-1{width:320px;height:320px}.ring-2{width:480px;height:480px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#0b1121;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.05);z-index:50;box-shadow:0 -10px 30px rgba(0,0,0,.3)}.cookie-text h4{margin-bottom:8px;font-size:1rem}.cookie-text p{color:var(--text-muted);font-size:.85rem;max-width:800px;line-height:1.5}.cookie-actions{display:flex;gap:12px}.cookie-actions button{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-setting{background:transparent;color:#38bdf8;border:none;text-decoration:underline}.btn-reject{background:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn-reject:hover{background:hsla(0,0%,100%,.05)}.btn-accept{background:#38bdf8;color:#0f172a;border:none;font-weight:600}.btn-accept:hover{background:#7dd3fc}.login-root{display:flex;min-height:100vh;background:#fff}.login-left{position:relative;flex:0 0 50%;overflow:hidden;background-image:url(/5.jpg);background-size:cover;background-position:50%}.login-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(220,80,160,.55),rgba(130,80,210,.65))}.login-left-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:48px}.login-brand-badge{width:72px;height:72px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.25)}.login-brand-logo{width:48px;height:48px;object-fit:contain}.login-tagline{font-size:2.2rem;font-weight:900;color:#fff;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.login-tagline-sub{font-size:1rem;color:hsla(0,0%,100%,.85);margin:0;font-weight:500}.login-right{flex:0 0 50%;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:#fff}.login-form-wrap{width:100%;max-width:420px}.login-error{display:flex;align-items:center;gap:8px;background:#fff0f0;border:1px solid #fca5a5;border-radius:10px;padding:12px 14px;margin-bottom:20px;font-size:.85rem;color:#dc2626}.login-form{gap:20px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{font-size:.85rem;font-weight:700;color:#333}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;font-size:.9rem;pointer-events:none}.login-input{width:100%;padding:12px 40px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;color:#222;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.login-input:focus{border-color:#e0259a;box-shadow:0 0 0 3px rgba(224,37,154,.1)}.login-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa}.login-row{justify-content:space-between;gap:12px}.login-remember,.login-row{display:flex;align-items:center}.login-remember{gap:7px;font-size:.85rem;color:#555;cursor:pointer}.login-checkbox{width:16px;height:16px;accent-color:#e0259a}.login-forgot{background:none;font-size:.85rem;font-weight:700;color:#e0259a}.login-btn,.login-forgot{border:none;cursor:pointer}.login-btn{width:100%;padding:14px;background:linear-gradient(90deg,#e0259a,#c01880);color:#fff;border-radius:8px;font-size:1.05rem;font-weight:800;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.login-btn:hover{opacity:.92;color:#fff}.login-footer{margin-top:32px;text-align:center;font-size:.75rem;color:#aaa}@media (max-width:1024px){.login-root{flex-direction:column}.login-left{flex:0 0 250px}.login-right{flex:1 1;padding:30px}}.app-sidebar{background:#fff;border-right:1px solid #e2e8f0;transition:width .3s ease,transform .3s ease;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.si-btn,.si-item{color:#475569;border-radius:8px;transition:all .2s;background:transparent;display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;font-weight:500;font-size:14px}.si-btn:hover,.si-item:hover{background:#f1f5f9;color:#0f172a}.si-btn.active,.si-item.active{background:rgba(59,130,246,.1);color:#2563eb}:root{--muted:#f1f5f9;--muted-foreground:#64748b;--border:#e2e8f0}.bg-card{background-color:#fff}.bg-light\/30{background-color:rgba(248,249,250,.3)!important}.topbar-container{display:flex;align-items:center;justify-content:space-between;height:64px;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 1px 2px rgba(0,0,0,.02)}.topbar-icon-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:background .2s;position:relative}.topbar-icon-btn:hover{background:#f1f5f9;color:#0f172a}.page-header-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;background:#ebf0f5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10;transition:all .3s ease}.page-header-bar:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:#e2e8f0;opacity:1}.page-header-left{gap:16px;min-width:0}.page-header-left,.ph-icon-box{display:flex;align-items:center}.ph-icon-box{width:48px;height:48px;border-radius:14px;justify-content:center;flex-shrink:0;font-size:22px;transition:transform .2s ease}.ph-icon-box:hover{transform:scale(1.05)}.ph-icon-box-rose{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2)}.ph-icon-box-indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.ph-icon-box-emerald{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.ph-icon-box-amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.ph-icon-box-blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.ph-icon-box-violet{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.ph-icon-box-cyan{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.2)}.ph-icon-rose{color:#f43f5e}.ph-icon-indigo{color:#6366f1}.ph-icon-emerald{color:#10b981}.ph-icon-amber{color:#f59e0b}.ph-icon-blue{color:#3b82f6}.ph-icon-violet{color:#8b5cf6}.ph-icon-cyan{color:#06b6d4}.ph-text{display:flex;flex-direction:column;gap:2px;min-width:0}.page-header-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header-desc{font-size:13px;color:#64748b;margin:0;line-height:1.4;opacity:.85}.page-header-right{display:flex;align-items:center;gap:24px;flex-shrink:0}.page-header-clock{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.page-header-date{font-size:11px;font-weight:500;color:#64748b;letter-spacing:.05em;opacity:.7}@keyframes pulse-opacity{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.point-selected circle{fill:#ef4444!important;stroke:#ef4444!important;animation:pulse-opacity .6s infinite;transform-box:fill-box;transform-origin:center}.point-selected text{fill:#ef4444!important;font-weight:800!important}@keyframes branchBlink{0%,to{opacity:1;fill:#ef4444;stroke:#ef4444}50%{opacity:.4;fill:#fca5a5;stroke:#fca5a5}}.branch-selected-circle{animation:branchBlink 1s infinite}.branch-selected circle{fill:#ef4444!important;stroke:#ef4444!important;animation:pulse-opacity .6s infinite;transform-box:fill-box;transform-origin:center}.branch-selected text{fill:#ef4444!important;font-weight:800!important}