:root { --coder-bg:#070912; --coder-soft:#0b0e1a; --coder-panel:rgba(16,20,35,.84); --coder-panel-solid:#101423; --coder-line:rgba(157,171,219,.16); --coder-line-strong:rgba(157,171,219,.30); --coder-text:#f7f8ff; --coder-text-soft:#aeb7cf; --coder-muted:#78839f; --coder-violet:#9876ff; --coder-cyan:#5be7ff; --coder-blue:#6fa8ff; --coder-rose:#ff78b8; --coder-lime:#7be6a1; --coder-shadow:0 28px 90px rgba(0,0,0,.34); }
html.vigthoria-dark { color-scheme:dark; background:var(--coder-bg); }
html.vigthoria-dark body { min-width:320px; background:radial-gradient(circle at 12% 4%,rgba(106,72,217,.13),transparent 27rem),radial-gradient(circle at 90% 30%,rgba(45,151,210,.07),transparent 32rem),var(--coder-bg)!important; color:var(--coder-text)!important; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; }
html.vigthoria-dark body::before { position:fixed; z-index:-1; inset:0; opacity:.35; background-image:linear-gradient(rgba(130,145,194,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,145,194,.045) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(to bottom,#000,transparent 72%); content:""; pointer-events:none; }
html.vigthoria-dark :focus-visible { outline:3px solid var(--coder-cyan)!important; outline-offset:3px; }
html.vigthoria-dark .header { min-height:76px; border-bottom:1px solid var(--coder-line)!important; background:rgba(7,9,18,.86)!important; box-shadow:none!important; backdrop-filter:blur(22px) saturate(140%)!important; }
html.vigthoria-dark .header-content { max-width:1600px!important; min-height:76px; padding:10px 28px!important; gap:18px; }
html.vigthoria-dark .logo-section { gap:10px!important; }
html.vigthoria-dark .coder-brand-logo { width:44px!important; height:44px!important; flex:none; border-radius:50%; object-fit:cover; filter:drop-shadow(0 0 12px rgba(119,77,238,.32)); }
html.vigthoria-dark .brand-name { display:grid; min-width:94px; margin-right:3px; background:none!important; color:var(--coder-text)!important; -webkit-text-fill-color:initial!important; font-size:17px!important; font-weight:760!important; letter-spacing:-.035em!important; line-height:1!important; }
html.vigthoria-dark .brand-name>strong { color:var(--coder-text); font:inherit; }
html.vigthoria-dark .brand-name>strong>span { color:var(--coder-violet); }
html.vigthoria-dark .brand-name>small { margin-top:5px; color:var(--coder-muted); font-size:9px; font-weight:760; letter-spacing:.16em; text-transform:uppercase; }
html.vigthoria-dark .brand-badge { padding:4px 7px!important; border:1px solid rgba(152,118,255,.25); border-radius:6px!important; background:rgba(152,118,255,.09)!important; color:#c4b3ff!important; font-size:7px!important; letter-spacing:.12em!important; box-shadow:none!important; }
html.vigthoria-dark .app-switcher { margin-left:8px!important; }
html.vigthoria-dark .app-switcher-btn { min-height:40px; gap:8px!important; padding:0 13px!important; border:1px solid var(--coder-line)!important; border-radius:11px!important; background:rgba(255,255,255,.025)!important; color:var(--coder-text-soft)!important; font-size:12px!important; font-weight:680!important; }
html.vigthoria-dark .app-switcher-btn:hover { border-color:var(--coder-line-strong)!important; background:rgba(152,118,255,.07)!important; color:var(--coder-text)!important; }
html.vigthoria-dark .app-switcher-dropdown { top:calc(100% + 14px)!important; width:330px!important; min-width:330px!important; max-height:min(680px,calc(100vh - 105px))!important; padding:10px!important; border:1px solid var(--coder-line-strong)!important; border-radius:17px!important; background:rgba(12,15,27,.98)!important; box-shadow:0 28px 80px rgba(0,0,0,.55)!important; backdrop-filter:blur(24px); }
html.vigthoria-dark .app-item { min-height:59px; padding:9px 10px!important; border:1px solid transparent!important; border-radius:11px!important; color:var(--coder-text)!important; }
html.vigthoria-dark .app-item:hover { border-color:var(--coder-line)!important; background:rgba(152,118,255,.07)!important; transform:none!important; }
html.vigthoria-dark .app-item-icon { width:36px!important; height:36px!important; border-radius:10px!important; font-size:14px!important; box-shadow:inset 0 1px rgba(255,255,255,.16); }
html.vigthoria-dark .app-item-info h4 { color:var(--coder-text)!important; font-size:12px!important; }
html.vigthoria-dark .app-item-info span { color:var(--coder-muted)!important; font-size:10px!important; }
html.vigthoria-dark .header-search { max-width:410px!important; margin:0 auto!important; }
html.vigthoria-dark .header-search input { height:42px!important; padding:0 42px!important; border:1px solid var(--coder-line)!important; border-radius:12px!important; background:rgba(6,9,18,.65)!important; color:var(--coder-text)!important; font-size:12px!important; }
html.vigthoria-dark .header-search input:focus { border-color:rgba(152,118,255,.65)!important; background:rgba(8,11,21,.94)!important; box-shadow:0 0 0 3px rgba(152,118,255,.11)!important; }
html.vigthoria-dark .header-search i { color:var(--coder-muted)!important; font-size:12px; }
html.vigthoria-dark .search-shortcut { padding:3px 6px!important; background:rgba(255,255,255,.04)!important; color:var(--coder-muted)!important; font-size:9px!important; }
html.vigthoria-dark .nav-menu { gap:4px!important; padding:4px!important; border:1px solid var(--coder-line); border-radius:12px!important; background:rgba(255,255,255,.018)!important; }
html.vigthoria-dark .nav-item { min-height:34px; gap:7px; padding:0 11px!important; border-radius:8px!important; color:var(--coder-muted)!important; font-size:11px!important; font-weight:650!important; }
html.vigthoria-dark .nav-item:hover { background:rgba(152,118,255,.07)!important; color:var(--coder-text)!important; }
html.vigthoria-dark .nav-item.active { background:rgba(152,118,255,.13)!important; color:#c7b5ff!important; box-shadow:inset 0 0 0 1px rgba(152,118,255,.2)!important; }
html.vigthoria-dark .notification-btn { width:39px!important; height:39px!important; border:1px solid var(--coder-line)!important; border-radius:11px!important; color:var(--coder-text-soft)!important; }
html.vigthoria-dark .notification-btn:hover { background:rgba(152,118,255,.07)!important; color:var(--coder-text)!important; }
html.vigthoria-dark .user-profile-btn { min-height:44px; padding:4px 9px 4px 5px!important; border:1px solid var(--coder-line)!important; border-radius:12px!important; background:rgba(255,255,255,.018)!important; }
html.vigthoria-dark .user-profile-btn:hover { border-color:var(--coder-line-strong)!important; background:rgba(152,118,255,.06)!important; }
html.vigthoria-dark .user-avatar { background:linear-gradient(135deg,#9b7bf9,#557ff0)!important; box-shadow:inset 0 1px rgba(255,255,255,.24); }
html.vigthoria-dark .user-info .username { color:var(--coder-text)!important; font-size:11px!important; }
html.vigthoria-dark .user-info .user-role { color:var(--coder-muted)!important; font-size:9px!important; }
html.vigthoria-dark .user-dropdown,html.vigthoria-dark .user-hub-dropdown { border:1px solid var(--coder-line-strong)!important; border-radius:17px!important; background:rgba(12,15,27,.98)!important; box-shadow:0 28px 80px rgba(0,0,0,.55)!important; backdrop-filter:blur(24px); }
html.vigthoria-dark .user-dropdown-item,html.vigthoria-dark .hub-item { border-radius:9px!important; color:var(--coder-text-soft)!important; font-size:11px!important; }
html.vigthoria-dark .user-dropdown-item:hover,html.vigthoria-dark .hub-item:hover { background:rgba(152,118,255,.08)!important; color:var(--coder-text)!important; }
html.vigthoria-dark .hub-section h4 { color:var(--coder-muted)!important; font-size:9px!important; letter-spacing:.12em; text-transform:uppercase; }
html.vigthoria-dark .hub-item-title { color:var(--coder-text)!important; }
html.vigthoria-dark .hub-item-desc { color:var(--coder-muted)!important; }

html.vigthoria-dark .main-content { max-width:1400px!important; padding:58px 28px 100px!important; }
html.vigthoria-dark .section { animation:none!important; }
html.vigthoria-dark .welcome-section { max-width:850px; margin:0 auto 48px!important; text-align:center!important; }
html.vigthoria-dark .workspace-eyebrow { margin:0 0 13px; color:#c2b5ff; font-size:10px; font-weight:790; letter-spacing:.16em; }
html.vigthoria-dark .welcome-title { margin:0!important; background:none!important; color:var(--coder-text)!important; -webkit-text-fill-color:initial!important; font-size:clamp(38px,4.4vw,62px)!important; font-weight:760!important; letter-spacing:-.055em!important; line-height:1.04!important; text-shadow:none!important; }
html.vigthoria-dark .welcome-subtitle { max-width:680px; margin:16px auto 0!important; color:var(--coder-text-soft)!important; font-size:16px!important; line-height:1.7!important; }
html.vigthoria-dark .getting-started-guide { overflow:hidden; margin:0 0 30px!important; border:1px solid var(--coder-line)!important; border-radius:21px!important; background:linear-gradient(145deg,rgba(18,22,38,.88),rgba(10,13,24,.84))!important; box-shadow:var(--coder-shadow)!important; }
html.vigthoria-dark .guide-header { min-height:73px; padding:19px 24px!important; border-bottom:1px solid var(--coder-line)!important; background:radial-gradient(circle at 0 0,rgba(152,118,255,.14),transparent 55%),rgba(255,255,255,.015)!important; }
html.vigthoria-dark .guide-header>i { color:var(--coder-violet)!important; font-size:18px!important; }
html.vigthoria-dark .guide-header h2 { color:var(--coder-text)!important; font-size:17px!important; font-weight:700!important; letter-spacing:-.02em; }
html.vigthoria-dark .close-guide { color:var(--coder-muted)!important; }
html.vigthoria-dark .workflow-steps { display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:0!important; padding:0!important; }
html.vigthoria-dark .workflow-step { min-width:0; min-height:255px; padding:25px 22px!important; border:0!important; border-right:1px solid var(--coder-line)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; }
html.vigthoria-dark .workflow-step:last-child { border-right:0!important; }
html.vigthoria-dark .workflow-step:hover { background:rgba(152,118,255,.035)!important; }
html.vigthoria-dark .step-number { display:grid!important; width:29px!important; height:29px!important; place-items:center; margin:0 0 22px!important; border:1px solid rgba(152,118,255,.3)!important; border-radius:9px!important; background:rgba(152,118,255,.08)!important; color:#c3b1ff!important; font-size:10px!important; box-shadow:none!important; }
html.vigthoria-dark .step-content h3 { color:var(--coder-text)!important; font-size:14px!important; line-height:1.35; }
html.vigthoria-dark .step-content h3 i { color:var(--coder-cyan)!important; }
html.vigthoria-dark .step-content p { min-height:62px; color:var(--coder-muted)!important; font-size:11px!important; line-height:1.6!important; }
html.vigthoria-dark .step-action { min-height:37px; padding:0 12px!important; border:1px solid var(--coder-line-strong)!important; border-radius:9px!important; background:rgba(255,255,255,.025)!important; color:#c7b6ff!important; font-size:10px!important; font-weight:700!important; box-shadow:none!important; }
html.vigthoria-dark .step-action:hover { border-color:rgba(152,118,255,.5)!important; background:rgba(152,118,255,.08)!important; transform:translateY(-1px)!important; }
html.vigthoria-dark .step-actions-group { gap:6px!important; }
html.vigthoria-dark .guide-footer { padding:14px 24px!important; border-top:1px solid var(--coder-line)!important; background:rgba(6,9,18,.45)!important; }
html.vigthoria-dark .guide-footer p { color:var(--coder-muted)!important; font-size:10px!important; }

html.vigthoria-dark .coding-options { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:15px!important; margin-top:0!important; }
html.vigthoria-dark .option-card { position:relative; display:flex!important; min-height:330px; flex-direction:column; align-items:flex-start!important; overflow:hidden; padding:28px!important; border:1px solid var(--coder-line)!important; border-radius:18px!important; background:rgba(14,18,31,.78)!important; color:var(--coder-text)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; text-align:left!important; transition:transform .2s ease,border-color .2s ease,background .2s ease!important; }
html.vigthoria-dark .option-card::after { position:absolute; top:-70px; right:-70px; width:160px; height:160px; border-radius:50%; background:rgba(111,66,232,.12); content:""; filter:blur(38px); }
html.vigthoria-dark .option-card:hover { border-color:rgba(152,118,255,.4)!important; background:rgba(20,25,43,.94)!important; transform:translateY(-5px)!important; box-shadow:0 22px 60px rgba(0,0,0,.25)!important; }
html.vigthoria-dark .option-icon { position:relative; z-index:1; display:grid!important; width:48px!important; height:48px; place-items:center; margin:0 0 26px!important; border:1px solid rgba(152,118,255,.3); border-radius:14px; background:rgba(152,118,255,.08)!important; color:#c2adff!important; font-size:18px!important; -webkit-text-fill-color:initial!important; }
html.vigthoria-dark .option-title { margin:0 0 10px!important; color:var(--coder-text)!important; font-size:20px!important; font-weight:710!important; letter-spacing:-.025em; line-height:1.2; }
html.vigthoria-dark .option-description { margin:0 0 24px!important; color:var(--coder-text-soft)!important; font-size:12px!important; line-height:1.7!important; }
html.vigthoria-dark .launch-btn,html.vigthoria-dark .new-project-btn,html.vigthoria-dark .btn-primary { min-height:43px; padding:0 17px!important; margin-top:auto!important; border:0!important; border-radius:11px!important; background:linear-gradient(135deg,#9e7dfa,#7651ee 55%,#557ef2)!important; box-shadow:0 10px 28px rgba(111,66,232,.26),inset 0 1px rgba(255,255,255,.2)!important; color:white!important; -webkit-text-fill-color:initial!important; font-size:11px!important; font-weight:720!important; }
html.vigthoria-dark .launch-btn:hover,html.vigthoria-dark .new-project-btn:hover,html.vigthoria-dark .btn-primary:hover { transform:translateY(-2px)!important; box-shadow:0 15px 35px rgba(111,66,232,.38)!important; }
html.vigthoria-dark .quick-start-card { border:1px solid var(--coder-line)!important; border-radius:18px!important; background:var(--coder-panel)!important; box-shadow:var(--coder-shadow)!important; }

html.vigthoria-dark .content-grid { gap:15px!important; }
html.vigthoria-dark .content-card,html.vigthoria-dark .app-card,html.vigthoria-dark .admin-card,html.vigthoria-dark .settings-card,html.vigthoria-dark .portal-card { border:1px solid var(--coder-line)!important; border-radius:17px!important; background:rgba(14,18,31,.82)!important; color:var(--coder-text)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; }
html.vigthoria-dark .content-card:hover,html.vigthoria-dark .app-card:hover,html.vigthoria-dark .admin-card:hover { border-color:rgba(152,118,255,.36)!important; background:rgba(20,25,43,.94)!important; box-shadow:0 20px 55px rgba(0,0,0,.24)!important; }
html.vigthoria-dark .card-title,html.vigthoria-dark .content-card h3,html.vigthoria-dark .app-card h3,html.vigthoria-dark .admin-card h3 { color:var(--coder-text)!important; -webkit-text-fill-color:initial!important; }
html.vigthoria-dark .content-card p,html.vigthoria-dark .content-card span,html.vigthoria-dark .app-card p,html.vigthoria-dark .admin-card p { color:var(--coder-text-soft)!important; }
html.vigthoria-dark .card-action,html.vigthoria-dark .quick-action-btn,html.vigthoria-dark .btn-secondary { border:1px solid var(--coder-line-strong)!important; border-radius:10px!important; background:rgba(255,255,255,.025)!important; color:#c6b5ff!important; box-shadow:none!important; }
html.vigthoria-dark .card-action:hover,html.vigthoria-dark .quick-action-btn:hover,html.vigthoria-dark .btn-secondary:hover { background:rgba(152,118,255,.08)!important; }
html.vigthoria-dark input,html.vigthoria-dark textarea,html.vigthoria-dark select { border:1px solid var(--coder-line)!important; border-radius:10px!important; background:rgba(6,9,18,.7)!important; color:var(--coder-text)!important; }
html.vigthoria-dark input:focus,html.vigthoria-dark textarea:focus,html.vigthoria-dark select:focus { border-color:rgba(152,118,255,.65)!important; box-shadow:0 0 0 3px rgba(152,118,255,.1)!important; }
html.vigthoria-dark .modal-overlay,html.vigthoria-dark .modal { background:rgba(2,4,10,.78)!important; backdrop-filter:blur(9px); }
html.vigthoria-dark .modal-content,html.vigthoria-dark .hosting-modal-content { border:1px solid var(--coder-line-strong)!important; border-radius:18px!important; background:#0e1220!important; color:var(--coder-text)!important; box-shadow:0 35px 100px rgba(0,0,0,.6)!important; }
html.vigthoria-dark .modal-body,html.vigthoria-dark .modal-footer { border-color:var(--coder-line)!important; background:#0e1220!important; color:var(--coder-text-soft)!important; }
html.vigthoria-dark .modal-body h3,html.vigthoria-dark .modal-body strong,html.vigthoria-dark .modal-body label { color:var(--coder-text)!important; }
html.vigthoria-dark .modal-body p,html.vigthoria-dark .modal-body span { color:var(--coder-text-soft)!important; }
html.vigthoria-dark ::-webkit-scrollbar { width:8px; height:8px; }html.vigthoria-dark ::-webkit-scrollbar-track { background:#090c16!important; }html.vigthoria-dark ::-webkit-scrollbar-thumb { border:2px solid #090c16; border-radius:99px; background:#31384d!important; }html.vigthoria-dark ::-webkit-scrollbar-thumb:hover { background:#4b5570!important; }

@media (max-width:1150px) { html.vigthoria-dark .header-search { display:none; }html.vigthoria-dark .workflow-steps { grid-template-columns:repeat(2,1fr)!important; }html.vigthoria-dark .workflow-step:nth-child(2) { border-right:0!important; }html.vigthoria-dark .workflow-step:nth-child(-n+2) { border-bottom:1px solid var(--coder-line)!important; }html.vigthoria-dark .coding-options { grid-template-columns:repeat(2,1fr)!important; } }
@media (max-width:760px) { html.vigthoria-dark .header,html.vigthoria-dark .header-content { min-height:68px; }html.vigthoria-dark .header-content { padding:9px 14px!important; }html.vigthoria-dark .brand-name,html.vigthoria-dark .brand-badge { display:none!important; }html.vigthoria-dark .coder-brand-logo { width:39px!important; height:39px!important; }html.vigthoria-dark .app-switcher { margin-left:2px!important; }html.vigthoria-dark .nav-menu { display:none!important; }html.vigthoria-dark .app-switcher-dropdown { position:fixed!important; top:68px!important; right:12px!important; bottom:auto!important; left:12px!important; width:auto!important; min-width:0!important; border-radius:16px!important; }html.vigthoria-dark .user-info { display:none!important; }html.vigthoria-dark .main-content { padding:45px 16px 80px!important; }html.vigthoria-dark .welcome-section { margin-bottom:35px!important; }html.vigthoria-dark .welcome-title { font-size:40px!important; }html.vigthoria-dark .workflow-steps,html.vigthoria-dark .coding-options { grid-template-columns:1fr!important; }html.vigthoria-dark .workflow-step { min-height:auto; border-right:0!important; border-bottom:1px solid var(--coder-line)!important; }html.vigthoria-dark .workflow-step:last-child { border-bottom:0!important; }html.vigthoria-dark .option-card { min-height:310px; } }
@media (prefers-reduced-motion:reduce) { html.vigthoria-dark *,html.vigthoria-dark *::before,html.vigthoria-dark *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }