:root{--bg-primary:#0b0f19;--bg-secondary:#11182799;--glass-bg:#1e293b66;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--primary-glow:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--success-glow:linear-gradient(135deg, #10b981 0%, #059669 100%);--warning-glow:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--danger-glow:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#6366f100 70%);width:600px;height:600px;position:fixed;top:-200px;left:-200px}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#10b98100 70%);width:600px;height:600px;position:fixed;bottom:-200px;right:-200px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.dashboard-container{flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.dash-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{font-size:32px}.logo-text{letter-spacing:.5px;background:linear-gradient(90deg,#818cf8,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.logo-subtext{color:var(--text-secondary);font-size:11px}.role-simulator{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.sim-label{color:var(--text-secondary);font-size:13px}.sim-select{color:var(--text-primary);cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.current-sim-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 10px;font-size:12px}.dash-body{flex-grow:1;grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.dash-body{grid-template-columns:1fr}}.dash-sidebar{flex-direction:column;gap:24px;display:flex}.side-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.nav-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.nav-btn.active{background:var(--primary-glow);color:var(--text-primary);box-shadow:0 4px 20px #6366f166}.tenant-info-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:20px}.tenant-info-card h4{color:var(--text-primary);margin-bottom:12px;font-size:14px}.tenant-info-card p{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.tenant-info-card code{color:#34d399}.badge-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.badge.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge.disabled{color:var(--text-muted);background:#64748b26;border:1px solid #64748b4d}.dash-main-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;min-height:500px;padding:24px}.pane-title{margin-bottom:8px;font-size:22px;font-weight:700}.pane-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:300px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.overview-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}}.overview-grid h3{margin-bottom:12px;font-size:16px}.card-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px}.list-wrapper{flex-direction:column;gap:10px;display:flex}.list-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.text-muted{color:var(--text-muted);font-size:12px}.empty-text{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px}.status-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.status-badge.signed{color:#34d399;background:#10b98126}.role-badge{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.role-badge.owner{color:#fbbf24;background:#f59e0b26}.role-badge.sales_manager,.role-badge.sales{color:#818cf8;background:#6366f126}.role-badge.admin_manager,.role-badge.admin{color:#34d399;background:#10b98126}.role-badge.support_manager,.role-badge.support{color:#f472b6;background:#ec489926}.role-badge.translator{color:#22d3ee;background:#06b6d426}.tech-architecture-card{margin-top:24px}.tech-architecture-card h3{color:#818cf8;margin-bottom:16px;font-size:16px}.tech-architecture-card ul{padding-left:20px}.tech-architecture-card li{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:22px}.wizard-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}@media (max-width:768px){.wizard-layout{grid-template-columns:1fr}}.worker-list-scroll{flex-direction:column;gap:8px;max-height:250px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.worker-select-btn{color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.worker-select-btn:hover{background:#ffffff0d}.worker-select-btn.active{background:#6366f126;border-color:#6366f166}.worker-select-btn .arrow{color:var(--text-muted)}.worker-select-btn.active .arrow{color:#818cf8;transition:transform .2s;transform:translate(4px)}.quick-add-form{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:20px;display:flex}.quick-add-form h4{margin-bottom:8px;font-size:13px}input,select,textarea{width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px;font-size:13px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#6366f1}.submit-btn{background:var(--primary-glow);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:600;transition:opacity .2s}.submit-btn:hover{opacity:.9}.detail-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.progress-percentage{color:#34d399;font-size:16px;font-weight:700}.stepper-bar{justify-content:space-between;margin:32px 0 48px;padding:0 16px;display:flex;position:relative}.stepper-bar:before{content:"";z-index:0;background:#ffffff14;height:2px;position:absolute;top:15px;left:32px;right:32px}.stepper-node{z-index:1;flex-direction:column;align-items:center;width:60px;display:flex;position:relative}.node-circle{width:32px;height:32px;color:var(--text-secondary);background:#1e293b;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.node-label{color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:8px;font-size:10px;position:absolute;top:36px}.stepper-node.completed .node-circle{color:#fff;background:#059669;border-color:#10b981;box-shadow:0 0 12px #10b98166}.stepper-node.completed .node-label{color:#34d399}.stepper-node.processing .node-circle{color:#fff;background:#2563eb;border-color:#3b82f6;box-shadow:0 0 12px #3b82f666}.stepper-node.processing .node-label{color:#60a5fa}.stepper-node.rejected .node-circle{color:#fff;background:#dc2626;border-color:#ef4444;box-shadow:0 0 12px #ef444466}.stepper-node.rejected .node-label{color:#f87171}.steps-controls{border-top:1px solid #ffffff14;padding-top:24px}.steps-controls h4{margin-bottom:16px;font-size:15px}.step-control-row{background:#ffffff03;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.step-name-col{align-items:center;gap:12px;display:flex}.status-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.status-tag.pending{color:var(--text-secondary);background:#64748b26}.status-tag.processing{color:#60a5fa;background:#3b82f626}.status-tag.completed{color:#34d399;background:#10b98126}.status-tag.rejected{color:#f87171;background:#ef444426}.step-action-col{gap:8px;display:flex}.step-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:opacity .2s}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-btn.processing{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.step-btn.completed{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.step-btn.rejected{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.select-placeholder{height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-icon{margin-bottom:16px;font-size:48px}.tasks-layout{grid-template-columns:350px 1fr;gap:24px;display:grid}@media (max-width:768px){.tasks-layout{grid-template-columns:1fr}}.task-creation-form label{color:var(--text-secondary);margin-top:12px;margin-bottom:4px;font-size:12px;display:block}.task-cards-container{flex-direction:column;gap:12px;max-height:550px;padding-right:4px;display:flex;overflow-y:auto}.task-item-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative}.task-item-card.completed{opacity:.6}.task-card-header{justify-content:space-between;align-items:center;display:flex}.priority-badge{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.priority-badge.low{color:var(--text-secondary);background:#64748b26}.priority-badge.medium{color:#fbbf24;background:#f59e0b26}.priority-badge.high{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.task-card-title{font-size:15px;font-weight:700}.task-card-desc{color:var(--text-secondary);font-size:12px;line-height:18px}.task-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.task-card-footer .assignee{color:var(--text-muted);font-size:11px}.complete-task-btn{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .2s}.complete-task-btn:hover{background:#10b98140}.ai-layout{grid-template-columns:400px 1fr;gap:24px;display:grid}@media (max-width:768px){.ai-layout{grid-template-columns:1fr}}.ai-prompt-box{color:#a5b4fc;background:#6366f114;border:1px solid #6366f133;border-radius:8px;margin-bottom:16px;padding:12px;font-size:12px;line-height:18px}.support-log-form label{color:var(--text-secondary);margin-top:12px;margin-bottom:4px;font-size:12px;display:block}.role-restriction-notice{color:#f87171;background:#ef444414;border-radius:6px;margin-top:12px;padding:8px;font-size:11px}.log-cards-scroll{flex-direction:column;gap:12px;max-height:500px;padding-right:4px;display:flex;overflow-y:auto}.log-item-card{background:#ffffff03;border:1px solid #ffffff0a;border-radius:8px;padding:16px}.log-item-card.need_action{background:#ef444405;border-color:#ef444440}.log-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.log-card-header strong{font-size:14px}.log-content{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:20px}.log-meta{color:var(--text-muted);font-size:11px}.notification-banner{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600;animation:.3s fadeIn}.notification-banner.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.notification-banner.warning{color:#f87171;background:#ef444426;border:1px solid #ef44444d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.translator-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.translator-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.avatar-placeholder{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;font-size:24px;display:flex}.translator-card h3{margin-bottom:4px;font-size:16px}.translator-card .email{color:var(--text-muted);margin-bottom:12px;font-size:12px}.languages{gap:6px;margin-bottom:16px;display:flex}.lang-tag{color:#22d3ee;background:#06b6d426;border-radius:4px;padding:1px 6px;font-size:10px}.contact-btn{color:var(--text-primary);cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.contact-btn:hover{background:#334155}