@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-tertiary:#f1f3f7;--bg-input:#f4f5f9;--bg-hover:#eef0f5;--bg-sidebar:#0f1117;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:#6366f126;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-sidebar:#94a3b8;--text-sidebar-active:#fff;--border:#e5e7eb;--border-light:#f0f0f5;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f114;--accent-text:#fff;--red:#ef4444;--red-bg:#ef444414;--orange:#f59e0b;--orange-bg:#f59e0b14;--green:#22c55e;--green-bg:#22c55e14;--blue:#3b82f6;--blue-bg:#3b82f614;--purple:#8b5cf6;--purple-bg:#8b5cf614;--cyan:#06b6d4;--cyan-bg:#06b6d414;--gray:#6b7280;--gray-bg:#6b728014;--yellow:#eab308;--yellow-bg:#eab30814;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:264px;--sidebar-collapsed:64px;--topbar-height:56px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease}[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-tertiary:#252830;--bg-input:#1e2028;--bg-hover:#2a2d38;--bg-sidebar:#0a0c10;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#2a2d38;--border-light:#1e2028;--shadow-sm:0 1px 2px #0003;--shadow:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Geist Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--accent);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#fff}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:100;flex-direction:column;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.sidebar-brand h1{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.sidebar-brand p{color:var(--text-sidebar);margin-top:1px;font-size:11px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff40;padding:16px 10px 6px;font-size:10px;font-weight:700}.sidebar-nav a{border-radius:var(--radius-sm);color:var(--text-sidebar);transition:var(--transition-fast);align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:450;display:flex;position:relative}.sidebar-nav a:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-nav a.active{background:var(--bg-sidebar-active);color:var(--accent);font-weight:600}.sidebar-nav a.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar-nav .nav-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-nav a.active .nav-icon{opacity:1}.sidebar-bottom{border-top:1px solid #ffffff0f;padding:12px}.sidebar-user{border-radius:var(--radius);background:#ffffff08;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user-avatar{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info .name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-info .role{color:var(--text-sidebar);font-size:10px}.logout-btn{color:var(--text-sidebar);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.logout-btn:hover{color:var(--red);background:#ef44441a}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-section-label{text-align:center;padding:10px 0 2px;font-size:0}.sidebar.collapsed .sidebar-section-label:after{content:"";background:#ffffff1a;width:24px;height:1px;margin:0 auto;display:block}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-nav a.active:before{left:0}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:20px 10px 16px}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .sidebar-bottom{padding:8px}.sidebar.collapsed~.main-area{margin-left:68px}.main-area{min-width:0;margin-left:var(--sidebar-width);flex:1;min-height:100vh;transition:margin-left .3s;overflow:hidden}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#f8f9fbd9;justify-content:flex-end;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}[data-theme=dark] .topbar{background:#0f1117d9}.main-content{padding:24px}.page-header{margin-bottom:24px}.page-header h2{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3}.page-header p{color:var(--text-muted);margin-top:2px;font-size:13px}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:650;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);align-items:flex-start;gap:16px;padding:20px;display:flex}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #6366f11f}.stat-card:active{transform:translateY(0)}.stat-card-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:500}.stat-card-value{font-size:26px;font-weight:800;line-height:1}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-icon{width:36px;height:36px;padding:8px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-gray{background:var(--gray-bg);color:var(--gray)}.badge-cyan{background:var(--cyan-bg);color:var(--cyan)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-textarea{resize:vertical;min-height:100px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.form-error{color:var(--red);margin-top:4px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-checkbox input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{border-bottom:2px solid var(--border)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:650}td{border-bottom:1px solid var(--border-light);padding:12px 14px;font-size:13px}tbody tr{cursor:pointer;border-left:3px solid #0000;transition:all .15s}tbody tr:hover{background:var(--bg-hover);border-left-color:var(--accent)}tbody tr:active{transform:scale(.998)}tbody tr:last-child td{border-bottom:none}.tabs{border-bottom:2px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:550}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:85vh;animation:.2s scaleIn;overflow-y:auto}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-bar .form-input,.filter-bar .form-select{width:auto;min-width:150px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600}.info-value{color:var(--text-primary);font-size:14px;font-weight:500}.two-col{grid-template-columns:1fr 320px;align-items:flex-start;gap:20px;display:grid}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:20px;display:flex}.pagination-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px;font-weight:500}.pagination-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 4px}.pagination button{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.timeline{flex-direction:column;display:flex}.timeline-item{border-bottom:1px solid var(--border-light);gap:14px;padding:14px 0;display:flex;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.timeline-title{color:var(--text-primary);font-size:13px;font-weight:500}.timeline-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.4;margin-bottom:12px}.empty-state-title{color:var(--text-secondary);margin-bottom:4px;font-size:15px;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:320px;font-size:13px}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.notif-bell{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.notif-bell:hover{background:var(--bg-hover);border-color:var(--text-muted)}.notif-badge{background:var(--red);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s scaleIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dropdown-header h4{font-size:14px;font-weight:650}.notif-dropdown-body{max-height:360px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast);gap:10px;padding:12px 16px;display:flex}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:var(--accent-light)}.notif-item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:500;line-height:1.4}.notif-item-time{color:var(--text-muted);margin-top:2px;font-size:11px}.login-page{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-form-area{z-index:2;background:linear-gradient(145deg,#fafbff 0%,#f4f6ff 38%,#f8f9fb 100%);grid-area:1/1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.login-form-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-form-glow{filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.login-form-glow--1{background:#6366f12e;width:420px;height:420px;top:-120px;left:-80px}.login-form-glow--2{background:#8b5cf624;width:320px;height:320px;bottom:-100px;right:-60px}.login-form-grid{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 30% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 30% 40%,#000 20%,#0000 75%)}.login-form-card{z-index:1;-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #6366f11f;border-radius:22px;width:100%;max-width:420px;padding:36px 34px 28px;position:relative;box-shadow:inset 0 1px #ffffffe6,0 24px 48px #6366f11a,0 8px 20px #0f172a0a}.login-form-enter{animation:.65s cubic-bezier(.22,1,.36,1) both login-form-enter}.login-brand{margin-bottom:28px}.login-brand-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.login-brand-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#22d3ee 100%) 0 0/200% 200%;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;animation:4s infinite login-hero-icon-gradient;display:flex;box-shadow:0 10px 24px #6366f159}.login-brand h1{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:26px;font-weight:800;line-height:1.15}.login-brand-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:2px 0 0;font-size:11px;font-weight:700}.login-brand-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.login-brand--center{text-align:center}.login-brand--center h1{font-size:22px}.login-brand--center .login-brand-desc{margin-top:8px}.login-alert{border:1px solid #0000;border-radius:12px;margin-bottom:20px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.45}.login-alert--center{text-align:center}.login-field{margin-bottom:18px}.login-label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input{width:100%;color:var(--text-primary);border:1.5px solid var(--border);background:#fff;border-radius:12px;outline:none;padding:13px 14px 13px 42px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input--has-action{padding-right:44px}.login-input::placeholder{color:var(--text-muted)}.login-input-wrap:focus-within .login-input-icon{color:var(--accent)}.login-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #6366f11f}.login-input-action{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;right:6px}.login-input-action:hover{color:var(--accent);background:var(--accent-light)}.login-options{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-check{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.login-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.login-link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--accent-hover)}.login-submit{letter-spacing:-.01em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 50%,#6366f1 100%) 0 0/200%;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background-position .4s,opacity .2s;display:flex;box-shadow:0 10px 28px #6366f159}.login-submit:hover:not(:disabled){background-position:100%;transform:translateY(-1px);box-shadow:0 14px 32px #6366f16b}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-form-foot{text-align:center;letter-spacing:.02em;color:var(--text-muted);margin:18px 0 0;font-size:11px;font-weight:500}.login-2fa-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;display:flex;box-shadow:0 12px 28px #6366f159}.login-code-grid{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.login-code-input{text-align:center;width:46px;height:54px;color:var(--text-primary);border:1.5px solid var(--border);background:#fff;border-radius:12px;outline:none;font-family:inherit;font-size:22px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s}.login-code-input:focus{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 4px #6366f11f}.login-code-input--filled{background:#6366f10a;border-color:#6366f173}.login-2fa-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.login-text-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-family:inherit;font-size:13px;transition:color .2s;display:inline-flex}.login-text-btn:hover:not(:disabled){color:var(--text-secondary)}.login-text-btn--accent{color:var(--accent);font-weight:600}.login-text-btn--accent:hover:not(:disabled){color:var(--accent-hover)}.login-text-btn:disabled{cursor:default;opacity:.6}@keyframes login-form-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-seam-badge{z-index:3;pointer-events:none;grid-area:1/1/auto/-1;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.login-seam-badge a{pointer-events:auto}.login-hero{color:#fff;z-index:2;background:#0f0d2e;grid-area:1/2;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:100vh;padding:32px 40px 48px;display:flex;position:relative;overflow:hidden}.login-hero-mesh{pointer-events:none;background:radial-gradient(50% 40% at 20% 30%,#6366f173 0%,#0000 55%),radial-gradient(45% 35% at 80% 70%,#8b5cf659 0%,#0000 50%),radial-gradient(40% 30% at 60% 20%,#3b82f640 0%,#0000 45%);animation:12s ease-in-out infinite alternate login-hero-mesh-shift;position:absolute;inset:-50%}.login-hero-bg{pointer-events:none;position:absolute;inset:0}.login-hero-grid{background-image:linear-gradient(#a78bfa14 1px,#0000 1px),linear-gradient(90deg,#67e8f912 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite login-hero-grid-drift;position:absolute;inset:-48px;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 15%,#0000 72%)}.login-hero-glow{filter:blur(70px);border-radius:50%;animation:10s ease-in-out infinite login-hero-glow-drift;position:absolute}.login-hero-glow--1{background:#6366f17a;width:340px;height:340px;top:-100px;right:-60px}.login-hero-glow--2{background:#a78bfa61;width:260px;height:260px;animation-duration:14s;animation-delay:-3s;bottom:-70px;left:-50px}.login-hero-glow--3{background:#22d3ee47;width:200px;height:200px;animation-duration:11s;animation-delay:-6s;top:50%;left:60%}.login-hero-dot{border-radius:50%;animation:ease-in-out infinite login-hero-dot-float;position:absolute}.login-hero-metric{z-index:3;-webkit-backdrop-filter:blur(16px);color:#67e8f9;pointer-events:none;background:#0f172a8c;border:1px solid #ffffff38;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:5s ease-in-out infinite login-hero-metric-float;display:flex;position:absolute;box-shadow:0 8px 32px #00000040,0 0 24px #6366f133}.login-hero-metric--1{color:#6ee7b7;border-color:#34d39973;animation-delay:0s;top:16%;right:10%;box-shadow:0 8px 32px #00000040,0 0 28px #34d39940}.login-hero-metric--2{color:#7dd3fc;border-color:#38bdf873;animation-delay:-2.5s;bottom:18%;left:10%;box-shadow:0 8px 32px #00000040,0 0 28px #38bdf840}.login-hero-metric strong{color:#fff;font-size:13px;font-weight:800;line-height:1.2;display:block}.login-hero-metric span{color:#ffffffb8;font-size:10px}.login-hero-inner{z-index:2;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex;position:relative}.login-hero-enter{animation:.7s cubic-bezier(.22,1,.36,1) both login-hero-enter}.login-hero-enter--1{animation-delay:50ms}.login-hero-enter--2{animation-delay:.15s}.login-hero-enter--3{animation-delay:.35s}.login-hero-signature{align-items:center;gap:12px;display:flex}.login-hero-eb-mark{align-items:center;gap:2px;display:flex}.login-hero-eb-brace{color:#a5b4fccc;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:20px;font-weight:300;line-height:1;transition:transform .4s,color .4s}.login-hero-signature:hover .login-hero-eb-brace--l{color:#c7d2fe;transform:translate(-3px)}.login-hero-signature:hover .login-hero-eb-brace--r{color:#c7d2fe;transform:translate(3px)}.login-hero-eb-signal{justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.login-hero-eb-dot{background:#a5b4fc;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 12px #a5b4fccc}.login-hero-eb-wave{border:1.5px solid #0000;border-color:#0000 #0000 #a5b4fc99 #a5b4fc99;border-radius:50%;animation:2s ease-out infinite login-hero-eb-pulse;position:absolute;transform:rotate(-45deg)}.login-hero-eb-wave--1{width:10px;height:10px}.login-hero-eb-wave--2{width:16px;height:16px;animation-delay:.35s}.login-hero-eb-wave--3{width:22px;height:22px;animation-delay:.7s}.login-hero-eb-name{letter-spacing:1.4px;text-transform:lowercase;color:#a5b4fccc;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500}.login-hero-card-wrap{border-radius:22px;width:100%;padding:1.5px;position:relative;overflow:hidden}.login-hero-card-border{background:conic-gradient(#6366f1,#818cf8,#c084fc,#38bdf8,#6366f1);animation:5s linear infinite login-hero-border-spin;position:absolute;inset:-100%}.login-hero-card{-webkit-backdrop-filter:blur(24px);background:#0f0d2ebf;border-radius:20.5px;width:100%;padding:24px 22px 20px;position:relative;overflow:visible;box-shadow:0 32px 64px #00000059,inset 0 1px #ffffff1a}.login-hero-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;animation:4s ease-in-out infinite login-hero-shine;position:absolute;top:0;left:-100%}.login-hero-card-noise{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-hero-product{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.login-hero-product-meta{flex:1;min-width:0}.login-hero-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700}.login-hero-product-icon-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.login-hero-product-orbit{border:1.5px dashed #818cf866;border-radius:16px;animation:8s linear infinite login-hero-orbit-spin;position:absolute;inset:-4px}.login-hero-product-icon{letter-spacing:-.5px;z-index:1;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a5b4fc 100%) 0 0/200% 200%;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;animation:4s infinite login-hero-icon-gradient;display:flex;position:relative;box-shadow:0 8px 24px #6366f173}.login-hero-product-name{letter-spacing:-.4px;font-size:21px;font-weight:800;line-height:1.2}.login-hero-product-type{color:#ffffff80;margin-top:2px;font-size:12px;font-weight:500}.login-hero-status{background:linear-gradient(135deg,#10b98138 0%,#6366f12e 55%,#818cf824 100%);border:1px solid #4ade8073;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:10px 12px;animation:2.8s ease-in-out infinite login-hero-status-banner;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #10b9812e,0 0 32px #4ade801f}.login-hero-status:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff24 50%,#0000 65%);animation:3.5s ease-in-out infinite login-hero-status-shimmer;position:absolute;inset:0;transform:translate(-120%)}.login-hero-status-icon{color:#bbf7d0;background:#4ade802e;border:1px solid #86efac59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:2.8s ease-in-out infinite login-hero-status-icon-pop;display:flex;box-shadow:0 0 16px #4ade8040}.login-hero-status-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.login-hero-status-title{letter-spacing:.04em;text-transform:uppercase;color:#ecfdf5;text-shadow:0 0 18px #4ade8059;font-size:13px;font-weight:800;animation:2.4s ease-in-out infinite login-hero-status-glow}.login-hero-status-text{letter-spacing:.01em;color:#ffffffe0;font-size:12px;font-weight:600}.login-hero-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.6s ease-out infinite login-hero-status-pulse;box-shadow:0 0 12px #4ade80d9}.login-hero-status--sync{background:linear-gradient(135deg,#22d3ee33 0%,#6366f12e 55%,#34d39924 100%);border-color:#22d3ee73;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #22d3ee29,0 0 32px #22d3ee1a}.login-hero-status--sync .login-hero-status-icon{color:#a5f3fc;background:#22d3ee2e;border-color:#67e8f959;box-shadow:0 0 16px #22d3ee40}.login-hero-status--sync .login-hero-status-dot{background:#22d3ee;box-shadow:0 0 12px #22d3eed9}.login-hero-status--growth{background:linear-gradient(135deg,#f472b633 0%,#fbbf2429 55%,#34d3991f 100%);border-color:#f472b673;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #f472b629,0 0 32px #fbbf241a}.login-hero-status--growth .login-hero-status-icon{color:#fbcfe8;background:#f472b62e;border-color:#f9a8d459;box-shadow:0 0 16px #f472b640}.login-hero-status--growth .login-hero-status-dot{background:#f472b6;box-shadow:0 0 12px #f472b6d9}.login-hero-status--enterprise{background:linear-gradient(135deg,#818cf838 0%,#22d3ee24 55%,#34d3991f 100%);border-color:#818cf873;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #818cf829,0 0 32px #6366f11a}.login-hero-status--enterprise .login-hero-status-icon{color:#c7d2fe;background:#818cf82e;border-color:#a5b4fc59;box-shadow:0 0 16px #818cf840}.login-hero-status--enterprise .login-hero-status-dot{background:#818cf8;box-shadow:0 0 12px #818cf8d9}.login-hero-title{letter-spacing:-.4px;color:#fffffff5;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.35}.login-hero-title-accent{background:linear-gradient(90deg,#a5b4fc,#e0e7ff,#c084fc,#a5b4fc) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:4s linear infinite login-hero-text-shimmer}.login-hero-desc{color:#ffffff8c;margin-bottom:10px;font-size:13px;line-height:1.55}.login-hero-chips{flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.login-hero-chip{letter-spacing:.02em;color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600;transition:background .25s,border-color .25s,transform .25s}.login-hero-slide--active .login-hero-chip{animation:.45s cubic-bezier(.22,1,.36,1) both login-hero-chip-in}.login-hero-slide--active .login-hero-chip:first-child{animation-delay:40ms}.login-hero-slide--active .login-hero-chip:nth-child(2){animation-delay:80ms}.login-hero-slide--active .login-hero-chip:nth-child(3){animation-delay:.12s}.login-hero-slide--active .login-hero-chip:nth-child(4){animation-delay:.16s}.login-hero-chip:hover{border-color:color-mix(in srgb, var(--hero-glow) 45%, transparent);background:#ffffff1a;transform:translateY(-1px)}.login-hero-stat-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.login-hero-stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;transition:border-color .3s,box-shadow .3s}.login-hero-stat strong{letter-spacing:-.3px;color:#fffffff2;font-size:14px;font-weight:800;line-height:1.2;display:block}.login-hero-stat span{letter-spacing:.03em;text-transform:uppercase;color:#ffffff6b;margin-top:2px;font-size:9px;font-weight:600;display:block}.login-hero-slide--active .login-hero-stat{animation:.5s cubic-bezier(.22,1,.36,1) both login-hero-feature-in}.login-hero-slide--active .login-hero-stat:first-child{animation-delay:60ms}.login-hero-slide--active .login-hero-stat:nth-child(2){animation-delay:.1s}.login-hero-slide--active .login-hero-stat:nth-child(3){animation-delay:.14s}.login-hero-stat:hover{border-color:color-mix(in srgb, var(--hero-glow) 40%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--hero-glow) 18%, transparent)}.login-hero-illustration-wrap{filter:drop-shadow(0 10px 28px #6366f159);height:96px;min-height:96px;margin-bottom:10px;padding:4px 0;animation:5s ease-in-out infinite login-hero-illustration-float}.login-hero-illustration{width:100%;height:96px;max-height:96px;display:block}.login-hero-svg-panel{animation:3.5s ease-in-out infinite login-hero-svg-panel-glow}.login-hero-svg-bar--1{transform-origin:0;animation:2s ease-in-out infinite alternate login-hero-svg-grow}.login-hero-svg-bar--2{transform-origin:0;animation:2.5s ease-in-out .3s infinite alternate login-hero-svg-grow}.login-hero-svg-progress{animation:2s ease-in-out infinite alternate login-hero-svg-progress}.login-hero-svg-line--1{animation:2.4s ease-in-out infinite alternate login-hero-svg-line-color}.login-hero-svg-line--2{animation:2.4s ease-in-out .6s infinite alternate login-hero-svg-line-color}.login-hero-svg-orbit{transform-origin:248px 56px;animation:3s ease-in-out infinite login-hero-svg-orbit-pulse}.login-hero-svg-plus{transform-origin:248px 56px;animation:6s linear infinite login-hero-svg-rotate}.login-hero-svg-card{animation:4s ease-in-out infinite login-hero-svg-card-float}.login-hero-svg-play{transform-origin:248px 130px;animation:2s ease-in-out infinite login-hero-svg-play}.login-hero-svg-dash{animation:3s linear infinite login-hero-svg-dash}.login-hero-svg-spark{animation:2.2s ease-in-out infinite login-hero-svg-spark}.login-hero-svg-spark--1{animation-delay:0s}.login-hero-svg-spark--2{animation-delay:.7s}.login-hero-svg-spark--3{animation-delay:1.4s}.login-hero-features{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.login-hero-feature{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:8px;padding:9px 10px;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s,box-shadow .3s;display:flex}.login-hero-feature:hover{background:#ffffff14;border-color:#818cf859;transform:translateY(-3px);box-shadow:0 12px 28px #6366f126}.login-hero-feature-icon{color:#c7d2fe;background:linear-gradient(135deg,#6366f140,#818cf826);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .3s;display:flex}.login-hero-feature:hover .login-hero-feature-icon{transform:scale(1.08)}.login-hero-feature strong{color:#fffffff0;font-size:12px;font-weight:700;line-height:1.3;display:block}.login-hero-feature small{color:#ffffff6b;margin-top:2px;font-size:10px;line-height:1.3;display:block}.login-hero-footer{color:#fff6;align-items:center;gap:8px;font-size:12px;display:flex}.login-hero-footer strong{color:#a5b4fce6;font-weight:600}@keyframes login-hero-mesh-shift{0%{transform:translate(0)rotate(0)}to{transform:translate(-3%,2%)rotate(2deg)}}@keyframes login-hero-grid-drift{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes login-hero-glow-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-20px,15px)scale(1.08)}66%{transform:translate(15px,-10px)scale(.95)}}@keyframes login-hero-dot-float{0%,to{opacity:.65;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-28px)scale(1.15)}}@keyframes login-hero-metric-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes login-hero-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-hero-border-spin{to{transform:rotate(360deg)}}@keyframes login-hero-shine{0%{left:-100%}35%,to{left:150%}}@keyframes login-hero-orbit-spin{to{transform:rotate(360deg)}}@keyframes login-hero-icon-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes login-hero-status-pulse{0%{box-shadow:0 0 #4ade80a6}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes login-hero-status-glow{0%,to{opacity:1;filter:brightness()}50%{opacity:.92;filter:brightness(1.08)}}@keyframes login-hero-status-banner{0%,to{transform:translateY(0);box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #10b9812e,0 0 32px #4ade801f}50%{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 28px #10b9813d,0 0 40px #4ade802e}}@keyframes login-hero-status-shimmer{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes login-hero-status-icon-pop{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes login-hero-text-shimmer{to{background-position:300%}}@keyframes login-hero-illustration-float{0%,to{filter:drop-shadow(0 10px 28px #6366f159);transform:translateY(0)}50%{filter:drop-shadow(0 16px 36px #22d3ee66);transform:translateY(-10px)}}@keyframes login-hero-svg-panel-glow{0%,to{opacity:1;filter:brightness()}50%{opacity:.92;filter:brightness(1.15)}}@keyframes login-hero-svg-grow{0%{opacity:.75;transform:scaleX(.82)}to{opacity:1;transform:scaleX(1)}}@keyframes login-hero-svg-progress{0%{opacity:.85;width:36px}to{opacity:1;width:88px}}@keyframes login-hero-svg-line-color{0%{opacity:.55}to{opacity:1}}@keyframes login-hero-svg-orbit-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 6px #67e8f999);transform:scale(1)}50%{opacity:.95;filter:drop-shadow(0 0 16px #a78bfad9);transform:scale(1.1)}}@keyframes login-hero-svg-rotate{to{transform:rotate(360deg)}}@keyframes login-hero-svg-card-float{0%,to{filter:drop-shadow(0 0 8px #fbbf2473);transform:translateY(0)}50%{filter:drop-shadow(0 0 18px #fbbf24b3);transform:translateY(-8px)}}@keyframes login-hero-svg-play{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes login-hero-svg-spark{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}@keyframes login-hero-svg-dash{to{stroke-dashoffset:-20px}}@keyframes login-hero-eb-pulse{0%{opacity:.9;transform:rotate(-45deg)scale(.65)}70%{opacity:.2;transform:rotate(-45deg)scale(1)}to{opacity:0;transform:rotate(-45deg)scale(1.15)}}@keyframes login-hero-feature-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-hero-chip-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-hero-slider{grid-template-columns:1fr;display:grid}.login-hero-slide{opacity:0;visibility:hidden;pointer-events:none;z-index:0;flex-direction:column;grid-area:1/1;min-height:100%;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;display:flex;transform:translate(16px)scale(.99)}.login-hero-slide--active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:translate(0)scale(1)}.login-hero-slide .login-hero-features{margin-top:auto}.login-hero-status--placeholder{visibility:hidden;pointer-events:none;min-height:54px;box-shadow:none;background:0 0;border-color:#0000;animation:none}.login-hero-status--placeholder:before{display:none}.login-hero-slide--active .login-hero-feature{animation:.55s cubic-bezier(.22,1,.36,1) both login-hero-feature-in}.login-hero-slide--active .login-hero-feature--1{animation-delay:80ms}.login-hero-slide--active .login-hero-feature--2{animation-delay:.14s}.login-hero-slide--active .login-hero-feature--3{animation-delay:.2s}.login-hero-slide--active .login-hero-feature--4{animation-delay:.26s}.login-hero-slider-controls{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.login-hero-slider-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s,border-color .2s;display:flex}.login-hero-slider-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38}.login-hero-dots{align-items:center;gap:8px;display:flex}.login-hero-dot-btn{cursor:pointer;background:#ffffff40;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.login-hero-dot-btn--active{background:linear-gradient(90deg,#818cf8,#22d3ee);width:22px;box-shadow:0 0 12px #6366f180}.login-hero-product-icon{letter-spacing:-.02em;font-size:13px}.login-hero-ey-hub{transform-origin:160px 100px;animation:3s ease-in-out infinite login-hero-svg-orbit-pulse}.login-hero-ey-line{animation:2.5s ease-in-out infinite login-hero-ey-line}.login-hero-ey-node{animation:3.5s ease-in-out infinite login-hero-svg-card-float}.login-hero-ey-sync{transform-origin:160px 100px;animation:2s ease-in-out infinite login-hero-ey-sync}.login-hero-ey-sync--2{animation-delay:1s}.login-hero-et-product{animation:2.4s ease-in-out infinite login-hero-et-bounce}.login-hero-et-product--1{animation-delay:0s}.login-hero-et-product--2{animation-delay:.3s}.login-hero-et-product--3{animation-delay:.6s}.login-hero-et-cart{animation:3s ease-in-out infinite login-hero-svg-card-float}.login-hero-et-badge{animation:1.8s ease-out infinite login-hero-status-pulse}.login-hero-erp-bar{transform-origin:bottom;animation:2.2s ease-in-out infinite alternate login-hero-erp-bar}.login-hero-erp-bar--1{animation-delay:0s}.login-hero-erp-bar--2{animation-delay:.25s}.login-hero-erp-bar--3{animation-delay:.5s}.login-hero-erp-bar--4{animation-delay:.75s}.login-hero-erp-line{animation:3s ease-in-out infinite login-hero-erp-line}.login-hero-erp-dot{animation:2s ease-in-out infinite login-hero-svg-spark}.login-hero-erp-dot--1{animation-delay:0s}.login-hero-erp-dot--2{animation-delay:.4s}.login-hero-erp-dot--3{animation-delay:.8s}@keyframes login-hero-ey-line{0%,to{stroke-dashoffset:0;opacity:.55}50%{stroke-dashoffset:-8px;opacity:1}}@keyframes login-hero-ey-sync{0%,to{opacity:.5;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}@keyframes login-hero-et-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes login-hero-erp-bar{0%{opacity:.7;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}@keyframes login-hero-erp-line{0%,to{stroke-dasharray:4 6;opacity:.7}50%{stroke-dasharray:8 2;opacity:1}}@media (prefers-reduced-motion:reduce){.login-hero-mesh,.login-hero-grid,.login-hero-glow,.login-hero-dot,.login-hero-metric,.login-hero-card-border,.login-hero-card-shine,.login-hero-product-orbit,.login-hero-product-icon,.login-hero-status,.login-hero-status-dot,.login-hero-status-text,.login-hero-status-title,.login-hero-status-icon,.login-hero-status:before,.login-hero-title-accent,.login-hero-illustration-wrap,.login-hero-eb-wave,.login-hero-enter,.login-hero-feature,.login-hero-illustration *,.login-hero-svg-dash,.login-hero-slide,.login-hero-ey-hub,.login-hero-ey-line,.login-hero-ey-node,.login-hero-ey-sync,.login-hero-et-product,.login-hero-et-cart,.login-hero-et-badge,.login-hero-erp-bar,.login-hero-erp-line,.login-hero-erp-dot{transition:none!important;animation:none!important}}.login-hero h2{margin-bottom:12px;font-size:26px;font-weight:700}.login-hero p{opacity:.85;font-size:14px;line-height:1.6}.portal-layout{flex-direction:column;min-height:100vh;display:flex}.portal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.portal-header-brand{align-items:center;gap:10px;display:flex}.portal-header-brand h1{color:var(--text-primary);font-size:16px;font-weight:700}.portal-nav{align-items:center;gap:4px;display:flex}.portal-nav a{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);padding:8px 14px;font-size:13px;font-weight:500}.portal-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.portal-nav a.active{background:var(--accent-light);color:var(--accent);font-weight:600}.portal-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.message-list{flex-direction:column;gap:12px;display:flex;overflow:visible}.message-bubble{border-radius:var(--radius);border-left:3px solid var(--accent);background:var(--bg-input);padding:16px;position:relative}.message-bubble.internal{background:#8b5cf614;border:1px dashed #8b5cf673;border-left:3px dashed #8b5cf6;margin-left:132px;box-shadow:inset 0 0 0 1px #8b5cf614}.message-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.message-sender{color:var(--accent);flex-wrap:wrap;align-items:center;gap:0;font-size:12px;font-weight:650;display:inline-flex}.message-bubble.internal .message-sender{color:#7c3aed}.message-time{color:var(--text-muted);font-size:11px}.message-body{white-space:pre-wrap;font-size:13px;line-height:1.7}.internal-note-aside{color:#6d28d9;white-space:normal;text-align:left;pointer-events:none;background:#8b5cf624;border:1px solid #8b5cf666;border-radius:8px;align-items:center;gap:5px;width:112px;padding:8px 10px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex;position:absolute;top:50%;left:-12px;transform:translate(-100%,-50%)}.internal-badge{color:#6d28d9;letter-spacing:.02em;text-transform:uppercase;background:#8b5cf629;border:1px solid #8b5cf659;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}@media (width<=1100px){.message-bubble.internal{margin-left:0}.internal-note-aside{width:fit-content;max-width:100%;margin:0 0 10px;position:static;transform:none}}.kanban-wrapper{margin:0 -24px;padding:0 24px;overflow-x:hidden}.kanban-board{gap:10px;width:100%;height:calc(100vh - 200px);min-height:500px;padding-bottom:16px;display:flex}.kanban-column{background:var(--bg-tertiary);border-radius:var(--radius-lg);flex-direction:column;flex:1 1 0;min-width:0;max-width:none;max-height:100%;padding:8px;display:flex}.kanban-column-header{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px;padding:6px 4px;display:flex}.kanban-column-title{text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700;line-height:1.3}.kanban-column-count{background:var(--bg-secondary);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.kanban-cards{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.kanban-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);padding:8px 10px}.kanban-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.kanban-card[draggable=true]{cursor:grab}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-card-dragging{opacity:.4;transform:scale(.95)}.kanban-card-updating{opacity:.6;pointer-events:none;position:relative}.kanban-card-updating:after{content:"";border-radius:var(--radius);background:repeating-linear-gradient(90deg, transparent, transparent 8px, var(--accent-light) 8px, var(--accent-light) 16px);animation:1s linear infinite kanbanShimmer;position:absolute;inset:0}@keyframes kanbanShimmer{0%{background-position:0 0}to{background-position:32px 0}}.kanban-column-dragover{border-radius:var(--radius);transition:all .2s;background:var(--accent-light)!important;border:2px dashed var(--accent)!important}.kanban-drop-placeholder{text-align:center;color:var(--text-muted);fontSize:12px;border-radius:var(--radius);border:2px dashed #0000;justify-content:center;align-items:center;min-height:60px;padding:24px 12px;transition:all .2s;display:flex}.kanban-drop-placeholder.visible{border-color:var(--accent);color:var(--accent);background:var(--accent-light);font-weight:600}.ql-container{font-family:inherit!important;font-size:14px!important}.ql-editor{min-height:160px;color:var(--text-primary);line-height:1.6}.ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.ql-toolbar.ql-snow{background:var(--bg-tertiary);border:1px solid var(--border)!important;border-radius:var(--radius) var(--radius) 0 0!important}.ql-container.ql-snow{background:var(--bg-secondary);border:1px solid var(--border)!important;border-radius:0 0 var(--radius) var(--radius)!important;border-top:none!important}.ql-toolbar .ql-stroke{stroke:var(--text-secondary)!important}.ql-toolbar .ql-fill{fill:var(--text-secondary)!important}.ql-toolbar .ql-picker-label{color:var(--text-secondary)!important}.ql-toolbar button:hover .ql-stroke,.ql-toolbar .ql-picker-label:hover .ql-stroke{stroke:var(--accent)!important}.ql-toolbar button:hover .ql-fill{fill:var(--accent)!important}.ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent)!important}.ql-toolbar button.ql-active .ql-fill{fill:var(--accent)!important}.ql-snow .ql-picker-options{background:var(--bg-primary)!important;border-color:var(--border)!important}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor h1,.ql-editor h2,.ql-editor h3{color:var(--text-primary)}.ql-editor a{color:var(--accent)}.ql-editor blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);padding-left:12px}.ql-editor code,.ql-editor pre{background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:13px}.rich-text-content{border:none!important;min-height:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0}.skeleton-avatar{flex-shrink:0}.skeleton-card{width:100%}.skeleton-group{flex-direction:column;gap:8px;display:flex}.shared-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.shared-modal{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.2s scaleIn;display:flex}.shared-modal.sm{max-width:420px}.shared-modal.md{max-width:560px}.shared-modal.lg{max-width:720px}.shared-modal.xl{max-width:900px}.shared-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.shared-modal-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.shared-modal-body{flex:1;padding:24px;overflow-y:auto}.shared-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.confirm-icon.danger{background:var(--red-bg);color:var(--red)}.confirm-icon.warning{background:var(--orange-bg);color:var(--orange)}.confirm-icon.info{background:var(--accent-light);color:var(--accent)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{background:var(--bg-tertiary);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}@media (width<=1024px){.two-col{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-form-area{grid-column:1;padding:32px 20px 48px}.login-form-card{border-radius:18px;padding:28px 22px 24px}.login-code-input{width:42px;height:50px;font-size:20px}.login-seam-badge{top:auto;bottom:4px;left:50%;transform:translate(-50%)}.login-seam-badge:before{display:none}.stats-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-input,.filter-bar .form-select{width:100%;min-width:0}.form-row{grid-template-columns:1fr}.page-header-row{flex-direction:column}.mobile-menu-btn{display:flex!important}.topbar{justify-content:flex-start}.portal-header{flex-wrap:wrap;gap:8px;height:auto;padding:8px 16px}.portal-nav{flex-wrap:wrap;gap:2px}.portal-nav a{padding:6px 10px;font-size:12px}}.mobile-menu-btn{display:none}@media print{.sidebar,.topbar,.btn,.filter-bar,.pagination,.modal-overlay,.notif-bell,.tabs,.portal-header,.kanban-board{display:none!important}.main-area{margin-left:0!important}.main-content{padding:0!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}.page-header .btn{display:none!important}body{font-size:12px;color:#000!important;background:#fff!important}.badge{border:1px solid #ccc}}.faq-search-highlight{color:inherit;background:#6366f147;border-radius:2px;padding:0 2px;font-weight:600}.skip-link{z-index:10000;background:var(--accent);color:#fff;border-radius:var(--radius);padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{outline:3px solid var(--accent);outline-offset:2px;top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #6366f126}[data-theme=dark] .login-form-area{background:linear-gradient(145deg,#0f1117 0%,#141620 38%,#0f1117 100%)}[data-theme=dark] .login-form-card{background:#fffffff2;border-color:#6366f133}[data-theme=dark] .login-brand h1{color:#1e293b}[data-theme=dark] .login-brand-desc{color:#64748b}[data-theme=dark] .login-label{color:#475569}[data-theme=dark] .login-input{color:#1e293b;background:#fff;border-color:#e2e8f0}[data-theme=dark] .login-input::placeholder{color:#94a3b8}[data-theme=dark] .login-input:focus{border-color:var(--accent);background:#fff}[data-theme=dark] .login-input-icon{color:#94a3b8}[data-theme=dark] .login-input-wrap:focus-within .login-input-icon{color:var(--accent)}[data-theme=dark] .login-input-action{color:#94a3b8}[data-theme=dark] .login-alert{color:#1e293b}[data-theme=dark] .login-remember label{color:#475569}[data-theme=dark] .login-remember a{color:var(--accent)}[data-theme=dark] .login-footer{color:#94a3b8}[data-theme=dark] .login-form-glow--1{background:#6366f11f}[data-theme=dark] .login-form-glow--2{background:#8b5cf614}[data-theme=dark] .login-form-grid{background-image:linear-gradient(#6366f10f 1px,#0000 1px),linear-gradient(90deg,#6366f10f 1px,#0000 1px)}