@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--arkan-bg-deep: #0A0F1C;--arkan-bg-panel: #111827;--arkan-bg-surface: #1E293B;--arkan-border: #2D3A4F;--arkan-cyan: #00F0FF;--arkan-purple: #8B5CF6;--arkan-green: #10B981;--arkan-amber: #F59E0B;--arkan-rose: #F43F5E;--arkan-text: #E8ECF1;--arkan-text-secondary: #94A3B8;--arkan-text-muted: #64748B;--arkan-font-heading: Space Grotesk, Inter, system-ui, sans-serif;--arkan-font-body: Inter, system-ui, -apple-system, sans-serif;--arkan-font-mono: JetBrains Mono, Fira Code, monospace;--arkan-radius-sm: 6px;--arkan-radius-md: 10px;--arkan-radius-lg: 16px}body{background:#0a0f1c !important;color:#e8ecf1;font-family:"Inter",system-ui,-apple-system,sans-serif;display:flex !important;flex-direction:row !important;position:relative !important;min-height:100vh;overflow-x:hidden !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background:rgba(10,15,28,.85) !important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,240,255,.1) !important;box-shadow:0 2px 20px rgba(0,0,0,.4)}.navbar .navbar-brand img{filter:brightness(1.2)}.page-container{background:#0a0f1c}.layout-main{background:rgba(0,0,0,0)}.main-section{background:#0a0f1c;scrollbar-gutter:auto !important;overflow:auto !important;overflow-x:hidden !important}.layout-side-section{background:#111827;border-right:1px solid #2d3a4f}.layout-side-section .desk-sidebar .sidebar-menu a{color:#94a3b8}.layout-side-section .desk-sidebar .sidebar-menu a:hover,.layout-side-section .desk-sidebar .sidebar-menu a.selected{color:#00f0ff;background:rgba(0,240,255,.05)}[data-page-route^="List/"] .layout-main,[data-page-route^="Report/"] .layout-main,[data-page-route^="Tree/"] .layout-main{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}[data-page-route^="List/"] .layout-main-section-wrapper,[data-page-route^="Report/"] .layout-main-section-wrapper,[data-page-route^="Tree/"] .layout-main-section-wrapper{flex:1 1 auto !important;width:auto !important;min-width:0 !important}[data-page-route^="List/"] .layout-side-section,[data-page-route^="Report/"] .layout-side-section,[data-page-route^="Tree/"] .layout-side-section{flex:0 0 auto !important;width:auto !important;min-width:200px !important;max-width:280px !important}body[data-route^=Form] .layout-main{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}body[data-route^=Form] .layout-main-section-wrapper{flex:1 1 0% !important;min-width:0 !important;max-width:calc(100% - var(--form-sidebar-width, 277px)) !important;width:auto !important}body[data-route^=Form] .layout-side-section{flex:0 0 var(--form-sidebar-width, 277px) !important;min-width:var(--form-sidebar-width, 277px) !important;max-width:var(--form-sidebar-width, 277px) !important;width:var(--form-sidebar-width, 277px) !important}[data-page-route=Workspaces] .layout-main-section-wrapper{flex:1 1 auto !important;width:auto !important}.page-head{background:#111827 !important;border-bottom:1px solid #2d3a4f}.page-head .page-title .title-text{color:#e8ecf1;font-family:"Space Grotesk","Inter",system-ui,sans-serif}.frappe-control .control-label{color:#94a3b8;font-family:"Inter",system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1c}::-webkit-scrollbar-thumb{background:#2d3a4f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f0ff}h1,h2,h3,h4,h5,h6,.page-title .title-text,.widget-group-title{font-family:var(--arkan-font-heading);color:#e8ecf1;letter-spacing:-0.01em}code,pre,.frappe-code,.like-disabled-input[data-fieldtype=Code]{font-family:var(--arkan-font-mono);background:rgba(30,41,59,.8);color:#00f0ff;border:1px solid #2d3a4f;border-radius:6px}a{color:#00f0ff;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}a:hover{color:rgb(76.5,244.5,255)}.indicator-pill{font-family:var(--arkan-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.btn-primary,.btn-primary-dark{background:linear-gradient(135deg, #00F0FF, #8B5CF6) !important;border:none !important;color:#0a0f1c !important;font-weight:600;border-radius:10px;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);text-shadow:none}.btn-primary:hover,.btn-primary-dark:hover{box-shadow:0 0 15px rgba(0,240,255,.3),0 0 30px rgba(0,240,255,.1);transform:translateY(-1px)}.btn-primary:active,.btn-primary-dark:active{transform:translateY(0)}.btn-default{background:#1e293b;border:1px solid #2d3a4f;color:#e8ecf1;border-radius:10px}.btn-default:hover{border-color:#00f0ff;color:#00f0ff;background:rgba(0,240,255,.05)}.btn-secondary{background:rgba(139,92,246,.15);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.btn-secondary:hover{background:rgba(139,92,246,.25);box-shadow:0 0 10px rgba(139,92,246,.3),0 0 20px rgba(139,92,246,.1)}.btn-danger{background:rgba(244,63,94,.15);color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.icon-btn,.like-disabled-input .btn-open{color:#64748b}.icon-btn:hover,.like-disabled-input .btn-open:hover{color:#00f0ff}.widget,.frappe-card,.form-group .frappe-control[data-fieldtype="Section Break"]{background:rgba(17,24,39,.7);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 1px rgba(0,240,255,.1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.widget:hover,.frappe-card:hover,.form-group .frappe-control[data-fieldtype="Section Break"]:hover{border-color:rgba(0,240,255,.15)}.number-widget-box{background:rgba(17,24,39,.5);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:16px}.number-widget-box .number-widget-title{color:#94a3b8;font-family:"JetBrains Mono","Fira Code",monospace;text-transform:uppercase;font-size:11px}.number-widget-box .number-widget-value{background:linear-gradient(135deg, #00F0FF, #8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-weight:700}.shortcut-widget-box{background:rgba(17,24,39,.4);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:10px;border:1px solid #2d3a4f}.shortcut-widget-box:hover{border-color:rgba(0,240,255,.3);transform:translateY(-2px);box-shadow:0 0 10px rgba(0,240,255,.3),0 0 20px rgba(0,240,255,.1)}.frappe-control input[type=text],.frappe-control input[type=password],.frappe-control input[type=email],.frappe-control input[type=number],.frappe-control select,.frappe-control textarea,.form-control{background:#1e293b !important;border:1px solid #2d3a4f !important;color:#e8ecf1 !important;border-radius:10px;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1)}.frappe-control input[type=text]:focus,.frappe-control input[type=password]:focus,.frappe-control input[type=email]:focus,.frappe-control input[type=number]:focus,.frappe-control select:focus,.frappe-control textarea:focus,.form-control:focus{border-color:#00f0ff !important;outline:none;box-shadow:0 0 0 2px rgba(0,240,255,.4),0 0 8px rgba(0,240,255,.2)}.frappe-control input[type=text]::placeholder,.frappe-control input[type=password]::placeholder,.frappe-control input[type=email]::placeholder,.frappe-control input[type=number]::placeholder,.frappe-control select::placeholder,.frappe-control textarea::placeholder,.form-control::placeholder{color:#64748b}.form-layout{background:rgba(0,0,0,0)}.form-section,.section-body{background:rgba(0,0,0,0)}.form-section .section-head{color:#e8ecf1;font-family:"Space Grotesk","Inter",system-ui,sans-serif;border-bottom:1px solid #2d3a4f}.like-disabled-input{background:rgba(30,41,59,.5) !important;color:#94a3b8 !important;border:1px solid rgba(45,58,79,.5) !important}.form-timeline .timeline-item{border-left:2px solid #2d3a4f}.form-timeline .timeline-item:hover{border-left-color:#00f0ff}.form-timeline .timeline-item .timeline-dot{background:#00f0ff;box-shadow:0 0 8px rgba(0,240,255,.4)}.comment-box{background:rgba(17,24,39,.3);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:10px}.form-dashboard{background:#111827;border-bottom:1px solid #2d3a4f}.form-links .btn-new-doc{color:#00f0ff}.frappe-list .list-row,.report-wrapper .dt-row{border-bottom:1px solid rgba(45,58,79,.5)}.frappe-list .list-row:hover,.report-wrapper .dt-row:hover{background:rgba(0,240,255,.03)}.frappe-list .list-row .list-row-col,.report-wrapper .dt-row .list-row-col{color:#e8ecf1}.frappe-list .list-row-head{background:#111827;color:#94a3b8;font-family:"JetBrains Mono","Fira Code",monospace;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.dt-scrollable .dt-header{background:#111827}.modal-content{background:rgba(17,24,39,.9);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.15);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1)}.modal-header{border-bottom:1px solid #2d3a4f}.modal-header .modal-title{font-family:"Space Grotesk","Inter",system-ui,sans-serif;color:#e8ecf1}.modal-header .btn-close{filter:invert(1)}.modal-body{color:#e8ecf1}.modal-footer{border-top:1px solid #2d3a4f}.modal-backdrop{background:rgba(10,15,28,.8)}.frappe-chart .chart-container{background:rgba(0,0,0,0)}.chart-legend .legend-item text{fill:#94a3b8}.avatar{border:2px solid #2d3a4f}.avatar-frame{background:#1e293b}.standard-image{background:linear-gradient(135deg, #00F0FF, #8B5CF6);color:#0a0f1c;font-weight:600}.report-wrapper{background:#111827;border-radius:16px}.report-wrapper .dt-header .dt-cell__content{color:#94a3b8;font-family:"JetBrains Mono","Fira Code",monospace}.arkan-neural-grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}.arkan-splash-screen{position:fixed !important;inset:0 !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;transform:none !important;-webkit-transform:none !important;z-index:9999;background:#0a0f1c;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.arkan-splash-screen.arkan-splash-hidden{opacity:0;visibility:hidden;pointer-events:none}.arkan-splash-screen .arkan-splash-logo{width:120px;height:120px;animation:arkan-pulse-glow 2s ease-in-out infinite}.arkan-splash-screen .arkan-splash-brand{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.2em;background:linear-gradient(135deg, #00F0FF, #8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-top:24px}.arkan-splash-screen .arkan-splash-tagline{color:#64748b;font-family:"JetBrains Mono","Fira Code",monospace;font-size:.85rem;margin-top:8px}.arkan-splash-screen .arkan-splash-progress{width:200px;height:2px;background:#2d3a4f;margin-top:32px;border-radius:1px;overflow:hidden}.arkan-splash-screen .arkan-splash-progress .arkan-splash-progress-bar{height:100%;background:linear-gradient(135deg, #00F0FF, #8B5CF6);animation:arkan-progress-fill 2.5s ease-out forwards}@keyframes arkan-pulse-glow{0%,100%{filter:drop-shadow(0 0 10px rgba(0, 240, 255, 0.3))}50%{filter:drop-shadow(0 0 25px rgba(0, 240, 255, 0.6))}}@keyframes arkan-progress-fill{from{width:0}to{width:100%}}[data-theme=light]{--arkan-bg-deep: #F8FAFC;--arkan-bg-panel: #FFFFFF;--arkan-bg-surface: #F1F5F9;--arkan-border: #E2E8F0;--arkan-text: #1E293B;--arkan-text-secondary: #64748B;--arkan-text-muted: #94A3B8}[data-theme=light] body{background:#f8fafc !important;color:#1e293b}[data-theme=light] .navbar{background:hsla(0,0%,100%,.9) !important;border-bottom-color:#e2e8f0 !important}[data-theme=light] .page-head{background:#fff !important}[data-theme=light] .layout-side-section{background:#fff;border-right-color:#e2e8f0}[data-theme=light] .widget,[data-theme=light] .frappe-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}[data-theme=light] .form-control,[data-theme=light] .frappe-control input{background:#fff !important;border-color:#e2e8f0 !important;color:#1e293b !important}[data-theme=light] .modal-content{background:#fff;border-color:#e2e8f0}@keyframes arkan-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes arkan-glow-pulse{0%,100%{box-shadow:0 0 5px rgba(0,240,255,.2)}50%{box-shadow:0 0 20px rgba(0,240,255,.4)}}@keyframes arkan-scan-line{0%{transform:translateY(-100%)}100%{transform:translateY(100vh)}}@keyframes arkan-glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}}.arkan-animate-in{animation:arkan-fade-in .4s ease-out both}.arkan-animate-delay-1{animation-delay:80ms}.arkan-animate-delay-2{animation-delay:160ms}.arkan-animate-delay-3{animation-delay:240ms}.arkan-animate-delay-4{animation-delay:320ms}.arkan-animate-delay-5{animation-delay:400ms}.arkan-animate-delay-6{animation-delay:480ms}.arkan-animate-delay-7{animation-delay:560ms}.arkan-animate-delay-8{animation-delay:640ms}.arkan-animate-delay-9{animation-delay:720ms}.arkan-animate-delay-10{animation-delay:800ms}.fade-enter-active,.fade-leave-active{transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.fade-enter,.fade-leave-to{opacity:0}.page-container{transition:opacity 400ms cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.arkan-mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:rgba(10,15,28,.95);backdrop-filter:blur(16px);border-top:1px solid rgba(0,240,255,.1);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.arkan-mobile-nav .arkan-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#64748b;font-size:10px;font-family:"JetBrains Mono","Fira Code",monospace;text-decoration:none}.arkan-mobile-nav .arkan-nav-item.active{color:#00f0ff}.arkan-mobile-nav .arkan-nav-item.active .arkan-nav-icon{filter:drop-shadow(0 0 4px #00F0FF)}body{padding-bottom:70px}}body[data-path=login]{background:#0a0f1c !important;color:#e8ecf1 !important;overflow-x:hidden !important;display:block !important}body[data-path=login]::before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 80%, rgba(139, 92, 246, 0.12) 0%, transparent 70%),radial-gradient(ellipse 60% 50% at 80% 20%, rgba(0, 240, 255, 0.08) 0%, transparent 70%),radial-gradient(ellipse 40% 40% at 50% 50%, rgba(0, 240, 255, 0.04) 0%, transparent 100%);pointer-events:none}body[data-path=login] .arkan-login-canvas{position:fixed !important;inset:0;width:100% !important;height:100% !important;z-index:0;pointer-events:none;opacity:.5}body[data-path=login] .navbar{display:none !important}body[data-path=login] footer.web-footer{display:none !important}body[data-path=login] .page-breadcrumbs{display:none !important}body[data-path=login] .page-header-wrapper{display:none !important}body[data-path=login] .page-footer{display:none !important}body[data-path=login] .page-content-wrapper{background:rgba(0,0,0,0) !important;display:flex !important;align-items:center !important;justify-content:center !important;min-height:100vh !important;height:auto !important;overflow:auto !important;padding:20px !important;position:relative;z-index:1}body[data-path=login] main.container,body[data-path=login]>.container{max-width:100% !important;width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 !important}body[data-path=login] .page_content{width:100% !important;display:flex !important;justify-content:center !important}body[data-path=login] .page_content>div{width:100% !important;max-width:480px !important;display:flex !important;flex-direction:column !important;align-items:center !important}body[data-path=login] .arkan-login-logo-wrapper{text-align:center;margin-bottom:24px;animation:arkanLoginLogoIn 1s ease-out forwards}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-logo-svg{width:100px;height:100px;filter:drop-shadow(0 0 20px rgba(0, 240, 255, 0.4));margin-bottom:16px;animation:arkanPulseGlow 3s ease-in-out infinite}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-brand-name{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.15em;background:linear-gradient(135deg, #00F0FF, #8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-tagline{font-family:"JetBrains Mono","Fira Code",monospace;font-size:.75rem;color:#64748b;letter-spacing:.3em;text-transform:uppercase;margin-top:6px}body[data-path=login] .page-card{background:rgba(17,24,39,.65);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.12) !important;border-radius:24px !important;box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 1px rgba(0,240,255,.2),inset 0 1px 0 hsla(0,0%,100%,.04) !important;max-width:440px !important;width:100% !important;padding:36px 32px !important;margin:0 auto !important;position:relative;overflow:hidden;animation:arkanCardIn .8s ease-out .2s both}body[data-path=login] .page-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg, #00F0FF, #8B5CF6);opacity:.7;animation:arkanShimmer 3s ease-in-out infinite}body[data-path=login] .page-card::after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle, rgba(0, 240, 255, 0.04) 0%, transparent 70%);pointer-events:none}body[data-path=login] section.for-login>.page-card-head{display:none !important}body[data-path=login] .page-card-head{text-align:center !important;margin-bottom:28px !important;padding:0 !important}body[data-path=login] .page-card-head .app-logo{display:none !important}body[data-path=login] .page-card-head h4,body[data-path=login] .page-card-head .title{font-family:"Space Grotesk","Inter",system-ui,sans-serif !important;font-size:1.4rem !important;font-weight:600 !important;background:linear-gradient(135deg, #00F0FF, #8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin:0 !important}body[data-path=login] .form-group{margin-bottom:20px !important}body[data-path=login] input[type=text],body[data-path=login] input[type=password],body[data-path=login] input[type=email],body[data-path=login] input[type=tel],body[data-path=login] .form-control{background:rgba(30,41,59,.6) !important;border:1px solid rgba(45,58,79,.7) !important;border-radius:10px !important;color:#e8ecf1 !important;font-family:"Inter",system-ui,-apple-system,sans-serif !important;font-size:.95rem !important;padding:12px 14px !important;height:auto !important;transition:all .3s ease !important}body[data-path=login] input[type=text]:focus,body[data-path=login] input[type=password]:focus,body[data-path=login] input[type=email]:focus,body[data-path=login] input[type=tel]:focus,body[data-path=login] .form-control:focus{border-color:rgba(0,240,255,.6) !important;background:rgba(30,41,59,.8) !important;box-shadow:0 0 0 3px rgba(0,240,255,.12),0 0 20px rgba(0,240,255,.06) !important;outline:none !important}body[data-path=login] input[type=text]::placeholder,body[data-path=login] input[type=password]::placeholder,body[data-path=login] input[type=email]::placeholder,body[data-path=login] input[type=tel]::placeholder,body[data-path=login] .form-control::placeholder{color:#64748b !important;font-family:"Inter",system-ui,-apple-system,sans-serif !important}body[data-path=login] label,body[data-path=login] .control-label{color:#94a3b8 !important;font-family:"Inter",system-ui,-apple-system,sans-serif !important;font-size:.85rem !important;font-weight:500 !important;margin-bottom:6px !important}body[data-path=login] .toggle-password{color:#64748b !important}body[data-path=login] .toggle-password:hover{color:#00f0ff !important}body[data-path=login] .btn-primary,body[data-path=login] .btn-login,body[data-path=login] .btn-primary-dark,body[data-path=login] .btn-register{background:linear-gradient(135deg, #00F0FF, #8B5CF6) !important;border:none !important;border-radius:10px !important;color:#0a0f1c !important;font-family:"Space Grotesk","Inter",system-ui,sans-serif !important;font-weight:600 !important;font-size:1rem !important;letter-spacing:.05em !important;padding:12px 24px !important;width:100% !important;transition:all .3s ease !important;position:relative;overflow:hidden;text-shadow:none !important}body[data-path=login] .btn-primary:hover,body[data-path=login] .btn-primary:focus,body[data-path=login] .btn-login:hover,body[data-path=login] .btn-login:focus,body[data-path=login] .btn-primary-dark:hover,body[data-path=login] .btn-primary-dark:focus,body[data-path=login] .btn-register:hover,body[data-path=login] .btn-register:focus{box-shadow:0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1) !important;transform:translateY(-1px);filter:brightness(1.1)}body[data-path=login] .btn-primary:active,body[data-path=login] .btn-login:active,body[data-path=login] .btn-primary-dark:active,body[data-path=login] .btn-register:active{transform:translateY(0)}body[data-path=login] .btn-primary::after,body[data-path=login] .btn-login::after,body[data-path=login] .btn-primary-dark::after,body[data-path=login] .btn-register::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}body[data-path=login] .btn-primary:hover::after,body[data-path=login] .btn-login:hover::after,body[data-path=login] .btn-primary-dark:hover::after,body[data-path=login] .btn-register:hover::after{left:100%}body[data-path=login] .social-logins{margin-top:20px !important;padding-top:20px !important;border-top:1px solid rgba(45,58,79,.5) !important}body[data-path=login] .social-logins .btn-default{background:rgba(30,41,59,.5) !important;border:1px solid rgba(45,58,79,.6) !important;border-radius:10px !important;color:#e8ecf1 !important;font-family:"Inter",system-ui,-apple-system,sans-serif !important;padding:10px 16px !important;transition:all .3s ease !important}body[data-path=login] .social-logins .btn-default:hover{background:rgba(30,41,59,.8) !important;border-color:rgba(0,240,255,.3) !important}body[data-path=login] .forgot-password-message a,body[data-path=login] .sign-up-message a,body[data-path=login] .login-content a,body[data-path=login] a.text-muted,body[data-path=login] .page-card a{color:#00f0ff !important;text-decoration:none !important;font-weight:500;transition:color .2s ease,text-shadow .2s ease}body[data-path=login] .forgot-password-message a:hover,body[data-path=login] .sign-up-message a:hover,body[data-path=login] .login-content a:hover,body[data-path=login] a.text-muted:hover,body[data-path=login] .page-card a:hover{color:#33f3ff !important;text-shadow:0 0 8px rgba(0,240,255,.3)}body[data-path=login] .forgot-password-message,body[data-path=login] .sign-up-message{text-align:center !important;color:#64748b !important;font-size:.85rem !important;margin-top:16px !important}body[data-path=login] .otp-input{letter-spacing:.5em !important;font-family:"JetBrains Mono","Fira Code",monospace !important;font-size:1.3rem !important;text-align:center !important}body[data-path=login] .verify-otp,body[data-path=login] .resend-otp{background:rgba(30,41,59,.5) !important;border:1px solid rgba(45,58,79,.6) !important;color:#e8ecf1 !important;border-radius:10px !important}body[data-path=login] .verify-otp:hover,body[data-path=login] .resend-otp:hover{border-color:rgba(0,240,255,.3) !important}body[data-path=login] .form-message.red,body[data-path=login] .form-message.orange{background:rgba(244,63,94,.1) !important;border:1px solid rgba(244,63,94,.3) !important;border-radius:6px !important;color:#f43f5e !important;padding:10px 14px !important;margin-bottom:16px !important}body[data-path=login] .form-message.green,body[data-path=login] .form-message.blue{background:rgba(16,185,129,.1) !important;border:1px solid rgba(16,185,129,.3) !important;border-radius:6px !important;color:#10b981 !important;padding:10px 14px !important;margin-bottom:16px !important}body[data-path=login] .shake{animation:arkanShake .5s ease-in-out !important}body[data-path=login] .arkan-login-footer{text-align:center;margin-top:28px;font-size:.75rem;color:#64748b;font-family:"JetBrains Mono","Fira Code",monospace;letter-spacing:.05em;animation:arkanFadeIn 1s ease-out .8s both}body[data-path=login] .arkan-login-footer a{color:#00f0ff !important}body[data-path=login] .arkan-login-footer a:hover{text-shadow:0 0 8px rgba(0,240,255,.4)}body[data-path=login] .arkan-login-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}body[data-path=login] .arkan-login-particles .arkan-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#00f0ff;opacity:0;animation:arkanParticleFloat 6s ease-in-out infinite}body[data-path=login] .arkan-login-particles .arkan-particle:nth-child(even){background:#8b5cf6;animation-duration:8s}body[data-path=login] .page-card-actions{margin-top:8px !important}@keyframes arkanLoginLogoIn{from{opacity:0;transform:translateY(-30px) scale(0.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arkanCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes arkanShimmer{0%,100%{opacity:.5}50%{opacity:1}}@keyframes arkanShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(6px)}75%{transform:translateX(-3px)}90%{transform:translateX(3px)}}@keyframes arkanFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes arkanParticleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6;transform:translateY(90vh) scale(1)}90%{opacity:.2}100%{opacity:0;transform:translateY(-10vh) scale(0.5)}}@keyframes arkanPulseGlow{0%,100%{filter:drop-shadow(0 0 12px rgba(0, 240, 255, 0.3))}50%{filter:drop-shadow(0 0 25px rgba(0, 240, 255, 0.6))}}@media(max-width: 768px){body[data-path=login] .page-content-wrapper{padding:16px !important;align-items:flex-start !important;padding-top:10vh !important}body[data-path=login] .page_content>div{max-width:100% !important}body[data-path=login] .page-card{padding:28px 20px !important;border-radius:16px !important;max-width:100% !important}body[data-path=login] .arkan-login-logo-wrapper{margin-bottom:20px}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-logo-svg{width:80px;height:80px}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-brand-name{font-size:1.6rem}}@media(max-width: 480px){body[data-path=login] .page-content-wrapper{padding:12px !important;padding-top:6vh !important}body[data-path=login] .page-card{padding:24px 16px !important;border-radius:10px !important}body[data-path=login] .page-card::after{display:none}body[data-path=login] .page-card-head h4,body[data-path=login] .page-card-head .title{font-size:1.2rem !important}body[data-path=login] .arkan-login-logo-wrapper{margin-bottom:16px}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-logo-svg{width:64px;height:64px}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-brand-name{font-size:1.3rem;letter-spacing:.1em}body[data-path=login] .arkan-login-logo-wrapper .arkan-login-tagline{font-size:.65rem;letter-spacing:.2em}body[data-path=login] input[type=text],body[data-path=login] input[type=password],body[data-path=login] input[type=email],body[data-path=login] input[type=tel],body[data-path=login] .form-control{padding:10px 12px !important;font-size:16px !important}body[data-path=login] .btn-primary,body[data-path=login] .btn-login,body[data-path=login] .btn-register{padding:11px 20px !important;font-size:.95rem !important}}html[dir=rtl] body[data-path=login] .page-card,[dir=rtl] body[data-path=login] .page-card,body[data-path=login][dir=rtl] .page-card{direction:rtl;text-align:right}html[dir=rtl] body[data-path=login] .page-card-head,[dir=rtl] body[data-path=login] .page-card-head,body[data-path=login][dir=rtl] .page-card-head{text-align:center !important}html[dir=rtl] body[data-path=login] .arkan-login-logo-wrapper,[dir=rtl] body[data-path=login] .arkan-login-logo-wrapper,body[data-path=login][dir=rtl] .arkan-login-logo-wrapper{text-align:center}html[dir=rtl] body[data-path=login] input[type=text],html[dir=rtl] body[data-path=login] input[type=password],html[dir=rtl] body[data-path=login] input[type=email],html[dir=rtl] body[data-path=login] input[type=tel],html[dir=rtl] body[data-path=login] .form-control,[dir=rtl] body[data-path=login] input[type=text],[dir=rtl] body[data-path=login] input[type=password],[dir=rtl] body[data-path=login] input[type=email],[dir=rtl] body[data-path=login] input[type=tel],[dir=rtl] body[data-path=login] .form-control,body[data-path=login][dir=rtl] input[type=text],body[data-path=login][dir=rtl] input[type=password],body[data-path=login][dir=rtl] input[type=email],body[data-path=login][dir=rtl] input[type=tel],body[data-path=login][dir=rtl] .form-control{text-align:right !important;direction:rtl}html[dir=rtl] body[data-path=login] input[type=text]::placeholder,html[dir=rtl] body[data-path=login] input[type=password]::placeholder,html[dir=rtl] body[data-path=login] input[type=email]::placeholder,html[dir=rtl] body[data-path=login] input[type=tel]::placeholder,html[dir=rtl] body[data-path=login] .form-control::placeholder,[dir=rtl] body[data-path=login] input[type=text]::placeholder,[dir=rtl] body[data-path=login] input[type=password]::placeholder,[dir=rtl] body[data-path=login] input[type=email]::placeholder,[dir=rtl] body[data-path=login] input[type=tel]::placeholder,[dir=rtl] body[data-path=login] .form-control::placeholder,body[data-path=login][dir=rtl] input[type=text]::placeholder,body[data-path=login][dir=rtl] input[type=password]::placeholder,body[data-path=login][dir=rtl] input[type=email]::placeholder,body[data-path=login][dir=rtl] input[type=tel]::placeholder,body[data-path=login][dir=rtl] .form-control::placeholder{text-align:right !important}html[dir=rtl] body[data-path=login] .toggle-password,[dir=rtl] body[data-path=login] .toggle-password,body[data-path=login][dir=rtl] .toggle-password{left:9px !important;right:auto !important}html[dir=rtl] body[data-path=login] .forgot-password-message,html[dir=rtl] body[data-path=login] .sign-up-message,[dir=rtl] body[data-path=login] .forgot-password-message,[dir=rtl] body[data-path=login] .sign-up-message,body[data-path=login][dir=rtl] .forgot-password-message,body[data-path=login][dir=rtl] .sign-up-message{text-align:center !important}html[dir=rtl] body[data-path=login] .arkan-login-footer,[dir=rtl] body[data-path=login] .arkan-login-footer,body[data-path=login][dir=rtl] .arkan-login-footer{text-align:center}@media(prefers-reduced-motion: reduce){body[data-path=login] .arkan-login-logo-wrapper,body[data-path=login] .page-card,body[data-path=login] .arkan-login-footer{animation:none !important}body[data-path=login] .arkan-login-canvas,body[data-path=login] .arkan-login-particles{display:none !important}body[data-path=login] .page-card::before{animation:none !important;opacity:.7}}@media print{body[data-path=login]::before,body[data-path=login] .arkan-login-canvas,body[data-path=login] .arkan-login-particles,body[data-path=login] .arkan-login-footer{display:none !important}body[data-path=login] .page-card{box-shadow:none !important;border:1px solid #ccc !important;backdrop-filter:none !important}}@media print{.arkan-neural-grid-canvas,.arkan-splash-screen,.arkan-matrix-canvas,.arkan-cursor-trail{display:none !important}body{background:#fff !important;color:#000 !important}}[dir=rtl] .layout-side-section{border-right:none;border-left:1px solid #2d3a4f}[dir=rtl] .form-timeline .timeline-item{border-left:none;border-right:2px solid #2d3a4f}.arkan-season-newyear{--arkan-cyan: #00FF88;--arkan-purple: #FFD700}.arkan-season-ramadan{--arkan-cyan: #C9A84C;--arkan-purple: #2D5016}.arkan-season-national{--arkan-cyan: #FF0000;--arkan-purple: #FFFFFF}.arkan-shortcuts-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,15,28,.9);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.arkan-shortcuts-overlay .arkan-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px}.arkan-shortcuts-overlay .arkan-shortcuts-grid kbd{background:#1e293b;border:1px solid #2d3a4f;color:#00f0ff;border-radius:6px;padding:4px 8px;font-family:"JetBrains Mono","Fira Code",monospace}.arkan-tour-overlay{position:fixed;inset:0;z-index:210;background:rgba(10,15,28,.7)}.arkan-tour-tooltip{background:rgba(17,24,39,.7);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 1px rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.3);max-width:320px;padding:16px}.arkan-tour-tooltip .arkan-tour-title{font-family:"Space Grotesk","Inter",system-ui,sans-serif;color:#00f0ff}.arkan-preset-card{background:rgba(17,24,39,.5);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:16px;padding:16px;cursor:pointer;border:2px solid rgba(0,0,0,0)}.arkan-preset-card:hover{border-color:rgba(0,240,255,.3)}.arkan-preset-card.active{border-color:#00f0ff;box-shadow:0 0 8px rgba(0,240,255,.3),0 0 16px rgba(0,240,255,.1)}.arkan-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0}.arkan-minigame-container{position:fixed;bottom:80px;right:20px;z-index:200;background:rgba(17,24,39,.7);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 1px rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.2);padding:16px;width:300px}.arkan-welcome-banner{background:rgba(17,24,39,.5);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,240,255,.08);border-radius:24px;padding:24px 32px;margin-bottom:24px;border:1px solid rgba(0,240,255,.1)}.arkan-welcome-banner .arkan-welcome-title{background:linear-gradient(135deg, #00F0FF, #8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:1.5rem;font-weight:700}.arkan-welcome-banner .arkan-welcome-subtitle{color:#94a3b8;font-family:"JetBrains Mono","Fira Code",monospace;font-size:.85rem}