@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#1a202c;background-color:#f7fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}:root{--z-tooltip: 6000;--z-toast: 7000;--z-popover: 8000;--z-modal: 9000;--modal-sm: 480px;--modal-md: 640px;--modal-lg: 880px;--modal-padding-header: 24px 32px;--modal-padding-body: 32px;--modal-padding-footer: 24px 32px;--modal-radius: 16px;--modal-max-height: 90vh;--overlay-bg: rgba(15, 23, 42, .6)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;padding:24px;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-secondary, #ffffff);border-radius:var(--modal-radius);width:100%;max-width:var(--modal-md);max-height:var(--modal-max-height);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;transform:scale(.95) translateY(20px);transition:transform .2s ease;position:relative;margin:auto}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal.modal-sm{max-width:var(--modal-sm)}.modal.modal-md{max-width:var(--modal-md)}.modal.modal-lg{max-width:var(--modal-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding-header);border-bottom:1px solid var(--border-color, #e2e8f0);flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0;display:flex;align-items:center;gap:10px;line-height:1.4}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary, #64748b);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.modal-close:hover{background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #1e293b)}.modal-body{padding:var(--modal-padding-body);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:calc(var(--modal-max-height) - 160px)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-description{font-size:.9375rem;color:var(--text-secondary, #64748b);margin:0 0 24px;line-height:1.6}.modal-description strong{color:var(--text-primary, #1e293b)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:var(--modal-padding-footer);border-top:1px solid var(--border-color, #e2e8f0);flex-shrink:0;background:var(--bg-secondary, #ffffff)}.team-section-title{font-weight:600;margin-bottom:12px;color:#334155}.search-input-wrapper{position:relative;margin-bottom:16px}.search-input-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted, #94a3b8);pointer-events:none}.search-input{width:100%;padding:10px 14px 10px 42px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;transition:all .15s ease}.search-input:focus{outline:none;border-color:var(--primary-color)}.team-members-list{border:1px solid var(--border-color);border-radius:8px;max-height:320px;overflow-y:auto}.team-member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background .15s}.team-member-row:hover{background:var(--bg-tertiary)}.team-member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.team-member-name{font-weight:500;color:var(--text-primary)}.team-member-email{font-size:.8125rem;color:var(--text-muted)}.team-member-actions{display:flex;align-items:center;gap:12px}.role-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;background:#fff;cursor:pointer}.invite-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--primary-color);border-radius:6px;background:transparent;color:var(--primary-color);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.invite-toggle-btn:hover{background:var(--primary-color);color:#fff}.invite-toggle-btn.invited{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.team-empty-state{padding:20px 16px;text-align:center;color:var(--text-secondary);font-size:.875rem}.team-empty-state-large{text-align:center;padding:40px 20px;color:var(--text-secondary)}.team-empty-icon{font-size:2rem;margin-bottom:12px}.team-empty-state-large p{margin:0}.team-empty-hint{font-size:.875rem;margin-top:8px}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #c41e3a4d}.btn-secondary:hover{background:var(--bg-tertiary)}.quick-invite-modal{padding:0}.invite-description{color:var(--text-secondary);font-size:.9375rem;margin:0 0 20px;line-height:1.5}.invite-method-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--bg-tertiary);border-radius:10px}.invite-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.invite-tab:hover{color:var(--text-primary)}.invite-tab.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 8px #00000014}.invite-panel{margin-bottom:24px}.btn-full{width:100%}.invite-link-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px}.invite-link-header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.invite-link-icon{font-size:1.25rem}.invite-link-value{display:flex;gap:8px}.invite-link-value input{flex:1;background:#fff;font-family:monospace;font-size:.8125rem}.invite-link-note{font-size:.8125rem;color:var(--text-muted);margin:12px 0 0}.invite-link-options{margin-top:16px}.invite-members-section{border-top:1px solid var(--border-color);padding-top:20px;margin-top:8px}.invite-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.invite-members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8125rem;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{display:block;font-weight:500;color:var(--text-primary);font-size:.875rem}.member-role{display:block;font-size:.75rem;color:var(--text-muted)}.member-role-badge{display:inline-block;font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:capitalize;background:#f1f5f9;color:#475569}.member-role-badge.owner{background:#fef3c7;color:#d97706}.member-role-badge.admin{background:#dbeafe;color:#2563eb}.member-role-badge.editor{background:#dcfce7;color:#16a34a}.member-role-badge.member{background:#f1f5f9;color:#475569}.member-role-badge.viewer{background:#f3f4f6;color:#6b7280}.no-members-text{color:var(--text-muted);font-size:.875rem;text-align:center;padding:16px}.members-more{color:var(--primary-color);font-size:.8125rem;text-align:center;padding:8px;cursor:pointer}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.invite-message{display:flex;align-items:center;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.invite-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.invite-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.invite-message span{flex:1}.form-group{margin-bottom:16px}.form-input{width:100%;padding:10px 14px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--primary-color)}textarea.form-input{resize:vertical;min-height:60px}@media(max-width:768px){.modal-overlay{padding:16px}.modal{border-radius:12px;max-height:calc(100vh - 32px)}.modal-header{padding:20px 24px}.modal-body{padding:24px}.modal-footer{padding:20px 24px;flex-wrap:wrap}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid var(--border-color);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#f8fafc}.notification-dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.notification-header-actions{display:flex;align-items:center;gap:8px}.mark-all-read-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--blue-600);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.mark-all-read-btn:hover{background:var(--blue-50)}.notification-close-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--text-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-close-btn:hover{background:#f1f5f9;color:var(--text-primary)}.notification-filters{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);background:#fafbfc}.notification-filter-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.notification-filter-btn:hover{background:#f1f5f9;color:var(--text-primary)}.notification-filter-btn.active{background:var(--blue-600);color:#fff}.filter-badge{background:#ffffff40;padding:2px 6px;border-radius:10px;font-size:.6875rem;font-weight:600}.notification-filter-btn:not(.active) .filter-badge{background:var(--blue-100);color:var(--blue-700)}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:340px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:12px}.notification-loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.notification-empty-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-muted)}.notification-empty p{margin:0 0 4px;color:var(--text-secondary);font-weight:500}.notification-empty-hint{font-size:.8125rem;color:var(--text-muted)}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e6f1ff}.notification-item.priority-urgent{border-left:3px solid #dc2626}.notification-item.priority-high{border-left:3px solid #f59e0b}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:var(--text-secondary)}.notification-icon.type-risk{background:#fef2f2;color:#dc2626}.notification-icon.type-control{background:#f0fdf4;color:#16a34a}.notification-icon.type-member,.notification-icon.type-team{background:#f5f3ff;color:#7c3aed}.notification-icon.type-report{background:#eff6ff;color:#2563eb}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:2px;line-height:1.3}.notification-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.75rem;color:var(--text-muted)}.notification-time,.notification-actor{color:var(--text-muted)}.notification-actor:before{content:"•";margin-right:8px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-600);flex-shrink:0;margin-top:4px}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid var(--border-color);background:#fafbfc;text-align:center}.view-all-link{color:var(--blue-600);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:var(--blue-700);text-decoration:underline}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#dc2626;color:#fff;font-size:.6875rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #dc26264d}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 24px);right:-60px}}.header{height:64px;background:linear-gradient(135deg,#c41e3a,#8b1538);color:#fff;position:fixed;top:0;left:0;right:0;z-index:200;box-shadow:0 2px 12px #00000026}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer}.sidebar-toggle:hover{background:#ffffff40}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.header-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:16px}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;position:relative;transition:background .15s ease}.header-icon-btn:hover{background:#fff3}.header-icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:6px 12px;background:var(--text-primary);color:#fff;font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .15s ease;z-index:1000}.header-icon-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}.notification-btn{position:relative}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:700;color:#fff;background:#ef4444;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-menu-wrapper{position:relative}.header-user{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#ffffff1a;border-radius:9999px;cursor:pointer;border:none;color:#fff;transition:background .15s ease}.header-user:hover{background:#fff3}.user-avatar{width:32px;height:32px;background:#ffffff40;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700}.user-info{display:flex;flex-direction:column;line-height:1.3;text-align:left}.user-name{font-size:.875rem;font-weight:600}.user-role{font-size:.6875rem;opacity:.85}.user-dropdown-icon{opacity:.8;margin-left:4px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:6px 0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background .15s ease;text-decoration:none;border:none;background:none;width:100%}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger svg{color:var(--danger)}.dropdown-divider{height:1px;background:var(--border-color);margin:8px 0}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;z-index:10000;opacity:0;transform:translateY(-8px);transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden}.notification-dropdown.active{opacity:1;transform:translateY(0)}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.notification-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .15s ease;padding:0}.notification-close-btn:hover{background:#e5e7eb;color:#111827}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:400px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.notification-empty-icon{color:#d1d5db;margin-bottom:12px}.notification-empty p{margin:0;color:#9ca3af;font-size:14px}.team-dropdown{position:relative}.dropdown-menu.team-dropdown-menu{min-width:380px!important;width:400px!important;max-width:420px!important;padding:0!important;overflow:hidden;right:auto!important;left:50%!important;transform:translate(-50%) translateY(-8px)!important;top:calc(100% + 8px)!important;margin-top:0!important}.dropdown-menu.team-dropdown-menu.active{transform:translate(-50%) translateY(0)!important}.team-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.team-dropdown-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.team-dropdown-count{font-size:.75rem;font-weight:600;color:#fff;background:var(--primary-color);padding:2px 8px;border-radius:10px}.team-dropdown-list{max-height:280px;overflow-y:auto}.team-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s ease}.team-dropdown-item:hover{background:var(--bg-tertiary)}.team-dropdown-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:#fff;flex-shrink:0}.team-dropdown-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.team-dropdown-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-dropdown-role{font-size:.6875rem;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:capitalize;background:#f1f5f9;color:#475569}.team-dropdown-role.owner{background:#fef3c7;color:#d97706}.team-dropdown-role.admin{background:#dbeafe;color:#2563eb}.team-dropdown-role.editor{background:#dcfce7;color:#16a34a}.team-dropdown-role.viewer{background:#f3f4f6;color:#6b7280}.team-dropdown-loading{padding:20px 16px;text-align:center;color:var(--text-secondary);font-size:.875rem}.team-dropdown-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.team-dropdown-status.online{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.team-dropdown-status.offline{background:#94a3b8}.team-dropdown-status.pending{background:#f59e0b}.team-dropdown-empty{padding:20px 16px;text-align:center;color:var(--text-secondary);font-size:.875rem}.team-dropdown-more{padding:10px 16px;text-align:center;font-size:.8125rem;color:var(--primary-color);cursor:pointer;border-top:1px solid var(--border-color)}.team-dropdown-more:hover{background:var(--bg-tertiary)}.team-dropdown-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:nowrap}.team-dropdown-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;color:#fff;background:var(--primary-color);border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.team-dropdown-action:hover{background:var(--primary-dark)}.team-dropdown-action.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.team-dropdown-action.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.team-dropdown-action svg{width:16px;height:16px;flex-shrink:0}.dropdown-menu.user-dropdown{min-width:220px!important;width:220px!important;max-width:220px!important}@media(max-width:768px){.sidebar-toggle{display:flex}.header-logo-text,.user-info{display:none}.notification-dropdown{width:calc(100vw - 32px);max-width:380px;right:-50px}}.sidebar{width:100%;background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;transition:all .25s ease;position:relative;overflow:visible}.sidebar.collapsed{width:100%;overflow:visible}.sidebar-nav{flex:1;padding:8px 0 16px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar.collapsed .sidebar-nav{overflow:visible}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;margin:2px 12px;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative}.nav-item:hover{background:#c41e3a14;color:var(--primary-color)}.nav-item:hover .nav-icon svg{color:var(--primary-color)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-item.active .nav-icon svg{color:#fff}.nav-item.active:hover{background:var(--primary-dark);color:#fff}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:20px;height:20px;transition:color .2s ease}.nav-text{flex:1}.nav-divider{height:1px;background:var(--border-color);margin:8px 24px}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:6px 12px;background:var(--text-primary);color:#fff;font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;z-index:9999;box-shadow:0 4px 12px #00000026}.nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--text-primary)}.sidebar.collapsed .nav-item:hover .nav-tooltip{opacity:1;visibility:visible}.sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;margin:2px 8px;overflow:visible}.sidebar.collapsed .nav-divider{margin:8px 12px}.workspace-selector{background:var(--bg-secondary);padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:6px;flex-shrink:0;width:100%;max-width:260px;box-sizing:border-box;position:relative}.workspace-btn{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;min-width:0;max-width:200px}.workspace-btn:hover{background:var(--border-color)}.workspace-icon{background:var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.workspace-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-dropdown-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.workspace-dropdown-icon.rotated{transform:rotate(180deg)}.workspace-dropdown{position:absolute;bottom:100%;left:16px;right:16px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:240px;overflow-y:auto;margin-bottom:8px}.workspace-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s ease}.workspace-dropdown-item:hover{background:#f3f4f6}.workspace-dropdown-item.active{background:#c41e3a14;color:var(--primary-color)}.workspace-dropdown-item .check-icon{margin-left:auto;color:var(--primary-color)}.workspace-dropdown-item:first-child{border-radius:8px 8px 0 0}.workspace-dropdown-item:last-child{border-radius:0 0 8px 8px}.workspace-dropdown-item:only-child{border-radius:8px}.workspace-add-btn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s ease;flex-shrink:0}.workspace-add-btn:hover{background:var(--primary-dark)}.sidebar-collapse-btn{position:absolute;top:14px;right:-12px;width:24px;height:24px;background:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;transition:all .15s ease;box-shadow:0 2px 8px #0000001a}.sidebar-collapse-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.sidebar-collapse-btn svg{transition:transform .25s ease}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed .workspace-selector{flex-direction:column;padding:12px 8px;gap:8px;overflow:visible}.sidebar.collapsed .workspace-btn{width:100%;justify-content:center;padding:10px}.sidebar.collapsed .workspace-btn .workspace-name,.sidebar.collapsed .workspace-btn .workspace-dropdown-icon{display:none}.sidebar.collapsed .workspace-add-btn{width:100%}@media(max-width:768px){.sidebar-collapse-btn{display:none}}html,body{overflow-x:hidden;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-tertiary)}.app-container{display:flex;flex:1;padding-top:64px}.sidebar-container{position:fixed;top:64px;left:0;bottom:0;width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:500;transition:width .25s ease;overflow:visible}.sidebar-container.collapsed{width:72px;overflow:visible}.main-content{flex:1;padding:32px;min-width:0;margin-left:260px;transition:margin-left .25s ease;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 64px)}.main-content.sidebar-collapsed{margin-left:72px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header-main .page-title{margin:0}.page-header-content{flex:1;min-width:0}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;inset:64px 0 0;background:#00000080;z-index:299}@media(max-width:1024px){.sidebar-container{width:220px}.sidebar-container.collapsed{width:72px}.main-content{margin-left:220px}.main-content.sidebar-collapsed{margin-left:72px}}@media(max-width:768px){.sidebar-container{position:fixed;left:-260px;top:64px;bottom:0;width:260px;z-index:300;box-shadow:var(--shadow-xl);transition:left .2s ease}.sidebar-container.mobile-open{left:0}.main-content{padding:24px;margin-left:0!important}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%;flex-wrap:wrap}.sidebar-overlay{display:block}}@media(max-width:480px){.main-content{padding:16px}.page-title{font-size:1.5rem}.page-header-actions .btn{flex:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;line-height:1.4;border-radius:8px;transition:all .2s ease;white-space:nowrap;cursor:pointer;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #c41e3a4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-ghost svg{width:16px;height:16px}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:8px;background:transparent;color:var(--text-secondary)}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);color:var(--primary-color)}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.btn-loading{position:relative;pointer-events:none}.btn-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.btn-icon-wrapper{display:flex;align-items:center;justify-content:center}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-label.required:after{content:" *";color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c41e3a1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input-error{border-color:var(--danger)}.form-input-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:4px}.form-error{font-size:.8125rem;color:var(--danger);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card-header{padding:24px;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-body{padding:24px}.card-footer{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 12px 12px}.table-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table-container{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden;margin-top:24px}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);gap:16px;flex-wrap:wrap}.table-title{font-size:1rem;font-weight:600;color:var(--text-secondary)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{width:100%;max-width:480px}.modal-md{width:100%;max-width:640px}.modal-lg{width:100%;max-width:880px;max-height:calc(100vh - 100px)}.modal-xl{width:100%;max-width:1100px;max-height:calc(100vh - 60px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.modal-title svg{color:#3b82f6;flex-shrink:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}@media(max-width:768px){.modal-backdrop{padding:16px}.modal{max-width:100%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:12px 20px;flex-wrap:wrap}}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px}.badge-sm{padding:2px 8px;font-size:.6875rem}.badge-lg{padding:6px 14px;font-size:.8125rem}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-critical{background:var(--risk-critical);color:#fff}.badge-high{background:#ea580c26;color:#c2410c}.badge-medium{background:#ca8a0426;color:#a16207}.badge-low{background:#16a34a26;color:#15803d}.badge-success{background:#10b98126;color:#047857}.badge-warning{background:#f59e0b26;color:#b45309}.badge-info{background:#3b82f626;color:var(--blue-800)}.badge-danger{background:#ef444426;color:#dc2626}.risk-score{min-width:50px;text-align:center;justify-content:center;border-radius:6px;font-size:.8125rem;padding:4px 12px}.risk-score-minimal{background:#dcfce7;color:#166534}.risk-score-low{background:#bef264;color:#3f6212}.risk-score-medium{background:#fde047;color:#713f12}.risk-score-high{background:#fb923c;color:#7c2d12}.risk-score-critical{background:#fca5a5;color:#991b1b}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;pointer-events:auto;animation:toastSlideIn .3s ease-out;transform-origin:top right}.toast-item.toast-exit{animation:toastSlideOut .3s ease-out forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.toast-message{font-size:13px;color:#6b7280;line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.toast-close:hover{background:#f3f4f6;color:#374151}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media(max-width:480px){.toast-container{left:12px;right:12px;max-width:none}.toast-item{width:100%}}.cube-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cube-loader{width:40px;height:40px;perspective:200px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:cubeRotate 1.8s ease-in-out infinite}.cube-face{position:absolute;width:40px;height:40px;border:2px solid #6366f1;background:#6366f126;border-radius:4px}.cube-face:nth-child(1){transform:translateZ(20px)}.cube-face:nth-child(2){transform:rotateY(180deg) translateZ(20px)}.cube-face:nth-child(3){transform:rotateY(90deg) translateZ(20px)}.cube-face:nth-child(4){transform:rotateY(-90deg) translateZ(20px)}.cube-face:nth-child(5){transform:rotateX(90deg) translateZ(20px)}.cube-face:nth-child(6){transform:rotateX(-90deg) translateZ(20px)}@keyframes cubeRotate{0%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(180deg) rotateY(180deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube-loader-text{font-size:14px;color:#6b7280;font-weight:500}.ftux-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;animation:ftux-fadeIn .3s ease}@keyframes ftux-fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.ftux-popup{position:relative;background:#fff;max-width:480px;width:100%;border-radius:16px;padding:40px 36px 32px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:ftux-slideIn .3s ease}@keyframes ftux-slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ftux-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .15s ease}.ftux-close:hover{background:#e2e8f0;color:#0f172a}.ftux-icon-container{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#fef2f2,#fce7f3);border-radius:20px;display:flex;align-items:center;justify-content:center}.ftux-icon-container svg{width:48px;height:48px;stroke-width:1.5;color:#c41e3a}.ftux-content{opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.ftux-content.visible{opacity:1;transform:translateY(0)}.ftux-ai-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#fef2f2,#fce7f3);border-radius:24px;font-size:13px;font-weight:500;color:#64748b;margin-bottom:16px}.ftux-ai-badge .ai-sparkle{color:#c41e3a;animation:ftux-sparkle 3s ease-in-out infinite}@keyframes ftux-sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ftux-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.ftux-body{font-size:15px;line-height:1.7;color:#475569;margin-bottom:24px}.ftux-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.ftux-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;min-width:140px}.ftux-btn-primary{background:#c41e3a;color:#fff}.ftux-btn-primary:hover{background:#a01830}.ftux-btn-secondary{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.ftux-btn-secondary:hover{background:#e2e8f0}.ftux-hint{font-size:13px;color:#64748b;font-style:italic;margin:0 0 16px}.ftux-footer{font-size:12px;color:#94a3b8;margin:0;padding-top:16px;border-top:1px solid #f1f5f9}@media(max-width:520px){.ftux-popup{max-width:95%;margin:16px;padding:32px 24px 28px}.ftux-icon-container{width:64px;height:64px;border-radius:16px}.ftux-icon-container svg{width:36px;height:36px}.ftux-title{font-size:20px}.ftux-body{font-size:14px}.ftux-actions{flex-direction:column}.ftux-btn{width:100%}.ftux-ai-badge{font-size:12px;padding:8px 14px}}.dashboard{max-width:100%;display:flex;gap:20px;align-items:flex-start}.dashboard-main{flex:1 1 100%;min-width:0;transition:flex-basis .25s ease}.dashboard-panel-open .dashboard-main{flex:1 1 70%}.dashboard>.dashboard-panel{flex:0 0 0;max-width:0;overflow:hidden;transition:flex-basis .25s ease,max-width .25s ease,opacity .25s ease;opacity:0}.dashboard-panel-open>.dashboard-panel{flex:0 0 30%;max-width:360px;min-width:300px;opacity:1;position:sticky;top:16px;max-height:calc(100vh - 100px);overflow-y:auto;align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014}.dashboard-panel.panel-border-critical{border-left:4px solid #f3b5b5}.dashboard-panel.panel-border-high{border-left:4px solid #f6d2b6}.dashboard-panel.panel-border-medium{border-left:4px solid #f8f1b8}.dashboard-panel.panel-border-low{border-left:4px solid #e6f4cc}.dashboard>.dashboard-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:1}.dashboard>.dashboard-panel .panel-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.dashboard>.dashboard-panel .panel-close{width:28px;height:28px;border:none;background:#e2e8f0;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.dashboard>.dashboard-panel .panel-close:hover{background:#cbd5e1;color:#0f172a}.dashboard>.dashboard-panel .panel-body{padding:16px;display:flex;flex-direction:column;gap:14px}.dashboard>.dashboard-panel .panel-risk-title{font-size:16px;font-weight:600;color:#0f172a;margin:0;line-height:1.4}.dashboard>.dashboard-panel .panel-tags{display:flex;flex-wrap:wrap;gap:8px}.dashboard>.dashboard-panel .panel-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.dashboard>.dashboard-panel .panel-tag.tag-critical{background:#fef2f2;color:#dc2626}.dashboard>.dashboard-panel .panel-tag.tag-high{background:#fff7ed;color:#ea580c}.dashboard>.dashboard-panel .panel-tag.tag-medium{background:#fffbeb;color:#d97706}.dashboard>.dashboard-panel .panel-tag.tag-low{background:#f0fdf4;color:#16a34a}.dashboard>.dashboard-panel .panel-tag.tag-category{background:#f1f5f9;color:#475569}.dashboard>.dashboard-panel .panel-scores{display:flex;gap:10px}.dashboard>.dashboard-panel .score-card{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;text-align:center;transition:all .2s}.dashboard>.dashboard-panel .score-card.active{background:#fef2f2;border-color:#c41e3a}.dashboard>.dashboard-panel .score-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dashboard>.dashboard-panel .score-card.active .score-label{color:#c41e3a}.dashboard>.dashboard-panel .score-value{font-size:24px;font-weight:700;color:#0f172a;line-height:1.2}.dashboard>.dashboard-panel .score-card.active .score-value{color:#c41e3a}.dashboard>.dashboard-panel .score-formula{font-size:11px;color:#94a3b8;margin-top:4px}.dashboard>.dashboard-panel .panel-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard>.dashboard-panel .panel-info-item{display:flex;flex-direction:column;gap:4px}.dashboard>.dashboard-panel .panel-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.dashboard>.dashboard-panel .panel-description{margin-top:8px;padding-top:12px;border-top:1px solid #e2e8f0}.dashboard>.dashboard-panel .description-text{font-size:13px;color:#475569;line-height:1.6;margin:8px 0 0}.dashboard-filters{background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible;position:relative;z-index:100}.filter-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c41e3a,#a01830);border-radius:10px;color:#fff;box-shadow:0 4px 12px #c41e3a40}.filter-selector{position:relative;flex:0 0 220px;width:220px;min-width:220px;max-width:220px}.register-select{width:100%;padding:10px 36px 10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.register-select:hover{border-color:#cbd5e1;background-color:#fff}.register-select:focus{outline:none;border-color:#c41e3a;background-color:#fff;box-shadow:0 0 0 3px #c41e3a1a}.register-select option{padding:12px;font-size:14px;color:#0f172a}.kpi-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;box-shadow:none;transition:all .2s;min-width:0;overflow:hidden}.kpi-card:hover{box-shadow:0 2px 6px #0f172a14;transform:translateY(-2px)}.kpi-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:10px;flex-shrink:0}.kpi-card-critical .kpi-icon{background:#fef2f2}.kpi-card-danger .kpi-icon{background:#fff7ed}.kpi-card-success .kpi-icon{background:#dcfce7}.kpi-card-warning .kpi-icon{background:#fef3c7}.kpi-content{flex:1;min-width:0;overflow:hidden}.kpi-value{font-size:28px;font-weight:700;color:#0f172a;line-height:1;margin-bottom:4px;display:block}.kpi-label{font-size:12px;color:#64748b;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-filters{background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible}.filter-header{display:flex;align-items:center;gap:14px;flex-shrink:0}.filter-icon{width:42px;height:42px;background:linear-gradient(135deg,#c41e3a,#a01830);border-radius:10px;color:#fff;box-shadow:0 4px 12px #c41e3a40;display:flex;align-items:center;justify-content:center}.filter-info{display:flex;flex-direction:column;gap:2px}.filter-title{font-size:15px;font-weight:600;color:#0f172a}.filter-subtitle{font-size:12px;color:#64748b}.filter-selector{position:relative;flex:0 0 180px;width:180px;min-width:180px;max-width:180px}.dropdown-trigger{width:100%;padding:10px 36px 10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left}.dropdown-trigger:hover{border-color:#cbd5e1;background:#fff}.custom-dropdown.open .dropdown-trigger{border-color:#c41e3a;background:#fff;box-shadow:0 0 0 3px #c41e3a1a;border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#64748b;transition:transform .2s ease;flex-shrink:0;display:flex;align-items:center}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg);color:#c41e3a}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;min-width:180px;background:#fff;border:1.5px solid #c41e3a;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:280px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.custom-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s ease}.dropdown-option:hover{background:#f8fafc}.dropdown-option:last-child{border-radius:0 0 10px 10px}.dropdown-option.selected{background:#fff5f7}.dropdown-option.selected:hover{background:#ffebef}.option-label{font-size:14px;font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-option.selected .option-label{color:#c41e3a;font-weight:600}.option-check{color:#c41e3a;opacity:0;transition:opacity .15s ease;flex-shrink:0;display:flex;align-items:center}.dropdown-option.selected .option-check{opacity:1}@media(max-width:768px){.dashboard-filters{flex-direction:column;align-items:stretch;gap:16px}.filter-selector{flex:1 1 auto;width:auto;min-width:150px;max-width:100%}}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;margin-bottom:16px}.section-title{margin:0 0 12px;font-size:15px;font-weight:700;color:#0f172a;letter-spacing:.01em}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header-row .section-title{margin:0}.view-all-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#c41e3a;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s;text-decoration:none}.view-all-btn:hover{background:#fef2f2}.heatmaps-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;transition:gap .2s ease}.heatmap-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;border:2px solid #f1f5f9;min-width:0;overflow:hidden;transition:padding .2s ease}.heatmap-card-header{margin-bottom:20px}.heatmap-card-title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 4px}.heatmap-card-subtitle{font-size:13px;color:#64748b}.heatmap-wrapper{overflow:visible;width:100%}.heatmap-grid-container{display:flex;align-items:flex-start;gap:6px}.heatmap-y-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;color:#64748b;letter-spacing:2px;display:flex;align-items:center;justify-content:center;padding:0 4px}.heatmap-main{display:flex;flex-direction:column;gap:4px}.heatmap-row{display:flex;gap:4px;align-items:center}.heatmap-row-label{width:24px;font-size:12px;font-weight:600;color:#64748b;text-align:center}.heatmap-cell{width:56px;height:56px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;border:2px solid transparent;flex-shrink:0}.heatmap-cell:hover{transform:scale(1.08);box-shadow:0 4px 16px #0003;z-index:10}.risk-dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:4px;max-width:48px}.risk-dot{width:10px;height:10px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:all .15s}.risk-dot:hover{transform:scale(1.3);background:#fff;box-shadow:0 2px 8px #0000004d}.risk-dot-selected{background:#c41e3a;border-color:#fff;transform:scale(1.3);animation:dot-pulse 2.5s ease-in-out infinite;z-index:5}@keyframes dot-pulse{0%,to{box-shadow:0 0 #c41e3a66}50%{box-shadow:0 0 0 5px #c41e3a00}}.risk-dot-paired-glow{box-shadow:0 0 0 3px #c41e3a80,0 0 8px #c41e3a66;transform:scale(1.2);z-index:4}.risk-dot-paired-selected{background:#c41e3ab3;border-color:#fff;transform:scale(1.2);box-shadow:0 0 0 3px #c41e3a66,0 0 10px #c41e3a4d;z-index:4}.risk-dot-more{font-size:9px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.heatmap-x-row{display:flex;gap:4px;margin-top:4px}.heatmap-spacer{width:24px}.heatmap-x-label{width:56px;font-size:11px;font-weight:600;color:#64748b;text-align:center}.heatmap-x-axis-title{text-align:center;font-size:11px;font-weight:700;color:#64748b;letter-spacing:2px;margin-top:8px;margin-left:28px}.risk-minimal{background:#e7f5ed;color:#0f3f2d}.risk-low{background:#e6f4cc;color:#3f6212}.risk-medium{background:#f8f1b8;color:#7a5b0a}.risk-high{background:#f6d2b6;color:#7c2d12}.risk-critical{background:#f3b5b5;color:#7f1d1d}.top-risks-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.top-risks-table{width:100%;border-collapse:collapse}.top-risks-table thead{background:#f8fafc}.top-risks-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.top-risks-table td{padding:14px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.top-risks-table tbody tr{cursor:pointer;transition:background-color .15s}.top-risks-table tbody tr:hover{background:#f8fafc}.top-risks-row-selected{background:#fef2f2!important;box-shadow:inset 3px 0 #c41e3a}.top-risks-row-selected td{color:#0f172a}.top-risks-table tbody tr:last-child td{border-bottom:none}.col-title{min-width:200px;max-width:300px}.col-category{min-width:100px}.col-score{width:80px;text-align:center;font-weight:700}.col-level{width:100px}.col-owner{min-width:120px}.risk-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#0f172a}.score-critical{color:#dc2626}.score-high{color:#ea580c}.score-medium{color:#d97706}.score-low{color:#16a34a}.risk-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.risk-badge-critical{background:#fef2f2;color:#dc2626}.risk-badge-high{background:#fff7ed;color:#ea580c}.risk-badge-medium{background:#fffbeb;color:#d97706}.risk-badge-low{background:#f0fdf4;color:#16a34a}.activity-list-compact{display:flex;flex-direction:column;gap:0}.activity-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9}.activity-row:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#94a3b8}.activity-dot.dot-create{background:#16a34a}.activity-dot.dot-update{background:var(--blue-600)}.activity-dot.dot-delete{background:#dc2626}.activity-dot.dot-link{background:#d97706}.activity-text{flex:1;font-size:13px;color:#334155;line-height:1.4;min-width:0}.activity-user-name{font-weight:600;color:#0f172a}.activity-entity-name{font-weight:600;color:#475569}.activity-time-ago{font-size:11px;color:#94a3b8;flex-shrink:0;min-width:50px;text-align:right}.dashboard-panel-open .kpi-cards{gap:10px}.dashboard-panel-open .kpi-card{padding:14px 16px}.dashboard-panel-open .kpi-icon{width:40px;height:40px;font-size:22px}.dashboard-panel-open .kpi-value{font-size:22px}.dashboard-panel-open .kpi-label{font-size:11px}.dashboard-panel-open .control-cards{gap:8px}.dashboard-panel-open .control-card{padding:12px 14px}.dashboard-panel-open .control-card-value{font-size:20px}.dashboard-panel-open .control-card-label{font-size:10px}.dashboard-panel-open .top-risks-table th{padding:10px 12px;font-size:11px}.dashboard-panel-open .top-risks-table td{padding:10px 12px;font-size:12px}.dashboard-panel-open .col-title{min-width:140px;max-width:200px}.dashboard-panel-open .col-category{min-width:80px}.dashboard-panel-open .risk-badge{padding:3px 8px;font-size:10px}.dashboard-panel-open .heatmaps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-panel-open .heatmap-card{padding:16px}.dashboard-panel-open .heatmap-cell{width:40px;height:40px;border-radius:6px}.dashboard-panel-open .risk-dots{gap:2px;padding:2px;max-width:34px}.dashboard-panel-open .risk-dot{width:6px;height:6px}.dashboard-panel-open .heatmap-row-label{width:20px;font-size:10px}.dashboard-panel-open .heatmap-spacer{width:20px}.dashboard-panel-open .heatmap-y-label{font-size:9px;letter-spacing:1px}.dashboard-panel-open .heatmap-x-label{width:40px;font-size:10px}.dashboard-panel-open .heatmap-x-axis-title{font-size:9px;margin-left:24px}.dashboard-panel-open .heatmap-card-title{font-size:14px}.dashboard-panel-open .heatmap-card-subtitle{font-size:11px}.dashboard-panel-open .category-bar-row{padding:6px 8px;gap:8px}.dashboard-panel-open .category-bar-label{width:100px;font-size:12px}.dashboard-panel-open .category-bar-track{height:10px}.dashboard-panel-open .category-bar-value{width:70px;font-size:11px}.dashboard-panel-open .attention-panel{padding:12px 14px}.dashboard-panel-open .attention-item{padding:6px 8px}.dashboard-panel-open .attention-text{font-size:12px}.dashboard-panel-open .situation-pill{padding:6px 10px;font-size:12px}.dashboard-panel-open .section-title{font-size:14px;margin-bottom:10px}.dashboard-panel-open .dashboard-section{padding:14px 16px}.dashboard-panel-open .activity-row{padding:8px 0;gap:8px}.dashboard-panel-open .activity-text{font-size:12px}.dashboard-panel-open .heatmap-legend{gap:10px;padding-top:12px;margin-top:14px}.dashboard-panel-open .legend-item{padding:4px 8px;font-size:10px}@media(max-width:1200px){.kpi-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.heatmaps-row{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-filters{flex-direction:column;align-items:stretch;gap:16px}.filter-selector{flex:1 1 auto;width:auto;min-width:150px;max-width:200px}.kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:24px}.heatmap-cell{width:48px;height:48px}.heatmap-x-label{width:48px}}@media(max-width:480px){.kpi-cards{grid-template-columns:1fr}}.empty-table-cell{padding:40px 16px!important;text-align:center}.table-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8}.table-empty-state svg{color:#d1d5db}.table-empty-state span{font-size:14px;color:#64748b}.activity-empty-state{padding:32px 16px;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column}.activity-empty-text{font-size:14px;color:#94a3b8}.heatmap-legend{display:flex;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.legend-item{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:help;transition:transform .15s}.legend-item:hover{transform:scale(1.05)}.legend-item.risk-low{background:#e6f4cc;color:#3f6212}.legend-item.risk-medium{background:#f8f1b8;color:#7a5b0a}.legend-item.risk-high{background:#f6d2b6;color:#7c2d12}.legend-item.risk-critical{background:#f3b5b5;color:#7f1d1d}.cell-count{font-size:10px;font-weight:600;color:inherit;opacity:.8;margin-top:2px}.situation-overview{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}.situation-pill{border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s}.situation-pill .pill-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.situation-pill.tone-red .pill-dot{background:#ef4444}.situation-pill.tone-amber .pill-dot{background:#f59e0b}.situation-pill.tone-green .pill-dot{background:#22c55e}.situation-pill:hover{border-color:#cbd5e1}.attention-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:24px}.attention-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;position:relative}.attention-title{font-size:14px;font-weight:700;color:#0f172a;margin:0}.attention-title-info{width:16px;height:16px;border-radius:50%;background:#94a3b8;color:#fff;font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.attention-title-info:hover{background:#64748b}.attention-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.attention-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:default;transition:all .15s ease;position:relative}.attention-item:hover{border-color:#cbd5e1;background:#f1f5f9}.attention-text{font-size:13px;color:#475569}.attention-info-icon{width:18px;height:18px;border-radius:50%;background:#94a3b8;color:#fff;font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative}.attention-item:hover .attention-info-icon{background:#64748b}.section-header{margin-bottom:16px}.section-subtitle{font-size:13px;color:#64748b;margin-top:4px}.risk-concentration-chart{display:flex;flex-direction:column;gap:10px}.category-bar-row{display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;border-radius:8px;padding:10px 12px}.category-bar-label{width:140px;font-size:14px;font-weight:600;color:#0f172a;flex-shrink:0}.category-bar-track{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.category-bar{height:100%;background:linear-gradient(90deg,#c41e3a,#e53e3e);border-radius:6px;transition:width .5s ease-out}.category-bar-value{width:80px;font-size:13px;font-weight:500;color:#64748b;text-align:right;flex-shrink:0}.control-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;text-align:center;cursor:help;transition:all .15s;position:relative;min-width:0;overflow:hidden}.control-card:hover{border-color:#c41e3a;background:#fef2f2}.control-card-clickable{cursor:pointer}.control-card-selected{border-color:#c41e3a;background:#fef2f2;box-shadow:0 0 0 2px #c41e3a33}.control-card-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:6px}.control-card-label{font-size:11px;color:#64748b;font-weight:600;line-height:1.3}.empty-state{text-align:center;padding:40px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.empty-state.compact{padding:24px 16px}.empty-state-icon{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#94a3b8;font-size:16px;font-weight:700;font-style:italic;font-family:Georgia,serif;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.empty-state-title{font-size:14px;font-weight:600;color:#475569;margin:0 0 4px}.empty-state-desc{font-size:13px;color:#94a3b8;margin:0}.top-risks-note{font-size:12px;color:#64748b;text-align:center;padding:12px;background:#f8fafc;border-radius:8px;margin-top:12px}.score-critical{color:#dc2626;font-weight:700}.score-high{color:#ea580c;font-weight:700}.score-medium{color:#ca8a04;font-weight:600}.score-low{color:#16a34a;font-weight:600}.activity-empty-icon{color:#d1d5db;margin-bottom:12px}.activity-empty-icon svg{width:48px;height:48px}.activity-empty-hint{font-size:12px;color:#94a3b8;margin-top:8px}@media(max-width:1024px){.control-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-bar-label{width:100px}}@media(max-width:768px){.control-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.situation-overview{flex-direction:column;align-items:flex-start}.category-bar-row{flex-wrap:wrap}.category-bar-label{width:100%;margin-bottom:4px}.category-bar-value{width:auto}}@media(max-width:480px){.control-cards{grid-template-columns:1fr}}.panel-risk-title{font-size:16px;font-weight:600;color:#0f172a}.panel-meta-row{display:flex;flex-wrap:wrap;gap:6px}.control-panel-description{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 12px;padding:10px;background:#f8fafc;border-radius:6px;border-left:3px solid #c41e3a}.panel-chip{display:inline-flex;align-items:center;padding:4px 10px;background:#f1f5f9;border-radius:12px;font-size:12px;color:#475569;font-weight:500}.panel-chip.chip-critical{background:#fef2f2;color:#dc2626}.panel-chip.chip-high{background:#fff7ed;color:#ea580c}.panel-scores{display:flex;gap:10px}.panel-scores .score-card{flex:1;background:#f8fafc;border-radius:8px;padding:10px;text-align:center}.panel-scores .score-label{font-size:11px;color:#64748b;text-transform:uppercase;margin-bottom:4px}.panel-scores .score-value{font-size:20px;font-weight:700;color:#0f172a}.category-risk-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.category-risk-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:background .15s}.category-risk-item:hover{background:#f1f5f9}.category-risk-indicator{width:4px;min-height:32px;border-radius:2px;flex-shrink:0}.category-risk-indicator.level-critical{background:#dc2626}.category-risk-indicator.level-high{background:#ea580c}.category-risk-indicator.level-medium{background:#ca8a04}.category-risk-indicator.level-low{background:#16a34a}.category-risk-content{flex:1;min-width:0}.category-risk-title{font-weight:500;color:#0f172a;font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-risk-scores{font-size:11px;color:#64748b}.category-bar-row{cursor:pointer;border-radius:6px;padding:6px 8px;margin:-6px -8px;transition:background .15s;border:1px solid transparent}.category-bar-row:hover{background:#f8fafc}.category-bar-row:hover .category-bar{background:#64748b}.category-bar{height:100%;background:#94a3b8;border-radius:8px;transition:width .2s,background .2s}.category-bar-row.category-bar-selected{background:#fef2f2;border:1px solid #c41e3a}.category-bar-row.category-bar-selected .category-bar{background:#c41e3a}.category-bar-row.category-bar-selected .category-bar-label{color:#c41e3a}.heatmap-tooltip{position:fixed;z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;box-shadow:0 4px 16px #00000026;max-width:280px;pointer-events:none}.heatmap-tooltip .tooltip-title{font-weight:600;color:#0f172a;font-size:14px;margin-bottom:8px;border-bottom:1px solid #e2e8f0;padding-bottom:6px}.heatmap-tooltip .tooltip-row{font-size:12px;color:#475569;margin-bottom:4px}.heatmap-tooltip .tooltip-row strong{color:#0f172a}.heatmap-tooltip .exposure-line{font-style:italic;color:#64748b;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.heatmap-tooltip .tooltip-hint{font-size:11px;color:#94a3b8;margin-top:8px;font-style:italic}.risk-dot-tooltip{background:#1e293b;color:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 8px 24px #0000004d;z-index:10000;min-width:200px;max-width:280px;pointer-events:none}.risk-tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #334155}.risk-tooltip-row:last-of-type{border-bottom:none}.risk-tooltip-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.risk-tooltip-value{font-size:13px;font-weight:500;color:#fff;text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.risk-tooltip-value.exposure-critical{color:#f87171}.risk-tooltip-value.exposure-high{color:#fb923c}.risk-tooltip-value.exposure-medium{color:#fbbf24}.risk-tooltip-value.exposure-low{color:#4ade80}.risk-tooltip-hint{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #334155;font-size:11px;color:#94a3b8}.risk-tooltip-hint svg{width:12px;height:12px}.info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#0f172a;line-height:1.4}.risk-panel-controls-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.risk-panel-controls-row .info-label{margin-bottom:6px}.risk-panel-controls-row .info-value{font-size:18px;font-weight:700}.risk-panel-control-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px}.risk-panel-control-details .risk-panel-info-grid{margin-bottom:0}.heatmap-highlighted{border-color:#c41e3a!important;box-shadow:0 0 0 2px #c41e3a26}@media(max-width:1200px){.dashboard-panel-open>.dashboard-panel{flex:0 0 35%;max-width:320px;min-width:280px}}@media(max-width:1024px){.dashboard-panel-open>.dashboard-panel{flex:0 0 40%;max-width:300px;min-width:260px}}@media(max-width:900px){.dashboard-panel-open{flex-direction:column}.dashboard-panel-open .dashboard-main{flex:1 1 100%}.dashboard-panel-open>.dashboard-panel{position:relative;top:0;flex:0 0 auto;max-width:100%;min-width:100%;width:100%;max-height:400px;margin-top:16px}}.cell-panel-subtitle{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 12px}.cell-panel-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cell-meta-chip{display:inline-flex;align-items:center;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#475569;font-weight:500}.cell-meta-chip.chip-level{font-weight:600}.cell-meta-chip.chip-critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.cell-meta-chip.chip-high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.cell-meta-chip.chip-medium{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.cell-meta-chip.chip-low{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.cell-risk-list{display:flex;flex-direction:column;gap:8px}.cell-risk-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid transparent}.cell-risk-item:hover{background:#f1f5f9;border-color:#e2e8f0}.cell-risk-indicator{width:4px;min-height:36px;border-radius:2px;flex-shrink:0}.cell-risk-indicator.level-critical{background:#dc2626}.cell-risk-indicator.level-high{background:#ea580c}.cell-risk-indicator.level-medium{background:#d97706}.cell-risk-indicator.level-low{background:#16a34a}.cell-risk-content{flex:1;min-width:0}.cell-risk-title{font-weight:600;color:#0f172a;font-size:13px;margin-bottom:4px;line-height:1.3}.cell-risk-meta{font-size:11px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboard.preview-mode:not(.preview-exploring) .dashboard-main{opacity:.3;filter:blur(3px);pointer-events:none;transition:opacity .2s ease,filter .2s ease}.dashboard.preview-mode{pointer-events:none}.dashboard.preview-mode .ftux-overlay,.dashboard.preview-mode .ftux-popup,.dashboard.preview-mode .ftux-popup *,.dashboard.preview-mode .ftux-close,.dashboard.preview-mode .ftux-btn,.dashboard.preview-mode .ftux-actions,.dashboard.preview-mode .ftux-content{pointer-events:auto!important}.dashboard.preview-mode.preview-exploring{pointer-events:auto;-webkit-user-select:auto;user-select:auto}.preview-mode .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.preview-mode .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:box-shadow .2s ease,transform .2s ease}.preview-mode .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.preview-mode .stat-label{font-size:14px;font-weight:500;color:#64748b;margin-bottom:12px;letter-spacing:-.01em}.preview-mode .stat-value{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:8px;line-height:1.2}.preview-mode .stat-detail{display:flex;gap:12px;font-size:13px;color:#64748b}.preview-mode .stat-detail span{padding:4px 10px;border-radius:6px;font-weight:500;background:#f1f5f9}.preview-mode .stat-critical{color:#dc2626;background:#fee2e2!important}.preview-mode .stat-high{color:#ea580c;background:#ffedd5!important}.preview-mode .stat-medium{color:#eab308;background:#fef3c7!important}.preview-mode .stat-low{color:#16a34a;background:#dcfce7!important}.preview-mode .stat-trend{font-size:13px;color:#94a3b8;margin-top:4px}.preview-mode .dashboard-section{margin-bottom:32px}.preview-mode .section-title{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:16px;letter-spacing:-.02em}.preview-mode .dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;overflow:hidden}.preview-mode .heatmaps-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:20px}.preview-mode .heatmap-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;overflow:visible}.preview-mode .heatmap-card-header{margin-bottom:20px}.preview-mode .heatmap-card-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px;letter-spacing:-.01em}.preview-mode .heatmap-card-subtitle{font-size:13px;color:#64748b;font-weight:500}.preview-mode .heatmap-wrapper{padding:8px;overflow:visible}.preview-mode .heatmap-grid-container{display:grid;grid-template-areas:". main" "ylabel main" ". xlabel";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:8px;align-items:center;overflow:visible}.preview-mode .heatmap-y-label{grid-area:ylabel;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase}.preview-mode .heatmap-x-label{grid-area:xlabel;font-size:11px;font-weight:600;color:#64748b;letter-spacing:.05em;text-align:center;text-transform:uppercase}.preview-mode .heatmap-main{grid-area:main;display:flex;flex-direction:column;gap:4px;overflow:visible}.preview-mode .heatmap-row{display:flex;gap:4px;align-items:center}.preview-mode .heatmap-row-label{width:24px;font-size:12px;font-weight:600;color:#64748b;text-align:right;padding-right:8px}.preview-mode .heatmap-cell{flex:1;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;overflow:visible}.preview-mode .heatmap-cell.has-risks{cursor:pointer}.preview-mode .heatmap-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001f;z-index:10}.preview-mode .heatmap-cell.risk-low{background:#dcfce7;border-color:#86efac}.preview-mode .heatmap-cell.risk-medium{background:#fef3c7;border-color:#fde047}.preview-mode .heatmap-cell.risk-high{background:#ffedd5;border-color:#fdba74}.preview-mode .heatmap-cell.risk-critical{background:#fee2e2;border-color:#fca5a5}.preview-mode .risk-dot{display:flex;align-items:center;justify-content:center}.preview-mode .risk-count{font-size:14px;font-weight:700;color:#0f172a}.preview-mode .heatmap-cell-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:12px 14px;border-radius:8px;font-size:13px;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:220px;max-width:280px}.preview-mode .heatmap-cell-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}.preview-mode .heatmap-cell.has-risks:hover .heatmap-cell-tooltip{opacity:1;visibility:visible}.preview-mode .heatmap-cell-tooltip .tooltip-title{font-weight:600;margin-bottom:8px;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.preview-mode .heatmap-cell-tooltip .tooltip-risk{margin:6px 0;font-size:13px;line-height:1.4;color:#fff}.preview-mode .heatmap-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.preview-mode .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;border:1px solid}.preview-mode .legend-item.risk-low{background:#dcfce7;border-color:#86efac;color:#15803d}.preview-mode .legend-item.risk-medium{background:#fef3c7;border-color:#fde047;color:#a16207}.preview-mode .legend-item.risk-high{background:#ffedd5;border-color:#fdba74;color:#c2410c}.preview-mode .legend-item.risk-critical{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.preview-mode .risks-table{width:100%;border-collapse:collapse;font-size:14px}.preview-mode .risks-table thead{border-bottom:2px solid #e2e8f0}.preview-mode .risks-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc}.preview-mode .risks-table td{padding:16px;color:#0f172a;border-bottom:1px solid #f1f5f9}.preview-mode .risks-table tbody tr{transition:background-color .15s ease}.preview-mode .risks-table tbody tr:hover{background-color:#f8fafc}.preview-mode .risks-table tbody tr:last-child td{border-bottom:none}.preview-mode .risk-score{font-weight:600;font-variant-numeric:tabular-nums}.preview-mode .status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;background:#e0f2fe;color:#0369a1}.preview-mode .activity-list{list-style:none;padding:0;margin:0}.preview-mode .activity-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.preview-mode .activity-item:last-child{border-bottom:none}.preview-mode .activity-item:hover{background-color:#f8fafc;margin:0 -24px;padding-left:24px;padding-right:24px}.preview-mode .activity-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;flex-shrink:0}.preview-mode .activity-content{flex:1;min-width:0}.preview-mode .activity-text{font-size:14px;color:#0f172a;line-height:1.5;margin-bottom:4px}.preview-mode .activity-text strong{font-weight:600;color:#0f172a}.preview-mode .activity-time{font-size:12px;color:#94a3b8}@media(max-width:1200px){.preview-mode .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.preview-mode .heatmaps-row,.preview-mode .stats-grid{grid-template-columns:1fr}.preview-mode .risks-table{font-size:13px}.preview-mode .risks-table th,.preview-mode .risks-table td{padding:12px}.preview-mode .heatmap-legend{gap:8px}.preview-mode .legend-item{font-size:12px;padding:4px 8px}}@media(max-width:520px){.preview-mode .dashboard-card,.preview-mode .stat-card{padding:16px}.preview-mode .stat-value{font-size:28px}.preview-mode .heatmap-card{padding:16px}.preview-mode .risks-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}:root{--ai-accent: #3b82f6;--ai-accent-hover: #2563eb;--ai-accent-dark: #1e40af;--c-ai-soft: rgba(59, 130, 246, .08)}.floating-ai-container{position:fixed;bottom:24px;right:24px;z-index:10000001}.floating-ai-button{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.floating-ai-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.floating-ai-button:active{transform:translateY(0)}.floating-ai-button:disabled{opacity:.5;cursor:not-allowed}.floating-ai-button.active{border-color:var(--ai-accent);box-shadow:0 4px 12px #3b82f626}.floating-ai-button .ai-icon{color:var(--ai-accent);flex-shrink:0}.floating-ai-button .ai-label{font-size:.8rem;font-weight:500;color:#374151}.floating-ai-button .ai-counter{font-size:.7rem;font-weight:400;color:#9ca3af}.ai-counter.counter-low{color:#d97706;background:#fbbf241a;padding:2px 6px;border-radius:4px}.ai-counter.counter-depleted{color:#dc2626;background:#ef44441a;padding:2px 6px;border-radius:4px}.ai-chat-panel{position:absolute;bottom:56px;right:0;width:340px;max-height:480px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;animation:aiPanelSlideUp .2s ease}@keyframes aiPanelSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;border-left:3px solid var(--ai-accent)}.ai-header-left{display:flex;align-items:center;gap:6px}.ai-header-left svg{color:var(--ai-accent)}.ai-header-title{font-size:.75rem;font-weight:500;color:#6b7280}.ai-header-counter{font-size:.65rem;font-weight:400;color:#9ca3af}.ai-header-counter.counter-low{color:#d97706}.ai-header-counter.counter-depleted{color:#dc2626}.ai-header-actions{display:flex;align-items:center;gap:4px}.ai-header-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:background .15s ease}.ai-header-btn:hover{background:#f3f4f6}.ai-context-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#fafafa;border-bottom:1px solid #f3f4f6;font-size:.6rem;font-weight:500;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em}.ai-context-data-count{font-size:.55rem;padding:1px 6px;background:var(--c-ai-soft);color:var(--ai-accent);border-radius:8px;font-weight:600;text-transform:none;letter-spacing:0}.ai-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;max-height:240px}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.ai-messages::-webkit-scrollbar-thumb:hover{background:#d1d5db}.ai-message{max-width:85%;padding:9px 12px;font-size:.8rem;line-height:1.5;word-wrap:break-word}.ai-message-user{align-self:flex-end;background:var(--ai-accent);color:#fff;border-radius:10px 10px 4px}.ai-message-ai{align-self:flex-start;background:#f5f5f5;color:#374151;border-radius:10px 10px 10px 4px}.ai-typing{padding:12px}.ai-typing-indicator{display:flex;gap:4px}.ai-typing-indicator span{width:6px;height:6px;background:#93c5fd;border-radius:50%;animation:aiTypingBounce 1s ease-in-out infinite}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes aiTypingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.ai-resp-heading{font-weight:600;font-size:.82rem;color:#111827;margin:6px 0 3px}.ai-resp-subheading{font-weight:600;font-size:.78rem;color:#374151;margin:4px 0 2px}.ai-resp-bullet{padding-left:4px;margin:2px 0}.ai-suggested-prompts{display:flex;flex-direction:column;gap:4px}.ai-prompts-label{font-size:.6rem;text-transform:uppercase;color:#b4b4b4;margin-bottom:8px;letter-spacing:.05em}.ai-prompt-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;background:transparent;border:none;border-bottom:1px solid #f5f5f5;font-size:.75rem;color:#6b7280;text-align:left;cursor:pointer;transition:all .15s ease}.ai-prompt-btn:hover{color:#374151}.ai-prompt-arrow{color:transparent;transition:all .15s ease}.ai-prompt-btn:hover .ai-prompt-arrow{color:var(--ai-accent);margin-left:6px}.ai-input-area{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 8px 8px}.ai-input{flex:1;padding:8px 12px;font-size:.8rem;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;outline:none;transition:all .15s ease;font-family:inherit}.ai-input::placeholder{color:#b4b4b4}.ai-input:focus{background:#fff;border-color:#d4d4d4;box-shadow:0 0 0 2px #3b82f60f}.ai-input:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;color:var(--ai-accent);cursor:pointer;transition:all .15s ease;flex-shrink:0}.ai-send-btn:hover:not(:disabled){background:var(--ai-accent);color:#fff;border-color:var(--ai-accent)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.floating-ai-container{bottom:16px;right:16px}.floating-ai-button{width:44px;height:44px;padding:0;justify-content:center}.floating-ai-button .ai-label,.floating-ai-button .ai-counter{display:none}.floating-ai-button .ai-icon{width:18px;height:18px}.ai-chat-panel{width:calc(100vw - 32px);max-width:340px}}.usage-limit-banner{display:flex;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #93c5fd;border-radius:8px;margin-bottom:16px}.usage-limit-content{display:flex;align-items:center;gap:10px;width:100%}.usage-limit-icon{color:var(--ai-accent, #2563eb);flex-shrink:0}.usage-limit-text{font-size:13px;color:#1e40af}.usage-limit-text strong{font-weight:600}.usage-limit-link{margin-left:auto;font-size:13px;font-weight:500;color:var(--ai-accent, #2563eb);text-decoration:none;padding:6px 12px;background:#fff;border:1px solid #93c5fd;border-radius:6px;transition:all .15s ease}.usage-limit-link:hover{background:#dbeafe;border-color:#60a5fa}.info-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--blue-50) 0%,#f0f9ff 100%);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px}.info-banner-content{display:flex;align-items:center;gap:12px}.info-banner-icon-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--ai-accent);color:#fff;border-radius:50%;flex-shrink:0;font-weight:700;font-size:14px;font-style:italic;font-family:Georgia,serif}.info-banner-text{font-size:14px;color:var(--blue-800)}.info-banner-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease}.info-banner-close:hover{background:var(--blue-100);color:var(--blue-800)}.registers-toolbar-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.registers-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:10px;width:16px;height:16px;color:#9ca3af;pointer-events:none}.search-box .search-input{padding:8px 12px 8px 36px;font-size:14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;width:240px;transition:all .15s ease}.search-box .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c41e3a1a}.registers-list{display:flex;flex-direction:column;gap:8px}.registers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.register-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;margin-top:10px}.register-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.register-card.selected{border-color:#c41e3a;box-shadow:0 0 0 2px #c41e3a1a}.register-card-checkbox{position:absolute;top:12px;left:12px;z-index:2}.register-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;padding-left:28px}.register-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff;font-size:16px;font-weight:600;border-radius:10px;flex-shrink:0}.register-card-type{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f3f4f6;border-radius:4px}.register-card-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.register-card-owner{font-size:13px;color:#6b7280;margin:0 0 16px}.register-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.register-card-actions{display:flex;align-items:center;gap:8px}.register-card-stats{display:flex;gap:12px}.risk-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.risk-stat.critical{color:#dc2626}.risk-stat.high{color:#ea580c}.risk-stat.medium{color:#d97706}.risk-stat.low{color:#16a34a}.registers-list .register-card{flex-direction:row;align-items:center;padding:12px 16px;gap:16px;border-radius:8px}.registers-list .register-card-checkbox{position:static;flex-shrink:0}.registers-list .register-card-header{display:contents}.registers-list .register-icon{width:36px;height:36px;font-size:14px;border-radius:8px;flex-shrink:0}.registers-list .register-card-title{flex:1;min-width:0;margin:0;-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.registers-list .register-card-owner{flex-shrink:0;margin:0;white-space:nowrap}.registers-list .register-card-type{display:inline-flex;flex-shrink:0}.registers-list .register-card-footer{margin-top:0;padding-top:0;border-top:none;flex-shrink:0}.registers-list .register-card-stats{flex-shrink:0}.registers-bulk-bar{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;margin-top:12px}.registers-bulk-bar.visible{display:flex}.registers-bulk-bar .bulk-selected-count{font-size:14px;font-weight:600;color:#92400e}.bulk-bar-actions{display:flex;align-items:center;gap:8px}@media(max-width:768px){.page-header-top{flex-direction:column;gap:16px}.page-header-actions{width:100%}.registers-toolbar{flex-direction:column;gap:12px;align-items:stretch}.toolbar-left{flex-direction:column;align-items:stretch}.search-box .search-input{width:100%}.toolbar-right{justify-content:flex-end}.registers-grid{grid-template-columns:1fr}}@media(max-width:480px){.register-card-type,.register-card-owner{display:none!important}}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;color:#dc2626;font-size:14px}.error-banner button{padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.error-banner button:hover{background:#b91c1c}.checkbox-wrapper{display:flex;align-items:center}.checkbox-wrapper input[type=checkbox],.register-card-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#c41e3a}.filter-select{padding:8px 28px 8px 12px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;appearance:none;-webkit-appearance:none}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s ease}.register-card-actions{position:relative}.card-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;margin-top:4px}.card-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.card-dropdown button:hover{background:#f3f4f6}.card-dropdown button.danger{color:#dc2626}.card-dropdown button.danger:hover{background:#fef2f2}.filter-empty-state{text-align:center;padding:48px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px}.filter-empty-state p{color:#6b7280;margin-bottom:16px}.create-register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.label-hint{font-weight:400;color:#9ca3af}.form-input{padding:10px 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .2s ease}.register-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.register-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#f9fafb;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.register-type-card:hover{background:#f3f4f6;border-color:#e5e7eb}.register-type-card.selected{background:#fef2f2;border-color:#c41e3a}.register-type-card .register-type-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#6b7280;margin-bottom:6px}.register-type-card .register-type-icon svg{width:24px;height:24px;stroke:currentColor}.register-type-card:hover .register-type-icon,.register-type-card.selected .register-type-icon{color:#c41e3a}.register-type-card .register-type-name{font-size:11px;font-weight:600;color:#374151;text-align:center}.register-type-card.selected .register-type-name{color:#c41e3a}.register-card.dropdown-active{border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}@media(max-width:640px){.register-type-grid{grid-template-columns:repeat(2,1fr)}}.create-register-options{padding:0}.create-register-options .text-secondary{color:#6b7280;font-size:14px;margin:0 0 16px;text-align:center}.option-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.option-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.option-card:hover{border-color:#c41e3a;background:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-card-pro-badge{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ca8a04;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:4px}.option-card-icon{font-size:36px;margin-bottom:12px}.option-card-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:8px}.option-card-ai-badge{margin-top:auto}.ai-badge-border{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:500;color:var(--ai-accent, #2563eb);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #93c5fd;border-radius:6px}.ai-badge-border .ai-star{color:var(--ai-accent, #2563eb)}.register-usage-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px}.register-usage-indicator .usage-text{color:#6b7280}.register-usage-indicator .upgrade-link{color:var(--ai-accent, #2563eb);background:none;border:none;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.register-usage-indicator .upgrade-link:hover{color:#1d4ed8}.upgrade-modal-content .upgrade-icon{font-size:48px;margin-bottom:16px}.upgrade-modal-content .upgrade-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.upgrade-modal-content .upgrade-desc{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.6}.upgrade-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:0 16px}.upgrade-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;text-align:left}.upgrade-feature .check-icon{color:#10b981;flex-shrink:0}.upgrade-pricing{display:flex;align-items:baseline;justify-content:center;gap:2px}.upgrade-pricing .upgrade-price{font-size:32px;font-weight:700;color:#c41e3a}.upgrade-pricing .upgrade-period{font-size:14px;color:#6b7280}@media(max-width:480px){.option-cards{grid-template-columns:1fr}}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.ai-modal-title{display:inline-flex;align-items:center;gap:8px}.ai-modal-title svg{color:#c41e3a}.ai-starter-prompt{text-align:center;padding:8px 0}.ai-starter-text{font-size:15px;color:#1f2937;margin-bottom:8px;line-height:1.5}.ai-starter-text strong{color:#c41e3a}.ai-starter-subtext{font-size:13px;color:#6b7280;margin-bottom:0;line-height:1.4}.ai-thinking-container{padding:20px 24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.ai-thinking-header{margin-bottom:20px}.ai-thinking-subtitle{font-size:13px;color:#6b7280;margin:0}.ai-progress-ring{position:relative;width:72px;height:72px;margin:0 auto 20px}.ai-progress-ring .progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.ai-progress-ring .progress-ring-bg{stroke:#e5e7eb}.ai-progress-ring .progress-ring-fill{stroke:#c41e3a;transition:stroke-dashoffset .5s ease}.ai-setup-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;color:#c41e3a}.ai-setup-icon svg{width:100%;height:100%;animation:spin 4s linear infinite}.ai-thinking-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:left;max-width:320px;margin-left:auto;margin-right:auto}.ai-thinking-step{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;opacity:.5;transition:all .3s ease}.ai-thinking-step.active{opacity:1;background:#fff;border-color:#c41e3a;box-shadow:0 2px 8px #c41e3a1a}.ai-thinking-step.complete{opacity:1;background:#f0fdf4;border-color:#86efac}.ai-step-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-step-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#c41e3a;border-radius:50%;animation:spin 1s linear infinite}.ai-thinking-step.active .ai-step-spinner{border-color:#fecdd3;border-top-color:#c41e3a}.ai-thinking-step.complete .ai-step-icon{color:#16a34a}.ai-step-text{font-size:13px;color:#6b7280}.ai-thinking-step.active .ai-step-text{color:#111827;font-weight:500}.ai-thinking-step.complete .ai-step-text{color:#166534}.ai-error-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:16px}.ai-thinking-reassurance{font-size:12px;color:#9ca3af;font-style:italic;margin:0}.ai-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.ai-error-icon{font-size:48px;margin-bottom:16px}.ai-error-message-text{max-width:320px}.ai-error-message-text p{margin:0 0 8px;color:#374151;font-size:14px;line-height:1.5}.ai-error-message-text p:first-child{font-weight:500;color:#111827}.ai-error-subtext{color:#6b7280!important;font-size:13px!important}.ai-error-hint{color:#9ca3af!important;font-size:12px!important;margin-top:4px!important}.starter-risks-container{display:flex;flex-direction:column;gap:16px}.starter-risks-intro{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.starter-risks-intro strong{color:#111827}.starter-risks-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.starter-risk-card{display:flex;gap:12px;padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.starter-risk-card:hover{background:#f3f4f6;border-color:#d1d5db}.starter-risk-card.selected{background:#fef2f2;border-color:#c41e3a}.starter-risk-checkbox{display:flex;align-items:flex-start;padding-top:2px}.starter-risk-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c41e3a}.starter-risk-indicator{width:4px;min-height:100%;border-radius:2px;flex-shrink:0}.starter-risk-indicator.level-critical{background:#dc2626}.starter-risk-indicator.level-high{background:#ea580c}.starter-risk-indicator.level-medium{background:#ca8a04}.starter-risk-indicator.level-low{background:#16a34a}.starter-risk-content{flex:1;min-width:0}.starter-risk-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:6px;line-height:1.4}.starter-risk-description{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:10px}.starter-risk-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.starter-risk-category{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;text-transform:capitalize;color:#6b7280;background:#e5e7eb;border-radius:4px}.starter-risk-scores{font-size:12px;color:#9ca3af;font-family:SF Mono,Monaco,Consolas,monospace}.starter-risks-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.starter-risks-note svg{color:#0284c7;flex-shrink:0;margin-top:1px}.starter-risks-note span{font-size:12px;color:#0369a1;line-height:1.5}@media(max-width:640px){.starter-risks-list{max-height:300px}.starter-risk-card{padding:12px}.starter-risk-meta{flex-direction:column;align-items:flex-start;gap:6px}}:root{--ai-accent: #3b82f6;--ai-accent-light: #eff6ff;--ai-accent-border: #bae6fd;--ai-text-primary: #1e293b;--ai-text-secondary: #64748b;--ai-bg-card: #ffffff;--ai-bg-hover: #f8fafc;--ai-border: #e2e8f0;--ai-error-bg: #fef2f2;--ai-error-border: #fecaca;--ai-error-text: #991b1b}.ai-modal-header-content{display:flex;align-items:center;gap:8px}.ai-header-sparkle{color:var(--ai-accent)}.ai-suggestions-modal-body{min-height:200px;max-height:600px;overflow-y:auto}.ai-context-text{font-size:14px;color:var(--ai-text-secondary);margin:0 0 16px}.ai-context-text strong{color:var(--ai-text-primary);font-weight:600}.ai-reasoning-note{font-size:12px;color:#64748b;font-style:italic;margin:-8px 0 12px}.ai-controls-considered{padding:12px 16px;background:var(--ai-accent-light);border:1px solid var(--ai-accent-border);border-radius:8px;margin-bottom:16px;font-size:13px}.controls-label{font-weight:600;color:var(--ai-text-primary)}.controls-list{color:var(--ai-text-secondary)}.ai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.ai-loading-spinner{color:var(--ai-accent);margin-bottom:16px;animation:spin 1.5s linear infinite}.ai-loading-state p{font-size:15px;font-weight:500;color:var(--ai-text-primary);margin:0}.ai-error-state{padding:16px;background:var(--ai-error-bg);border:1px solid var(--ai-error-border);border-radius:8px;margin-bottom:16px}.ai-error-message{font-size:14px;font-weight:500;color:var(--ai-error-text);margin:0 0 8px}.ai-error-hint{font-size:13px;color:var(--ai-text-secondary);margin:0}.ai-suggestion-cards{display:flex;flex-direction:column;gap:12px}.ai-suggestion-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--ai-bg-card);border:2px solid var(--ai-border);border-radius:12px;transition:all .2s ease}.ai-suggestion-card:hover{background:var(--ai-bg-hover);border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.ai-suggestion-card.ai-suggestion-recommended{border-color:var(--ai-accent);background:var(--ai-accent-light)}.ai-suggestion-card.ai-suggestion-recommended:hover{background:#dbeafe}.ai-recommendation-badge{position:absolute;top:-10px;left:16px;padding:4px 12px;background:#fff;border:2px solid var(--ai-accent);border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ai-accent);text-transform:uppercase}.ai-suggestion-text{font-size:15px;line-height:1.6;color:var(--ai-text-primary);font-weight:500;margin-top:8px}.ai-suggestion-with-reasoning{margin-top:8px}.ai-suggestion-with-reasoning .ai-suggestion-text{margin-top:0;font-size:16px;font-weight:600;color:var(--ai-text-primary)}.ai-suggestion-reasoning{font-size:13px;line-height:1.5;color:var(--ai-text-secondary);margin-top:6px;padding:8px 10px;background:#f8fafc;border-radius:6px;border-left:3px solid var(--ai-accent)}.ai-treatment-value{font-weight:700;color:var(--ai-accent)}.ai-score-display{display:flex;align-items:center;gap:12px}.ai-score-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;flex-shrink:0}.ai-score-label{font-size:14px;color:var(--ai-text-secondary);font-weight:500}.ai-suggestion-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.ai-suggestion-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ai-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.ai-suggestion-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--ai-accent)}.ai-suggestion-checkbox:hover{color:var(--ai-text-primary)}.btn-ai-use-suggestion,.btn-ai-use-single{padding:8px 20px;background:var(--ai-accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-ai-use-suggestion:hover,.btn-ai-use-single:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-ai-use-suggestion:active,.btn-ai-use-single:active{transform:translateY(0)}.ai-sticky-actions{position:sticky;bottom:0;left:0;right:0;padding:16px 0 0;margin-top:8px;background:linear-gradient(to top,white 80%,transparent)}.ai-apply-selected{width:100%;padding:12px 24px;background:var(--ai-accent);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.ai-apply-selected:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.ai-apply-selected:active{transform:translateY(0)}.ai-empty-state{padding:48px 24px;text-align:center}.ai-empty-state p{font-size:14px;color:var(--ai-text-secondary);margin:0}.ai-modal-footer-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:640px){.ai-suggestion-card{padding:14px}.ai-suggestion-text{font-size:14px}.ai-suggestion-card-actions{flex-direction:column;align-items:stretch}.btn-ai-use-suggestion,.btn-ai-use-single{width:100%}.ai-loading-state{padding:32px 16px}.ai-recommendation-badge{font-size:10px;padding:3px 10px}}.draft-indicator{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;background:#1e293bbf;color:#ffffffe6;border-radius:20px;font-size:12px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;animation:draftFadeIn .2s ease-out,draftFadeOut .3s ease-in 1.5s forwards;pointer-events:none}.draft-indicator svg{flex-shrink:0;opacity:.8}@keyframes draftFadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes draftFadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:640px){.draft-indicator{font-size:11px;padding:5px 12px}}.risk-assessment-prompt{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:20px;animation:slideInFromTop .3s ease-out}.risk-assessment-prompt-icon{flex-shrink:0;color:#d97706;display:flex;align-items:center}.risk-assessment-prompt-content{flex:1;min-width:0}.risk-assessment-prompt-message{margin:0;font-size:14px;line-height:1.5;color:#78350f}.risk-assessment-prompt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.risk-assessment-prompt-update{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.risk-assessment-prompt-update:hover{background:#d97706}.risk-assessment-prompt-update svg{flex-shrink:0}.risk-assessment-prompt-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:#78350f;cursor:pointer;transition:background .2s}.risk-assessment-prompt-dismiss:hover{background:#d977061a}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.risk-assessment-prompt{flex-wrap:wrap;gap:10px}.risk-assessment-prompt-content{flex:1 1 100%;order:1}.risk-assessment-prompt-icon{order:0}.risk-assessment-prompt-actions{order:2;flex:1 1 100%;justify-content:space-between}.risk-assessment-prompt-update{flex:1;justify-content:center}}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px}.detail-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn:hover{background:#e5e7eb;color:#111827}.detail-header-info{flex:1;min-width:0}.detail-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-subtitle{font-size:14px;color:#6b7280;margin:0}.detail-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.risk-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.risk-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-align:center}.risk-stat-card .stat-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.risk-stat-card .stat-label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.risk-stat-card.critical{border-color:#fecaca;background:#fef2f2}.risk-stat-card.critical .stat-value{color:#dc2626}.risk-stat-card.critical .stat-label{color:#b91c1c}.risk-stat-card.high{border-color:#fed7aa;background:#fff7ed}.risk-stat-card.high .stat-value{color:#ea580c}.risk-stat-card.high .stat-label{color:#c2410c}.risk-stat-card.medium{border-color:#fef08a;background:#fefce8}.risk-stat-card.medium .stat-value{color:#ca8a04}.risk-stat-card.medium .stat-label{color:#a16207}.risk-stat-card.low{border-color:#bbf7d0;background:#f0fdf4}.risk-stat-card.low .stat-value{color:#16a34a}.risk-stat-card.low .stat-label{color:#15803d}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:nowrap;min-height:62px}.filter-bar-left{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:nowrap;min-width:0}.search-input-wrapper{display:flex;align-items:center;position:relative;width:180px;min-width:120px;flex-shrink:1;height:38px}.search-input-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.filter-search{padding:0 10px 0 34px;height:38px;width:100%;font-size:13px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s ease;box-sizing:border-box;margin:0}.filter-search:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.filter-select{padding:8px 28px 8px 10px;height:38px;font-size:13px;color:#374151;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;flex-shrink:0;min-width:120px;box-sizing:border-box}.filter-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap}.result-count{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap;padding:0 12px;height:38px;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box}.view-toggle{display:flex;gap:2px;background:#e5e7eb;padding:3px;border-radius:8px;height:38px;box-sizing:border-box;align-items:center;flex-shrink:0}.view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s ease}.view-btn:hover{color:#374151}.view-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.bulk-actions-bar{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px}.bulk-actions-bar.visible{display:flex}.risks-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible}.risk-table{width:100%;border-collapse:collapse;table-layout:fixed;overflow:visible}.risk-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.risk-table th{padding:12px 8px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.risk-table th:first-child{width:40px;padding-left:16px}.risk-table th:nth-child(2){width:80px}.risk-table th:nth-child(3){width:auto;min-width:180px}.risk-table th:nth-child(4){width:140px}.risk-table th:nth-child(5){width:120px}.risk-table th:nth-child(6){width:120px}.risk-table th:nth-child(7){width:100px}.risk-table th:last-child{width:50px;padding-right:16px}.risk-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.risk-table tbody tr:last-child{border-bottom:none}.risk-table tbody tr:hover{background:#f9fafb}.risk-table td{padding:14px 12px;font-size:14px;color:#374151;vertical-align:middle}.risk-table td:first-child{padding-left:16px}.risk-table td:nth-child(3){padding-left:20px}.risk-table td:last-child{padding-right:16px;overflow:visible;position:relative}.risk-row{cursor:pointer}.risk-ref-cell{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500;color:#c41e3a;white-space:nowrap}.risk-title-cell{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}.risk-title{font-weight:500;color:#111827;white-space:normal;word-wrap:break-word;line-height:1.4}.risk-owner{font-size:12px;color:#9ca3af}.risk-category{font-size:13px;color:#6b7280}.risk-score-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;white-space:nowrap}.risk-score-badge.critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.risk-score-badge.high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.risk-score-badge.medium{background:#fefce8;color:#ca8a04;border:1px solid #fef08a}.risk-score-badge.low{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;background:#f3f4f6;color:#374151}.status-badge[data-status=open]{background:#dbeafe;color:#1d4ed8}.status-badge[data-status=in-progress]{background:#fef3c7;color:#b45309}.status-badge[data-status=mitigated]{background:#d1fae5;color:#047857}.status-badge[data-status=closed]{background:#f3f4f6;color:#6b7280}.row-actions{display:flex;align-items:center;justify-content:flex-end;position:static}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#f3f4f6;color:#374151}.row-dropdown{position:fixed;z-index:9999;min-width:160px;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:6px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.row-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;text-align:left}.row-dropdown button:hover{background:#f3f4f6}.row-dropdown button.danger{color:#dc2626}.row-dropdown button.danger:hover{background:#fef2f2}.risks-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;overflow:visible}.risk-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;overflow:visible;cursor:pointer;transition:all .2s ease;position:relative}.risk-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.risk-card.selected{border-color:#c41e3a;box-shadow:0 0 0 2px #c41e3a1a}.risk-card-checkbox{position:absolute;top:12px;left:12px}.risk-card-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#c41e3a}.risk-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-left:28px}.risk-card-ref{font-size:12px;font-weight:600;color:#c41e3a;font-family:monospace}.risk-card-category{font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.risk-card-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px;line-height:1.4}.risk-card-owner{font-size:13px;color:#6b7280;margin:0 0 16px}.risk-card-scores{display:flex;gap:8px;margin-bottom:12px}.risk-card-score{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;background:#f9fafb;border-radius:6px}.risk-card-score-label{font-size:10px;font-weight:500;color:#9ca3af;text-transform:uppercase;margin-bottom:4px}.risk-card-score-value{font-size:16px;font-weight:700;padding:2px 8px;border-radius:4px}.risk-card-score-value.critical{background:#fef2f2;color:#dc2626}.risk-card-score-value.high{background:#fff7ed;color:#ea580c}.risk-card-score-value.medium{background:#fefce8;color:#ca8a04}.risk-card-score-value.low{background:#f0fdf4;color:#16a34a}.risk-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6;overflow:visible}.risk-card-actions{position:relative;overflow:visible}.risk-card-actions .row-dropdown{z-index:1000}.risk-card-actions .row-dropdown{right:0;left:auto}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.error-state h2{margin:0 0 8px;color:#dc2626}.error-state p{margin:0 0 24px;color:#6b7280}.risk-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;flex:1}.form-label{font-size:14px;font-weight:500;color:#111827}.form-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;transition:all .2s ease}.form-input:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.form-textarea{resize:vertical;min-height:80px}.form-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.risk-assessment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.risk-assessment-column{padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.risk-column-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 16px;text-align:center}.risk-column-title .risk-info{font-weight:400;color:#6b7280}.risk-score-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.risk-score-value{font-size:24px;font-weight:700;color:#111827}.risk-level-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;border-radius:6px}.risk-level-badge.critical{background:#fef2f2;color:#dc2626}.risk-level-badge.high{background:#fff7ed;color:#ea580c}.risk-level-badge.medium{background:#fefce8;color:#ca8a04}.risk-level-badge.low{background:#f0fdf4;color:#16a34a}.delete-confirmation{text-align:center;padding:8px 0}.delete-confirmation p{margin:0 0 12px;color:#374151;font-size:14px;line-height:1.6}.delete-warning{color:#dc2626;font-weight:500}@media(max-width:900px){.filter-bar{flex-wrap:nowrap;gap:8px}.filter-bar-left{flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}.search-input-wrapper{min-width:100px;flex-shrink:1}.filter-select{flex-shrink:1;min-width:80px}.filter-bar-right{flex-shrink:0;justify-content:flex-end}.view-toggle{flex-shrink:0}.risk-assessment-grid{grid-template-columns:1fr}.risk-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.detail-header{flex-direction:column;align-items:stretch;gap:16px}.detail-header-actions{width:100%}.risk-table th:nth-child(4),.risk-table td:nth-child(4),.risk-table th:nth-child(5),.risk-table td:nth-child(5){display:none}.form-row-2,.risks-grid-view{grid-template-columns:1fr}}.add-risk-choice{padding:0}.add-risk-choice .choice-intro{text-align:center;color:#6b7280;font-size:14px;margin:0 0 16px}.add-risk-choice .choice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.add-risk-choice .choice-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.add-risk-choice .choice-card:hover{border-color:#9ca3af;background:#f3f4f6;transform:translateY(-2px)}.add-risk-choice .choice-card.ai-choice:hover{border-color:var(--ai-accent, #2563eb);background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.add-risk-choice .choice-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;margin-bottom:12px;color:#6b7280}.add-risk-choice .choice-card-icon svg{width:24px;height:24px}.add-risk-choice .choice-card-icon.ai-gradient{background:linear-gradient(135deg,var(--ai-accent, #2563eb) 0%,#1d4ed8 100%);color:#fff}.add-risk-choice .choice-card-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px}.add-risk-choice .choice-card-desc{font-size:12.5px;color:#6b7280;margin:0;line-height:1.4}.add-risk-choice .choice-card-ai-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:6px 10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #93c5fd;border-radius:6px;font-size:11px;font-weight:500;color:var(--ai-accent, #2563eb)}.add-risk-choice .ai-badge-icon{display:flex;align-items:center}.add-risk-choice .ai-badge-text{letter-spacing:.01em}.nl-input-header{display:flex;gap:12px;margin-bottom:16px;padding:14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.nl-input-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ai-accent, #2563eb) 0%,#1d4ed8 100%);border-radius:10px;color:#fff;flex-shrink:0}.nl-input-icon svg{width:22px;height:22px}.nl-input-intro h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.nl-input-intro p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.nl-input-field{margin-bottom:12px}.nl-input-field textarea{width:100%;min-height:100px;padding:14px;font-size:14px;line-height:1.5;border:2px solid #e5e7eb;border-radius:10px;resize:vertical;transition:border-color .2s ease}.nl-input-field textarea:focus{outline:none;border-color:var(--ai-accent, #2563eb)}.nl-input-field textarea::placeholder{color:#9ca3af}.nl-char-count{text-align:right;font-size:11px;color:#9ca3af;margin-top:4px}.nl-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nl-examples-label{font-size:12px;color:#6b7280}.nl-example-chip{padding:6px 12px;font-size:12px;font-weight:500;color:var(--ai-accent, #2563eb);background:#f0f9ff;border:1px solid #bfdbfe;border-radius:20px;cursor:pointer;transition:all .15s ease}.nl-example-chip:hover{background:#dbeafe;border-color:#93c5fd}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-label-row .form-label{margin-bottom:0}.field-ai-trigger{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--ai-accent, #2563eb);background:transparent;border:1px solid #bfdbfe;border-radius:5px;cursor:pointer;transition:all .15s ease}.field-ai-trigger:hover{background:#f0f9ff;border-color:#93c5fd}.field-ai-trigger:disabled{opacity:.6;cursor:not-allowed}.field-ai-trigger svg{color:var(--ai-accent, #2563eb)}.ai-spinner{animation:spin 1s linear infinite}.field-ai-trigger.ai-spin-only,button.ai-spin-only{pointer-events:none;opacity:.8}.field-ai-trigger.ai-spin-only svg,.ai-spin-only svg,.ai-spin-only .ai-sparkle-icon{animation:spin 1s linear infinite}@media(max-width:480px){.add-risk-choice .choice-cards{grid-template-columns:1fr}.nl-input-header{flex-direction:column;text-align:center}.nl-input-icon{margin:0 auto}}.form-section{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px}.form-section:last-of-type{margin-bottom:0}.form-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.form-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.form-section-header-row .form-section-title{margin:0;padding-bottom:0;border-bottom:none}.ai-evidence-suggestions{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin-bottom:16px}.ai-evidence-label{font-size:13px;font-weight:600;color:#1e40af;margin:0 0 8px;display:flex;align-items:center;gap:6px}.ai-evidence-label:before{content:"✨"}.ai-evidence-list{margin:0;padding-left:20px;color:#374151;font-size:14px;line-height:1.6}.ai-evidence-list li{margin-bottom:4px}.ai-evidence-list li:last-child{margin-bottom:0}.list-input-container{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.list-input-container:focus-within{border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.list-input-items{padding:10px 12px;min-height:44px;display:flex;flex-direction:column;gap:8px}.list-input-items:empty{min-height:44px;display:flex;align-items:center;color:#9ca3af;font-size:14px}.list-input-items:empty:before{content:attr(data-placeholder)}.list-input-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border-radius:6px;font-size:14px;color:#374151;line-height:1.5}.list-input-item-number{flex-shrink:0;width:22px;height:22px;background:#c41e3a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.list-input-item-text{flex:1;word-break:break-word}.list-input-item-remove{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;opacity:.6}.list-input-item:hover .list-input-item-remove{opacity:1}.list-input-item-remove:hover{background:#dc26261a;color:#dc2626}.list-input-add{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}.list-input-field{flex:1;border:none;background:transparent;font-size:14px;font-family:inherit;color:#374151;outline:none;padding:4px 0}.list-input-field::placeholder{color:#9ca3af}.list-input-add-btn{flex-shrink:0;width:28px;height:28px;border:none;background:#c41e3a;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.list-input-add-btn:hover{background:#a11830;transform:scale(1.05)}.list-input-select{padding:8px 12px;border-top:1px solid #e5e7eb;background:#f0f9ff}.list-input-select select{width:100%;padding:8px 12px;border:1px dashed #3b82f6;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer}.list-input-select select:hover{border-color:#2563eb;background:#f8fafc}.heat-map-container{margin-top:16px;display:flex;justify-content:center}.heat-map-grid{display:flex;flex-direction:column;gap:2px}.heat-map-y-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.heat-map-row{display:flex;align-items:center;gap:2px}.heat-map-row-label{width:20px;font-size:11px;font-weight:500;color:#6b7280;text-align:center}.heat-map-cell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:11px;font-weight:600;color:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease}.heat-map-cell:hover{transform:scale(1.1);z-index:1}.heat-map-cell.selected{box-shadow:0 0 0 3px #fff,0 0 0 5px #111827;transform:scale(1.05);z-index:2}.heat-map-cell.low{background:#e6f4cc;color:#3f6212}.heat-map-cell.medium{background:#f8f1b8;color:#7a5b0a}.heat-map-cell.high{background:#f6d2b6;color:#7c2d12}.heat-map-cell.critical{background:#f3b5b5;color:#7f1d1d}.heat-map-x-label{width:36px;font-size:11px;font-weight:500;color:#6b7280;text-align:center}.heat-map-x-label-title{text-align:right;font-size:11px;font-weight:600;color:#6b7280;margin-top:4px}.heat-map-legend-row{display:flex;justify-content:center;flex-wrap:nowrap;gap:4px;margin-top:12px}.heat-map-legend-item{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#0f172a;background:#e2e8f0;white-space:nowrap}.heat-map-legend-item.low{background:#e6f4cc;color:#3f6212}.heat-map-legend-item.medium{background:#f8f1b8;color:#7a5b0a}.heat-map-legend-item.high{background:#f6d2b6;color:#7c2d12}.heat-map-legend-item.critical{background:#f3b5b5;color:#7f1d1d}.form-label-actions{display:flex;align-items:center;gap:6px}.btn-notify-upgrade{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;transition:all .15s ease}.btn-notify-upgrade:hover{background:#e5e7eb;border-color:#d1d5db}.field-ai-trigger.btn-ai-sm{padding:2px 6px;font-size:10px}.risk-form .risk-assessment-grid{margin-top:0}.risk-form .risk-assessment-column{display:flex;flex-direction:column;align-items:stretch}.risk-form .risk-assessment-column .form-row{width:100%}.risk-form .risk-score-display{width:100%;justify-content:center}.portfolio-modal-title{display:inline-flex;align-items:center;gap:8px}.portfolio-review{min-height:300px}.ai-thinking-container{padding:24px;text-align:center}.ai-thinking-header{margin-bottom:32px}.ai-brain-animation{position:relative;width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.ai-brain-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:#3b82f6;animation:spin 1.5s linear infinite}.ai-brain-circle:nth-child(2){width:80%;height:80%;border-top-color:#8b5cf6;animation-duration:2s;animation-direction:reverse}.ai-brain-circle:nth-child(3){width:60%;height:60%;border-top-color:#10b981;animation-duration:1s}.ai-brain-animation .ai-icon{position:relative;z-index:1;color:#3b82f6}.ai-thinking-header h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.ai-input-preview{font-size:14px;color:#6b7280;margin:0}.ai-steps-container{max-width:320px;margin:0 auto;text-align:left}.ai-step{display:flex;align-items:center;gap:12px;padding:10px 0;opacity:.4;transition:all .3s ease}.ai-step.active{opacity:1}.ai-step.complete{opacity:.7}.ai-step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;color:#9ca3af;flex-shrink:0}.ai-step.active .ai-step-icon{background:#eff6ff;color:#3b82f6}.ai-step.complete .ai-step-icon{background:#d1fae5;color:#10b981}.ai-step-spinner.spinning{animation:spin 1s linear infinite}.ai-step-text{font-size:14px;color:#374151;flex:1}.ai-step.active .ai-step-text{font-weight:500;color:#111827}.ai-step-dots{display:flex;gap:2px}.ai-step-dots span{animation:dotPulse 1.4s infinite;opacity:0}.ai-step-dots span:nth-child(1){animation-delay:0s}.ai-step-dots span:nth-child(2){animation-delay:.2s}.ai-step-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:0}40%{opacity:1}}.portfolio-content{animation:fadeIn .3s ease}.portfolio-section{padding:16px 20px;border-radius:8px;margin-bottom:16px}.portfolio-section:last-of-type{margin-bottom:0}.portfolio-section h4{margin:0 0 12px;font-size:14px;font-weight:600}.portfolio-section p{margin:0;font-size:13px;line-height:1.7;word-wrap:break-word}.portfolio-section ul{margin:0;padding-left:20px;font-size:13px;line-height:1.7}.portfolio-section ul li{margin-bottom:4px}.portfolio-section ul li:last-child{margin-bottom:0}.portfolio-section-blue{background:#eff6ff;border-left:4px solid #3b82f6}.portfolio-section-blue h4{color:#1e40af}.portfolio-section-blue p{color:#1e3a8a}.portfolio-section-gray{background:#f8fafc;border:1px solid #e2e8f0}.portfolio-section-gray h4{color:#334155}.portfolio-section-gray p,.portfolio-section-gray ul{color:#475569}.portfolio-section-green{background:#f0fdf4;border-left:4px solid #22c55e}.portfolio-section-green h4,.portfolio-section-green p{color:#166534}.portfolio-section-amber{background:#fffbeb;border-left:4px solid #f59e0b}.portfolio-section-amber h4{color:#92400e}.portfolio-section-amber p{color:#78350f}.portfolio-section-purple{background:#faf5ff;border-left:4px solid #8b5cf6}.portfolio-section-purple h4{color:#6d28d9}.portfolio-section-purple p{color:#5b21b6}.portfolio-footer{margin:20px 0 0;font-size:11px;color:#9ca3af;text-align:center;font-style:italic;padding-top:12px;border-top:1px solid #e5e7eb}.btn-portfolio-review{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.btn-portfolio-review:hover{background:#f9fafb;border-color:#9ca3af}.btn-portfolio-review svg{color:#6b7280}.pro-badge-inline{display:inline-block;padding:2px 6px;font-size:9px;font-weight:700;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;margin-left:4px}.upgrade-modal-content{text-align:center;padding:8px 0}.upgrade-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;color:#d97706}.upgrade-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.upgrade-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px}.upgrade-features{display:flex;flex-direction:column;gap:12px;text-align:left;padding:16px;background:#f9fafb;border-radius:8px}.upgrade-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.upgrade-feature svg{color:#10b981;flex-shrink:0}.modal-footer .btn-primary svg{margin-right:6px}.invite-modal-title{display:inline-flex;align-items:center;gap:8px}.invite-team-modal{min-height:200px}.invite-context-text{color:#6b7280;margin-bottom:20px;font-size:14px}.invite-context-text strong{color:#111827}.invite-section-title{font-weight:600;margin-bottom:12px;color:#334155;font-size:14px}.member-search-wrapper{position:relative;margin-bottom:16px}.member-search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.member-search-input{padding-left:40px!important}.team-members-list{border:1px solid #e5e7eb;border-radius:8px;max-height:320px;overflow-y:auto}.team-member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;transition:background .15s}.team-member-row:hover{background:#f8fafc}.team-member-row:last-child{border-bottom:none}.team-member-info{display:flex;align-items:center;gap:12px}.team-member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.team-member-details{display:flex;flex-direction:column}.team-member-name{font-weight:500;color:#111827;font-size:14px}.team-member-email{color:#6b7280;font-size:12px}.team-member-actions{display:flex;align-items:center;gap:10px}.role-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;color:#334155}.role-select:hover{border-color:#cbd5e1}.role-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.invite-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #3b82f6;border-radius:6px;background:transparent;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.invite-toggle-btn:hover{background:#3b82f6;color:#fff}.invite-toggle-btn.invited{background:#f1f5f9;border-color:#e2e8f0;color:#6b7280}.invite-toggle-btn.invited:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.no-members-found{padding:24px;text-align:center;color:#6b7280;font-size:14px}.no-members-state{text-align:center;padding:40px 20px;color:#6b7280}.no-members-icon{font-size:2rem;margin-bottom:12px}.no-members-state p{margin:0}.no-members-hint{font-size:13px;margin-top:8px!important}.row-dropdown .dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.header-menu-container{position:relative}.header-menu-btn{width:40px;height:40px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151}.header-menu-btn:hover{background:#e5e7eb;border-color:#d1d5db;color:#111827}.header-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:6px;margin-top:8px}.header-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.header-dropdown button:hover{background:#f3f4f6;color:#111827}.header-dropdown button svg{color:#6b7280}.header-dropdown button:hover svg{color:#374151}.pdf-config-modal{display:flex;flex-direction:column;gap:16px}.pdf-config-modal>.config-section{flex-shrink:0}.config-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.config-section-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.config-section-icon{font-size:18px}.config-section-title{font-weight:600;font-size:15px;color:#0f172a;flex:1}.config-section-body{padding:18px;background:#fff}.config-row{display:flex;gap:24px;margin-bottom:16px}.config-row:last-child{margin-bottom:0}.config-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.config-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:0}.format-display{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a}.format-icon{font-size:18px}.btn-group-toggle{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.btn-group-toggle.btn-group-sm{max-width:160px}.btn-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#fff;border:none;border-right:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-toggle:last-child{border-right:none}.btn-toggle:hover{background:#f8fafc}.btn-toggle.active{background:#c41e3a;color:#fff}.logo-upload-box{display:flex;align-items:center;justify-content:center;min-height:100px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.logo-upload-box:hover{border-color:#c41e3a;background:#fef2f2}.logo-upload-content{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;cursor:pointer}.logo-upload-icon{font-size:28px;opacity:.6}.logo-upload-text{font-size:13px;font-weight:500;color:#6b7280}.logo-upload-hint{font-size:11px;color:#9ca3af}.logo-preview-container{padding:12px}.logo-preview-img{max-width:150px;max-height:60px;object-fit:contain}.btn-remove-logo{margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;color:#dc2626;background:transparent;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .15s}.btn-remove-logo:hover{background:#fef2f2;border-color:#dc2626}.logo-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.logo-pos-btn{padding:8px 10px;font-size:11px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s ease}.logo-pos-btn:hover{border-color:#c41e3a;color:#c41e3a}.logo-pos-btn.active{background:#c41e3a;border-color:#c41e3a;color:#fff}.signature-blocks-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.signature-block-item{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.sig-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sig-block-num{font-size:12px;font-weight:600;color:#6b7280}.btn-remove-sig{font-size:12px;font-weight:500;color:#dc2626;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.btn-remove-sig:hover{background:#fef2f2}.signature-name{font-size:14px}.btn-add-signature{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s}.btn-add-signature:hover{border-color:#c41e3a;color:#c41e3a;background:#fef2f2}.field-select-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-link{font-size:12px;font-weight:500;color:#c41e3a;background:transparent;border:none;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.field-select-actions .divider{color:#d1d5db;font-size:12px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.field-group{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.field-group-name{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.field-group-items{display:flex;flex-direction:column;gap:6px}.field-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#c41e3a;cursor:pointer}.field-checkbox-label{font-size:13px;color:#374151}.pdf-preview-modal{background:#f0f0f0;padding:20px;border-radius:8px}.preview-container{display:flex;justify-content:center}.preview-page{background:#fff;width:595px;min-height:842px;padding:40px;border-radius:4px;box-shadow:0 8px 32px #0000004d;font-family:Segoe UI,Arial,sans-serif;color:#1a1a2e}.preview-page.landscape{width:842px;min-height:595px}.preview-logo-row{display:flex;margin-bottom:16px}.preview-logo-row.bottom{margin-bottom:0;margin-top:32px;padding-top:0}.preview-logo-img{max-height:60px;max-width:180px;object-fit:contain}.preview-title-bar{border-bottom:3px solid #c41e3a;padding-bottom:16px;margin-bottom:16px;text-align:center}.preview-report-title{margin:0;font-size:22px;font-weight:700;color:#0f172a}.preview-meta-row{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:28px;padding-bottom:0}.preview-summary-row{display:flex;gap:12px;margin-bottom:24px}.preview-sum-box{flex:1;padding:12px;border-radius:8px;text-align:center;border:1px solid}.preview-sum-box .num{display:block;font-size:24px;font-weight:700}.preview-sum-box .lbl{display:block;font-size:11px;margin-top:2px}.preview-sum-box.critical{background:#fef2f2;border-color:#fecaca}.preview-sum-box.critical .num{color:#dc2626}.preview-sum-box.critical .lbl{color:#b91c1c}.preview-sum-box.high{background:#fff7ed;border-color:#fed7aa}.preview-sum-box.high .num{color:#ea580c}.preview-sum-box.high .lbl{color:#c2410c}.preview-sum-box.medium{background:#fefce8;border-color:#fef08a}.preview-sum-box.medium .num{color:#ca8a04}.preview-sum-box.medium .lbl{color:#a16207}.preview-sum-box.low{background:#f0fdf4;border-color:#bbf7d0}.preview-sum-box.low .num{color:#16a34a}.preview-sum-box.low .lbl{color:#15803d}.preview-table-section{margin-bottom:32px}.preview-section-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:0}.preview-risk-table{width:100%;border-collapse:collapse;font-size:8px;table-layout:auto}.preview-risk-table th{background:#f1f5f9;padding:4px 3px;border:1px solid #e2e8f0;text-align:left;font-weight:600;color:#475569;word-wrap:break-word;overflow:hidden}.preview-risk-table td{padding:3px 2px;border:1px solid #e2e8f0;color:#334155;word-wrap:break-word;overflow:hidden}.preview-risk-table.many-columns{font-size:6px}.preview-risk-table.many-columns th,.preview-risk-table.many-columns td{padding:2px 1px}.preview-page.landscape .preview-risk-table{font-size:9px}.preview-page.landscape .preview-risk-table th,.preview-page.landscape .preview-risk-table td{padding:5px 4px}.preview-page.landscape .preview-risk-table.many-columns{font-size:7px}.preview-page.landscape .preview-risk-table.many-columns th,.preview-page.landscape .preview-risk-table.many-columns td{padding:3px 2px}.preview-risk-table td.score-critical{background:#fef2f2;color:#dc2626;font-weight:600;text-align:center}.preview-risk-table td.score-high{background:#fff7ed;color:#ea580c;font-weight:600;text-align:center}.preview-risk-table td.score-medium{background:#fefce8;color:#ca8a04;font-weight:600;text-align:center}.preview-risk-table td.score-low{background:#f0fdf4;color:#16a34a;font-weight:600;text-align:center}.preview-risk-table td.more-rows{text-align:center;color:#94a3b8;font-style:italic;background:#f8fafc}.preview-signatures-section{margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0}.preview-sig-row{display:flex;gap:24px}.preview-sig-item{flex:1;text-align:center}.preview-sig-item .sig-line{border-bottom:1px solid #94a3b8;height:40px;margin-bottom:8px}.preview-sig-item .sig-name{font-size:12px;color:#64748b;font-weight:500}.preview-sig-item .sig-date{font-size:10px;color:#94a3b8;margin-top:4px}.preview-footer-section{margin-top:40px;padding-top:0;display:flex;justify-content:space-between;align-items:flex-start}.preview-footer-meta{font-size:11px;color:#64748b;line-height:1.6}.preview-circular-stamp{width:100px;height:100px;border:3px solid #dc2626;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;text-align:center}.preview-circular-stamp .stamp-text{font-size:9px;color:#dc2626;font-weight:700;letter-spacing:1px}.preview-circular-stamp .stamp-date{font-size:10px;color:#dc2626;font-weight:600;margin:2px 0}.preview-circular-stamp .stamp-id{font-size:6px;color:#dc2626;word-break:break-all;line-height:1.2}.preview-circular-stamp .stamp-divider{width:50px;height:1px;background:#dc2626;margin:3px 0}.preview-circular-stamp .stamp-original{font-size:10px;color:#dc2626;font-weight:700;letter-spacing:1px}.preview-page-num{text-align:center;font-size:10px;color:#94a3b8;margin-top:24px;padding-top:0}.preview-watermark{margin-top:20px;text-align:left}.preview-watermark .watermark-logo{height:45px;max-width:160px;opacity:.9}@media(max-width:900px){.preview-page{width:100%;min-height:auto;padding:24px}.preview-page.landscape{width:100%}.preview-summary-row{flex-wrap:wrap}.preview-sum-box{flex:1 1 calc(50% - 6px);min-width:100px}.preview-sig-row{flex-wrap:wrap}.preview-sig-item{flex:1 1 calc(50% - 12px);min-width:120px;margin-bottom:16px}.preview-footer-section{flex-direction:column;align-items:center;gap:20px}}.export-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}.export-icon-wrapper{margin-bottom:16px;display:flex;justify-content:center}.export-icon-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3b82f626;transition:all .4s ease}.export-icon-circle svg{color:#c41e3a;transition:transform .3s ease}.export-icon-circle.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 4px 15px #16a34a33}.export-icon-circle.success svg{color:#16a34a}.export-progress-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;transition:color .3s ease}.export-progress-title.success{color:#16a34a}.export-progress-bar-container{width:100%;max-width:280px;margin:0 auto 16px}.export-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.export-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#c41e3a,#ef4444,#c41e3a);background-size:200% 100%;border-radius:4px;transition:width .5s ease;animation:progressShimmer 2s infinite linear}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.export-progress-status{font-size:13px;color:#64748b;margin:0;min-height:20px}.preview-stamp{position:absolute;bottom:120px;right:50px;width:70px;height:70px;border:3px solid #c41e3a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c41e3a;font-weight:700;font-size:10px;transform:rotate(-15deg);opacity:.6}.preview-footer{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;color:#9ca3af;padding-top:10px;border-top:1px solid #f1f5f9}@media(max-width:768px){.config-row,.fields-grid{grid-template-columns:1fr}.logo-position-grid{grid-template-columns:repeat(2,1fr)}}.form-section-subtitle{font-size:13px;color:#6b7280;margin:-12px 0 16px}.no-controls-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;text-align:center}.no-controls-message p{margin:0;font-size:14px;color:#6b7280}.no-controls-hint{margin:0 0 12px;padding:12px 16px;font-size:14px;color:#6b7280;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;text-align:center}.create-control-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:#c41e3a;background:#fff;border:1px solid #c41e3a;border-radius:6px;text-decoration:none;transition:all .15s ease}.create-control-link:hover{background:#c41e3a;color:#fff}.linked-controls-selector{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding:4px}.linked-control-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease}.linked-control-item:hover{background:#f3f4f6;border-color:#d1d5db}.linked-control-item.selected{background:#fef2f2;border-color:#c41e3a}.control-checkbox{width:18px;height:18px;accent-color:#c41e3a;cursor:pointer;flex-shrink:0}.control-info{display:flex;flex-direction:column;flex:1;min-width:0}.control-reference{font-size:12px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace}.control-name{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-type-badge{padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;text-transform:capitalize;flex-shrink:0}.control-type-badge.preventive{background:#dbeafe;color:#1d4ed8}.control-type-badge.detective{background:#fef3c7;color:#b45309}.control-type-badge.corrective{background:#fee2e2;color:#dc2626}.control-type-badge.directive{background:#e0e7ff;color:#4338ca}.control-effectiveness-badge{padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;flex-shrink:0}.control-effectiveness-badge.effective{background:#dcfce7;color:#16a34a}.control-effectiveness-badge.partially-effective{background:#fef3c7;color:#b45309}.control-effectiveness-badge.ineffective{background:#fee2e2;color:#dc2626}.control-effectiveness-badge.not-tested{background:#f3f4f6;color:#6b7280}.linked-controls-count{margin-top:12px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:13px;font-weight:500;color:#16a34a;text-align:center}.attachment-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;transition:all .2s ease}.attachment-upload-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:#9ca3af;box-shadow:0 1px 3px #0000001a}.attachment-upload-area:hover .attachment-upload-icon{color:#c41e3a}.attachment-upload-text p{margin:0 0 4px;font-size:14px;color:#374151}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s ease}.attachment-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.attachment-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;font-size:14px}.attachment-icon.pdf{background:#fef2f2;color:#dc2626}.attachment-icon.excel{background:#f0fdf4;color:#16a34a}.attachment-icon.image{background:#fef3c7;color:#d97706}.attachment-icon.doc{background:#dbeafe;color:#2563eb}.attachment-icon.other{background:#f3f4f6;color:#6b7280}.attachment-info{display:flex;flex-direction:column;flex:1;min-width:0}.attachment-size{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.attachment-uploaded-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:500;color:#16a34a;background:#dcfce7;border-radius:4px}.attachment-download{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;transition:all .15s ease;flex-shrink:0;text-decoration:none}.attachment-download:hover{background:#eff6ff;color:#2563eb}.attachment-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease;flex-shrink:0}.attachment-remove:hover{background:#fef2f2;color:#dc2626}@media(max-width:640px){.linked-control-item{flex-wrap:wrap;gap:8px}.control-type-badge,.control-effectiveness-badge{margin-left:auto}.attachment-upload-area{padding:20px 16px}}.add-new-control-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:500;color:#c41e3a;background:#fff;border:1px dashed #c41e3a;border-radius:8px;cursor:pointer;transition:all .15s ease}.add-new-control-btn:hover{background:#fef2f2;border-style:solid}.add-control-form{display:flex;flex-direction:column;gap:16px}.add-control-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-control-form .form-group{display:flex;flex-direction:column;gap:6px}.add-control-form .form-label{font-size:13px;font-weight:500;color:#374151}.add-control-form .form-label .required{color:#dc2626;margin-left:2px}.add-control-form .form-input,.add-control-form .form-select,.add-control-form .form-textarea{padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .15s ease}.add-control-form .form-input:focus,.add-control-form .form-select:focus,.add-control-form .form-textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.add-control-form .form-textarea{resize:vertical;min-height:80px}@media(max-width:640px){.add-control-form .form-row{grid-template-columns:1fr}}.creation-mode-container{padding:8px 0}.creation-mode-intro h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.creation-mode-intro p{font-size:14px;color:#6b7280;margin:0}.creation-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mode-card{padding:24px;border:1px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.mode-card:hover{border-color:#c41e3a;box-shadow:0 4px 12px #c41e3a1a}.mode-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3f4f6;color:#6b7280}.mode-icon-ai{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.mode-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.mode-description{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.5}.mode-select-btn{width:100%;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.mode-select-btn.btn-ai{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mode-select-btn.btn-ai:hover{background:linear-gradient(135deg,#d97706,#b45309)}.mode-select-btn.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.mode-select-btn.btn-secondary:hover{background:#e5e7eb}@media(max-width:640px){.creation-modes{grid-template-columns:1fr}}.nl-input-examples{margin-top:16px}.nl-examples-label{font-size:12px;color:#6b7280;margin:0 0 8px}.nl-examples-list{display:flex;flex-wrap:wrap;gap:8px}.nl-example-btn{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;cursor:pointer;transition:all .15s ease}.nl-example-btn:hover{background:#e5e7eb;border-color:#d1d5db}.nl-input-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-header{margin-bottom:20px}.preview-ai-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px}.preview-original{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.preview-section label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.preview-section .form-input,.preview-section .form-select,.preview-section .form-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .15s ease}.preview-section .form-input:focus,.preview-section .form-select:focus,.preview-section .form-textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.preview-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-section.half{margin-bottom:16px}@media(max-width:640px){.preview-row{grid-template-columns:1fr}}.control-form{display:flex;flex-direction:column;gap:24px}.control-form .form-section{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.control-form .form-section-title{font-size:14px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.03em;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.control-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.control-form .form-row:last-child{margin-bottom:0}.control-form .form-row-ref-name{grid-template-columns:140px 1fr}.control-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.control-form .form-group:last-child{margin-bottom:0}.control-form .form-row .form-group{margin-bottom:0}.control-form .form-label{font-size:13px;font-weight:500;color:#374151}.control-form .form-label .required{color:#dc2626;margin-left:2px}.control-form .form-input,.control-form .form-select,.control-form .form-textarea{padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .15s ease;width:100%}.control-form .form-input:focus,.control-form .form-select:focus,.control-form .form-textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.control-form .form-input-readonly{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.control-form .form-textarea{resize:vertical;min-height:60px}.control-form .list-input-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.control-form .list-input-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151}.control-form .list-input-text{flex:1;line-height:1.4}.control-form .list-input-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:8px}.control-form .list-input-remove:hover{background:#fee2e2;color:#dc2626}.control-form .list-input-add{display:flex;gap:8px}.control-form .list-input-add .form-input{flex:1}.control-form .list-input-add .btn-icon{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-form .framework-tags-container{display:flex;flex-wrap:wrap;gap:8px}.control-form .framework-tag-checkbox{display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.control-form .framework-tag-checkbox:hover{border-color:#c41e3a;color:#c41e3a}.control-form .framework-tag-checkbox.selected{background:#fef2f2;border-color:#c41e3a;color:#c41e3a}.control-form .framework-tag-checkbox.custom-tag{gap:4px}.control-form .framework-tag-checkbox.custom-tag svg{opacity:.6}.control-form .framework-tag-add{display:flex;gap:6px;margin-top:8px}.control-form .framework-tag-input{flex:1;max-width:220px;padding:6px 10px;font-size:13px;height:32px}.control-form .framework-tag-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;transition:all .15s ease}.control-form .framework-tag-add-btn:hover:not(:disabled){border-color:#c41e3a;color:#c41e3a;background:#fef2f2}.control-form .framework-tag-add-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.control-form .form-row,.control-form .form-row-ref-name{grid-template-columns:1fr}.control-form .form-section{padding:16px}}.controls-usage-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#dbeafe;border-radius:8px;margin-bottom:20px;border:1px solid #93c5fd}.controls-usage-bar .usage-bar-icon{color:#3b82f6;flex-shrink:0}.controls-usage-bar .usage-bar-text{font-size:14px;color:#1e40af;font-weight:500}.controls-usage-bar .usage-bar-upgrade{color:#c41e3a;font-weight:600;text-decoration:underline;margin-left:4px;transition:color .15s ease}.controls-usage-bar .usage-bar-upgrade:hover{color:#9b1830;text-decoration:underline}.controls-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.controls-header-content{flex:1}.controls-page-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.controls-page-subtitle{font-size:14px;color:#6b7280;margin:0}.controls-header-actions{display:flex;align-items:center;gap:12px}.page-header{margin-bottom:24px;width:100%}.page-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.page-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.header-menu-wrapper{position:relative}.header-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;transition:all .15s ease}.header-menu-btn:hover{background:#f9fafb;border-color:#c41e3a;color:#c41e3a}.header-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden}.header-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;color:#374151;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.header-dropdown button:hover{background:#f9fafb;color:#c41e3a}.header-dropdown button svg{flex-shrink:0}.info-banner-link-underline{text-decoration:underline}.usage-info-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;font-size:13px}.usage-info-bar .usage-text{color:#92400e;font-weight:500}.usage-info-bar .upgrade-link{color:#c41e3a;font-weight:600;text-decoration:none;transition:color .15s ease}.usage-info-bar .upgrade-link:hover{color:#9b1830;text-decoration:underline}.controls-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.controls-filter-left{display:flex;align-items:center;gap:12px;flex:1}.controls-search-wrapper{display:flex;align-items:center;position:relative;width:220px}.controls-search-wrapper svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.controls-search-input{padding-left:40px;width:100%;height:40px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s ease}.controls-search-input:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.controls-filter-select{height:40px;padding:8px 32px 8px 12px;font-size:14px;color:#374151;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s ease}.controls-filter-select:hover{border-color:#9ca3af}.controls-filter-select:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.controls-filter-right{display:flex;align-items:center;gap:12px}.controls-result-count{font-size:14px;color:#6b7280;white-space:nowrap}.controls-sort-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.controls-sort-btn:hover{border-color:#9ca3af;background:#f9fafb}.controls-view-toggle{display:flex;gap:4px;background:#e5e7eb;padding:4px;border-radius:8px}.controls-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.controls-view-btn:hover{color:#334155}.controls-view-btn.active{background:#fff;color:#c41e3a;box-shadow:0 1px 3px #0000001a}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.filter-bar-left{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap;min-width:0}.search-input-wrapper{display:flex;align-items:center;position:relative;width:200px;min-width:140px;flex-shrink:1}.search-input-wrapper svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none;z-index:1}.search-input-wrapper input,.filter-search{padding-left:40px;width:100%;height:40px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s ease}.search-input-wrapper input:focus,.filter-search:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.filter-select{width:160px;height:40px;padding:8px 32px 8px 12px;font-size:14px;color:#374151;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;transition:all .2s ease;box-sizing:border-box}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.filter-bar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.result-count{font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.view-toggle{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.view-btn:hover{color:#334155;background:#e2e8f0}.view-btn.active{background:#fff;color:#c41e3a;box-shadow:0 1px 3px #0000001a}.view-btn svg{width:16px;height:16px}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;margin-bottom:16px}.bulk-selected-count{font-size:14px;font-weight:600;color:#92400e}.bulk-actions-buttons{display:flex;align-items:center;gap:8px}.controls-content-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.controls-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible}.controls-table{width:100%;border-collapse:collapse}.controls-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.controls-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.controls-table td{padding:16px;font-size:14px;color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6}.controls-table tbody tr:last-child td{border-bottom:none}.controls-table tbody tr{transition:background .15s ease;cursor:pointer}.controls-table tbody tr:hover{background:#f9fafb}.controls-table tbody tr.selected{background:#c41e3a0a}.controls-table .col-checkbox{width:50px;text-align:center}.controls-table .col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c41e3a}.controls-table .col-id{width:120px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.controls-table .col-name{min-width:250px;font-weight:500;color:#111827}.controls-table .col-owner{width:150px;color:#6b7280}.controls-table .col-type{width:130px}.controls-table .col-effectiveness{width:140px}.controls-table .col-actions{width:60px;text-align:right;position:relative;overflow:visible}.controls-table .col-actions .control-dropdown{position:relative}.controls-table .col-actions .control-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:1000}.controls-table tbody tr:nth-last-child(-n+2) .control-dropdown-menu{top:auto;bottom:calc(100% + 4px)}.control-table{width:100%;border-collapse:collapse;table-layout:fixed}.control-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.control-table th{padding:12px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.control-table td{padding:14px 12px;font-size:14px;color:#374151;vertical-align:middle}.control-table th:nth-child(1),.control-table td:nth-child(1){width:40px;padding-left:16px;padding-right:0}.control-table th:nth-child(2),.control-table td:nth-child(2){width:120px;padding-left:12px}.control-table th:nth-child(3),.control-table td:nth-child(3){width:auto;min-width:200px;padding-left:16px}.control-table th:nth-child(4),.control-table td:nth-child(4){width:170px;padding-left:4px}.control-table th:nth-child(5),.control-table td:nth-child(5){width:140px;padding-left:4px}.control-table th:nth-child(6),.control-table td:nth-child(6){width:180px;padding-left:4px}.control-table th:nth-child(7),.control-table td:nth-child(7){width:80px;padding-right:20px}.control-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease;cursor:pointer}.control-table tbody tr:last-child{border-bottom:none}.control-table tbody tr:hover{background:#f9fafb}.control-table tbody tr.selected{background:#c41e3a0a}.control-table .checkbox-cell{text-align:center}.control-table .checkbox-cell input[type=checkbox],.control-table th:first-child input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c41e3a}.control-id-cell{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.control-name-cell{font-weight:500;color:#111827}.control-owner-cell{color:#6b7280}.type-badge{display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;text-transform:uppercase}.type-badge.badge-type-preventive{background:#16a34a1a;color:#16a34a}.type-badge.badge-type-detective{background:#3b82f61a;color:#3b82f6}.type-badge.badge-type-corrective{background:#d977061a;color:#d97706}.type-badge.badge-type-directive{background:#8b5cf61a;color:#8b5cf6}.type-badge.badge-type-default{background:#f3f4f6;color:#6b7280}.actions-cell{text-align:right}.actions-cell .control-dropdown{display:inline-flex;align-items:center;justify-content:flex-end;position:relative;opacity:0;transition:opacity .15s ease}.control-row:hover .actions-cell .control-dropdown{opacity:1}.actions-cell .control-dropdown-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.actions-cell .control-dropdown-trigger:hover{background:#f3f4f6;color:#374151}.controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px;overflow:visible}.control-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible}.control-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.control-card.selected{border-color:#c41e3a;box-shadow:0 0 0 2px #c41e3a1a}.control-card-checkbox{position:absolute;top:12px;left:12px;width:18px;height:18px;cursor:pointer}.control-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-left:28px}.control-card-ref{font-size:12px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace}.control-card-type{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px}.control-card-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px;line-height:1.4}.control-card-owner{font-size:13px;color:#6b7280;margin:0 0 16px}.control-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6;position:relative;overflow:visible}.control-card-actions{display:flex;gap:4px}.control-card-actions .btn-icon{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.control-card-actions .btn-icon:hover{background:#f3f4f6;color:#374151}.control-card-actions .btn-icon.btn-delete:hover{background:#fef2f2;color:#dc2626}.badge-type-preventive{background:#16a34a1a;color:#16a34a}.badge-type-detective{background:#3b82f61a;color:#3b82f6}.badge-type-corrective{background:#d977061a;color:#d97706}.badge-type-directive{background:#8b5cf61a;color:#8b5cf6}.badge-type-default{background:#f3f4f6;color:#6b7280}.effectiveness-badge{font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px}.effectiveness-badge.effective,.badge-effective{background:#16a34a1a;color:#16a34a}.effectiveness-badge.partially-effective,.badge-partiallyeffective{background:#d977061a;color:#d97706}.effectiveness-badge.ineffective,.badge-ineffective{background:#dc26261a;color:#dc2626}.effectiveness-badge.not-tested,.badge-nottested{background:#f3f4f6;color:#6b7280}.badge-test-pass{background:#16a34a1a;color:#16a34a}.badge-test-fail{background:#dc26261a;color:#dc2626}.badge-test-issues{background:#d977061a;color:#d97706}.badge-test-nottested{background:#f3f4f6;color:#6b7280}.badge-status-active{background:#16a34a1a;color:#16a34a}.badge-status-inactive{background:#f3f4f6;color:#6b7280}.badge-status-underreview{background:#d977061a;color:#d97706}.badge-status-planned{background:#3b82f61a;color:#3b82f6}.controls-list{display:flex;flex-direction:column}.control-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.control-row:last-child{border-bottom:none}.control-row:hover{background:#f9fafb}.control-row .control-card-checkbox{position:static;flex-shrink:0}.control-row .control-ref{font-size:12px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace;width:100px;flex-shrink:0}.control-row .control-name{flex:1;min-width:0;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-row .control-type{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;flex-shrink:0}.control-row .control-owner{font-size:13px;color:#6b7280;width:150px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-row .row-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.control-row:hover .row-actions{opacity:1}.row-actions button{padding:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#6b7280}.row-actions button:hover{background:#f3f4f6;color:#374151}.row-actions button.btn-delete:hover{background:#fef2f2;color:#dc2626}.row-actions button svg{width:16px;height:16px}.creation-mode-container{padding:20px}.creation-mode-intro{text-align:center;margin-bottom:24px}.creation-mode-intro h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.creation-mode-intro p{margin:0;font-size:14px;color:#6b7280}.creation-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{border:2px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.mode-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.mode-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f3f4f6;color:#6b7280;border-radius:12px;margin-bottom:16px}.mode-icon svg{width:24px;height:24px}.mode-icon-ai{background:#3b82f6;color:#fff}.mode-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.mode-description{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.5}.mode-select-btn{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;background:#c41e3a;color:#fff}.mode-select-btn:hover{background:#a3172f}.mode-card:hover .mode-select-btn{transform:scale(1.02)}.control-form{display:flex;flex-direction:column;gap:20px}.form-section{margin-bottom:8px}.form-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-row.four-col{grid-template-columns:repeat(4,1fr)}.form-label .required{color:#dc2626;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s ease;box-sizing:border-box}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.form-select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.framework-tags-container{display:flex;flex-wrap:wrap;gap:8px}.framework-tag-checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#374151}.framework-tag-checkbox:hover{border-color:#c41e3a;background:#fef2f2}.framework-tag-checkbox.selected{background:#c41e3a;border-color:#c41e3a;color:#fff}.framework-tag-checkbox input{display:none}.control-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.control-detail-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.control-detail-ref{font-size:14px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace}.control-detail-section{margin-bottom:24px}.control-detail-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.control-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.control-detail-item{display:flex;flex-direction:column;gap:4px}.control-detail-item .label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.control-detail-item .value{font-size:14px;color:#111827}.control-description{font-size:14px;color:#4b5563;line-height:1.6}.framework-tags-display{display:flex;flex-wrap:wrap;gap:8px}.framework-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#3b82f61a;color:#3b82f6;font-size:12px;font-weight:500;border-radius:16px}.confirm-delete{text-align:center;padding:20px 0}.confirm-delete-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%;color:#dc2626}.confirm-delete-icon svg{width:32px;height:32px}.confirm-delete h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.confirm-delete p{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.5}.confirm-delete .control-ref-preview{font-weight:600;color:#111827;padding:8px 16px;background:#f3f4f6;border-radius:8px;display:inline-block;margin:12px 0;font-family:monospace}.confirm-delete .warning-text{font-size:13px;color:#dc2626;font-weight:500}:root{--ai-accent: #3b82f6;--ai-border: #dbeafe;--ai-bg: #eff6ff}.nl-input-container{padding:0}.nl-input-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px}.nl-input-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--ai-accent);color:#fff;border-radius:8px;flex-shrink:0}.nl-input-icon svg{width:20px;height:20px}.nl-input-intro{flex:1}.nl-input-intro h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.nl-input-intro p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.nl-input-field{margin:0 0 12px;padding:0 10px}.nl-input-field textarea{width:100%;min-height:90px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box}.nl-input-field textarea:focus{outline:none;border-color:var(--ai-accent);box-shadow:0 0 0 2px #3b82f61a}.nl-input-examples{padding:10px;background:#f9fafb;border-top:1px solid #e5e7eb}.nl-examples-label{margin:0 0 8px;font-size:12px;font-weight:500;color:#6b7280}.nl-examples-list{display:flex;flex-wrap:wrap;gap:6px}.nl-example-btn{padding:6px 10px;font-size:12px;color:var(--ai-accent);background:#fff;border:1px solid var(--ai-border);border-radius:6px;cursor:pointer;transition:all .15s ease}.nl-example-btn:hover{background:var(--ai-bg);border-color:var(--ai-accent)}.nl-input-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 10px;border-top:1px solid #e5e7eb;background:#f9fafb}.ai-thinking{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.ai-thinking-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.ai-thinking-icon svg{width:32px;height:32px;color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.05);box-shadow:0 0 0 20px #3b82f600}}.ai-thinking h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.ai-thinking p{font-size:14px;color:#6b7280;margin:0}.suggestions-intro{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);margin-bottom:16px}.intro-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ai-accent);color:#fff;border-radius:8px;flex-shrink:0}.intro-icon svg{width:20px;height:20px}.intro-text{flex:1}.intro-text h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#111827}.intro-text p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.control-suggestions-list{display:flex;flex-direction:column;gap:16px;margin:0 0 24px}.control-suggestion-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer}.control-suggestion-card:hover{border-color:var(--ai-accent);background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f626}.control-suggestion-card.selected{border-color:var(--ai-accent);background:linear-gradient(135deg,#eff6ff,#dbeafe)}.control-suggestion-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.control-suggestion-name{font-size:16px;font-weight:600;color:#0f172a;margin:0;line-height:1.4}.control-suggestion-desc{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 12px}.control-suggestion-meta{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.control-meta-badge{display:inline-block;background:#e0e7ff;color:#3730a3;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:capitalize}.suggestion-keywords{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px;padding:10px;background:#f9fafb;border-radius:6px}.keywords-label{font-size:12px;font-weight:500;color:#6b7280}.keyword-tag{padding:3px 8px;font-size:11px;font-weight:500;color:var(--ai-accent);background:#fff;border:1px solid var(--ai-border);border-radius:4px}.control-suggestion-actions{display:flex;gap:8px;margin-top:12px}.btn-use-control{flex:0 0 auto}@media(max-width:1024px){.form-row.four-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header-top{flex-direction:column;gap:16px}.page-header-actions{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar-left{flex-wrap:wrap;height:auto}.filter-select,.search-input-wrapper{width:100%}.filter-bar-right{justify-content:space-between}.controls-grid,.form-row,.form-row.three-col,.form-row.four-col,.control-detail-grid,.creation-modes{grid-template-columns:1fr}.bulk-actions-bar{flex-direction:column;gap:12px}.bulk-actions-buttons{width:100%;justify-content:center}}@media(max-width:480px){.module-empty-state{padding:40px 20px;min-height:300px}.control-card{padding:12px}.control-row{flex-wrap:wrap;gap:8px}.control-row .control-owner{width:100%;order:10}}.ai-actions{display:flex;justify-content:flex-end;margin-top:16px}.spinning{animation:spin 1s linear infinite}.ai-review-container{padding:8px}.ai-review-content{display:flex;flex-direction:column;gap:24px}.review-score-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;padding:24px;color:#fff;text-align:center}.review-score{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.score-value{font-size:56px;font-weight:700;line-height:1}.score-label{font-size:14px;opacity:.9;margin-top:8px}.review-summary{font-size:15px;line-height:1.6;opacity:.95;margin:0}.review-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.breakdown-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.breakdown-card h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.breakdown-bars{display:flex;flex-direction:column;gap:12px}.breakdown-bar{display:flex;align-items:center;gap:12px}.bar-label{font-size:13px;color:#6b7280;width:80px;flex-shrink:0}.bar-track{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.bar-fill.effective{background:#16a34a}.bar-fill.partial{background:#d97706}.bar-fill.ineffective{background:#dc2626}.bar-fill.not-tested{background:#9ca3af}.bar-fill.preventive{background:#16a34a}.bar-fill.detective{background:#3b82f6}.bar-fill.corrective{background:#d97706}.bar-fill.directive{background:#8b5cf6}.bar-value{font-size:13px;font-weight:600;color:#374151;width:24px;text-align:right}.review-analysis{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analysis-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analysis-card h5{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 0 12px}.analysis-card.strengths h5{color:#16a34a}.analysis-card.weaknesses h5{color:#dc2626}.analysis-card ul{margin:0;padding-left:20px}.analysis-card li{font-size:13px;color:#4b5563;line-height:1.6;margin-bottom:8px}.analysis-card li:last-child{margin-bottom:0}.review-recommendations{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px}.review-recommendations h5{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#16a34a;margin:0 0 12px}.review-recommendations ol{margin:0;padding-left:24px}.review-recommendations li{font-size:13px;color:#166534;line-height:1.6;margin-bottom:8px}.review-risk-areas{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:20px}.review-risk-areas h5{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#92400e;margin:0 0 12px}.risk-area-tags{display:flex;flex-wrap:wrap;gap:8px}.risk-area-tag{padding:6px 12px;background:#fff;border:1px solid #fcd34d;border-radius:20px;font-size:13px;color:#92400e;font-weight:500}.control-view-content{padding:4px}.control-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.control-view-ref{font-size:12px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace}.control-view-title{font-size:20px;font-weight:600;color:#111827;margin:4px 0 0}.effectiveness-badge.large{padding:8px 16px;font-size:14px}.control-view-section{margin-bottom:20px}.control-view-section h5{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 8px}.control-view-section p{font-size:14px;color:#374151;line-height:1.6;margin:0}.control-view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.control-view-item{display:flex;flex-direction:column;gap:4px}.control-view-item .label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase}.control-view-item .value{font-size:14px;color:#111827;font-weight:500}.control-view-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.date-item{display:flex;flex-direction:column;gap:4px}.date-item .label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase}.date-item .value{font-size:14px;color:#111827;font-weight:500}.delete-confirmation{text-align:center;padding:20px 0}.delete-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%;color:#dc2626}.delete-confirmation p{font-size:15px;color:#374151;margin:0 0 8px}.delete-confirmation .delete-warning{font-size:13px;color:#dc2626}.ai-generated-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:8px;margin-bottom:20px;color:#3b82f6;font-size:14px}.ai-generated-notice svg{flex-shrink:0}.control-dropdown{position:relative}.control-dropdown-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.control-dropdown-trigger:hover{background:#f3f4f6;color:#374151}.control-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;padding:4px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.control-dropdown-menu button:hover{background:#f3f4f6}.control-dropdown-menu button.danger{color:#dc2626}.control-dropdown-menu button.danger:hover{background:#fef2f2}.ai-suggestion-frameworks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.framework-tag-small{padding:3px 8px;background:#3b82f61a;color:#3b82f6;font-size:11px;font-weight:500;border-radius:12px}.ai-apply-btn{margin-top:16px}.form-section-subtitle{font-size:13px;color:#6b7280;margin:0 0 12px}.linked-risks-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;max-height:280px;overflow-y:auto}.linked-risks-empty{display:flex;align-items:center;gap:10px;padding:24px;color:#9ca3af;font-size:14px}.linked-risks-empty svg{flex-shrink:0}.linked-risks-list{padding:8px}.linked-risk-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.linked-risk-item:last-child{margin-bottom:0}.linked-risk-item:hover{border-color:#d1d5db;background:#fafafa}.linked-risk-item.selected{border-color:#c41e3a;background:#fef2f2}.linked-risk-item input[type=checkbox]{width:18px;height:18px;accent-color:#c41e3a;cursor:pointer;flex-shrink:0}.linked-risk-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.linked-risk-name{font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-risk-category{font-size:11px;font-weight:500;padding:4px 10px;border-radius:12px;flex-shrink:0;text-transform:capitalize}.badge-category-technology{background:#3b82f61a;color:#3b82f6}.badge-category-operational{background:#d977061a;color:#d97706}.badge-category-financial{background:#10b9811a;color:#059669}.badge-category-strategic{background:#8b5cf61a;color:#8b5cf6}.badge-category-compliance{background:#ec48991a;color:#ec4899}.badge-category-reputational{background:#f59e0b1a;color:#f59e0b}.badge-category-environmental{background:#22c55e1a;color:#22c55e}.badge-category-safety{background:#ef44441a;color:#ef4444}.badge-category-default{background:#f3f4f6;color:#6b7280}.linked-risks-count{margin-top:8px;font-size:13px;font-weight:500;color:#16a34a}.linked-risks-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.linked-risks-header h5{font-size:14px;font-weight:600;color:#374151;margin:0}.linked-risk-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.linked-risk-ref{font-size:12px;font-weight:600;color:#c41e3a;font-family:SF Mono,Monaco,Consolas,monospace}.linked-risk-title{font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-risk-level{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}.linked-risk-level.critical{background:#dc26261a;color:#dc2626}.linked-risk-level.high{background:#ea580c1a;color:#ea580c}.linked-risk-level.medium{background:#d977061a;color:#d97706}.linked-risk-level.low{background:#16a34a1a;color:#16a34a}.linked-risk-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.linked-risk-remove:hover{background:#fef2f2;color:#dc2626}.no-linked-risks{padding:24px;text-align:center;color:#9ca3af;font-size:14px}.link-risk-dropdown{position:relative}.link-risk-search{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:8px}.link-risk-results{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px}.link-risk-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .15s ease}.link-risk-option:hover{background:#f3f4f6}.file-upload-container{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease;cursor:pointer}.file-upload-container:hover,.file-upload-container.dragging{border-color:#c41e3a;background:#fef2f2}.file-upload-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#6b7280}.file-upload-text{font-size:14px;color:#374151;margin:0 0 4px}.file-upload-hint{font-size:12px;color:#9ca3af;margin:0}.file-upload-input{display:none}.uploaded-files{margin-top:16px}.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.uploaded-file:last-child{margin-bottom:0}.uploaded-file-info{display:flex;align-items:center;gap:10px}.uploaded-file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280}.uploaded-file-name{font-size:14px;color:#374151}.uploaded-file-size{font-size:12px;color:#9ca3af}.uploaded-file-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.uploaded-file-remove:hover{background:#fef2f2;color:#dc2626}.ai-field-icon{color:#3b82f6;margin-right:4px;vertical-align:middle}.required{color:#dc2626}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.form-label-row .form-label,.form-label-row .form-section-title{margin-bottom:0}.btn-ai-suggest{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#3b82f6;background:#fff;border:1px solid #dbeafe;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-ai-suggest:hover{background:#eff6ff;border-color:#3b82f6}.btn-ai-suggest svg{width:14px;height:14px}.form-row-ref-name{display:grid;grid-template-columns:200px 1fr;gap:16px}.form-input-readonly{background:#f3f4f6!important;color:#6b7280;cursor:not-allowed}.list-input-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.list-input-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.list-input-text{flex:1;font-size:14px;color:#374151;line-height:1.5}.list-input-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s ease;flex-shrink:0}.list-input-remove:hover{background:#fef2f2;color:#dc2626}.list-input-add{display:flex;gap:8px}.list-input-add .form-input{flex:1}.list-input-add .btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attachment-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-top:12px}.attachment-upload-area:hover{border-color:#c41e3a;background:#fef2f2}.attachment-upload-area.dragging{border-color:#c41e3a;background:#fef2f2;border-style:solid}.attachment-upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e5e7eb;border-radius:50%;color:#6b7280;margin-bottom:12px}.attachment-upload-area:hover .attachment-upload-icon,.attachment-upload-area.dragging .attachment-upload-icon{background:#fecaca;color:#c41e3a}.attachment-upload-text{text-align:center}.attachment-upload-text p{font-size:14px;color:#374151;margin:0 0 4px}.attachment-browse-link{color:#c41e3a;font-weight:500;cursor:pointer}.attachment-browse-link:hover{text-decoration:underline}.attachment-upload-hint{font-size:12px;color:#9ca3af}.attachment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}@media(max-width:1024px){.attachment-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.attachment-list{grid-template-columns:1fr}}.attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;font-size:20px;flex-shrink:0}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:#9ca3af}.attachment-actions{display:flex;gap:4px;flex-shrink:0}.attachment-actions .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.attachment-actions .btn-icon:hover{background:#f3f4f6;color:#374151}.attachment-actions .attachment-remove:hover{background:#fef2f2;color:#dc2626}.preview-modal-content{padding:0}.preview-header{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-bottom:1px solid #dbeafe;border-radius:8px;margin-bottom:20px}.preview-ai-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#16a34a;color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.preview-original{font-size:13px;color:#374151;margin:0;line-height:1.5}.preview-original strong{color:#111827}.preview-section{margin-bottom:16px}.preview-section label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.preview-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.preview-label-row label{margin-bottom:0}.btn-ai-sm{padding:3px 8px;font-size:11px}.preview-title-input{font-size:16px;font-weight:600;color:#111827;padding:12px 14px}.preview-owner-input{padding:10px 12px}.preview-row{display:flex;gap:16px;margin-bottom:16px}.preview-section.half{flex:1;margin-bottom:0}.preview-value{font-size:14px;color:#374151;padding:10px 0}.category-badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px}.category-badge.preventive{background:#16a34a1a;color:#16a34a}.category-badge.detective{background:#3b82f61a;color:#3b82f6}.category-badge.corrective{background:#d977061a;color:#d97706}.category-badge.directive{background:#8b5cf61a;color:#8b5cf6}.category-badge.policy{background:#ec48991a;color:#ec4899}.category-badge.manual{background:#6b72801a;color:#4b5563}.category-badge.automated{background:#3b82f61a;color:#3b82f6}.category-badge.physical{background:#f59e0b1a;color:#f59e0b}.category-badge.segregation{background:#8b5cf61a;color:#8b5cf6}.category-badge.monitoring{background:#10b9811a;color:#059669}.framework-tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.framework-tag-checkbox{display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;transition:all .15s ease}.framework-tag-checkbox:hover{border-color:#c41e3a;color:#c41e3a;background:#c41e3a0d}.framework-tag-checkbox.selected{background:#c41e3a;color:#fff;border-color:#c41e3a}.framework-tag-checkbox.selected:hover{background:#b01a32;border-color:#b01a32}.test-results-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px}.test-results-badge.pass{background:#16a34a1a;color:#16a34a}.test-results-badge.fail{background:#dc26261a;color:#dc2626}.test-results-badge.issues{background:#d977061a;color:#d97706}.test-results-badge.notTested{background:#f3f4f6;color:#6b7280}.form-textarea{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.form-textarea::placeholder{color:#9ca3af}@media(max-width:768px){.review-breakdowns,.review-analysis{grid-template-columns:1fr}.control-view-grid{grid-template-columns:repeat(2,1fr)}.control-view-dates{grid-template-columns:1fr}.preview-row{flex-direction:column;gap:12px}.framework-tags-container{gap:6px}.framework-tag-checkbox{padding:5px 10px;font-size:12px}}.upgrade-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.upgrade-modal-icon{font-size:64px;margin-bottom:20px}.upgrade-modal-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 12px}.upgrade-modal-description{font-size:15px;color:#6b7280;line-height:1.6;margin:0 0 24px;max-width:400px}.upgrade-features-list{display:flex;flex-direction:column;gap:12px;padding:20px 24px;background:#f9fafb;border-radius:12px;margin-bottom:24px;width:100%;max-width:320px}.upgrade-feature-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#374151}.upgrade-check-icon{color:#10b981;flex-shrink:0}.upgrade-price{display:flex;align-items:baseline;gap:4px}.upgrade-price-amount{font-size:36px;font-weight:700;color:#111827}.upgrade-price-period{font-size:16px;color:#6b7280}.export-modal{padding:0}.export-intro{text-align:center;color:#64748b;font-size:13px;margin:0 0 24px}.export-intro strong{color:#0f172a;font-weight:600}.export-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.export-format-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease}.export-format-card:hover{border-color:#cbd5e1;background:#f8fafc}.export-format-card.pro-feature{opacity:1}.export-format-card.pro-feature:hover{border-color:#cbd5e1;background:#f8fafc}.export-format-badge{position:absolute;top:12px;right:12px;padding:2px 7px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:3px}.export-format-badge.free{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.export-format-badge.pro{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.export-format-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-bottom:12px;flex-shrink:0}.export-format-icon.pdf{background:#fee2e2;color:#dc2626}.export-format-icon.excel{background:#dcfce7;color:#16a34a}.export-format-icon.csv{background:#dbeafe;color:#2563eb}.export-format-title{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px}.export-format-desc{font-size:12px;color:#64748b;margin:0;line-height:1.5}@media(max-width:768px){.export-format-grid{grid-template-columns:1fr}}.ai-check-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #93c5fd;border-radius:10px;margin-top:16px}.ai-check-content{display:flex;align-items:center;gap:10px}.ai-check-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--ai-accent, #2563eb) 0%,#1d4ed8 100%);border-radius:8px;color:#fff}.ai-check-text{font-size:14px;font-weight:500;color:#1e40af}.ai-check-actions{display:flex;gap:8px}.btn-ai-review{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--ai-accent, #2563eb) 0%,#1d4ed8 100%);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-ai-review:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-ai-review:disabled{opacity:.7;cursor:not-allowed;transform:none}.portfolio-modal-title{display:flex;align-items:center;gap:8px}.ai-review-result{padding:4px 0}.ai-review-markdown .review-section{padding:16px 18px;margin-bottom:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.ai-review-markdown .review-section:last-child{margin-bottom:0}.ai-review-markdown .review-section-recommendations{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #93c5fd}.ai-review-markdown h3.review-heading{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.ai-review-markdown .review-section-recommendations h3.review-heading{color:#1e40af;border-bottom-color:#93c5fd}.ai-review-markdown h4.review-subheading{font-size:13px;font-weight:600;color:#334155;margin:12px 0 6px}.ai-review-markdown ul{margin:6px 0;padding-left:0;list-style:none}.ai-review-markdown li{font-size:13px;color:#334155;margin-bottom:6px;line-height:1.6;position:relative;padding-left:16px}.ai-review-markdown li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:#94a3b8}.ai-review-markdown li.numbered-item{display:flex;align-items:flex-start;gap:10px;padding-left:0;margin-bottom:10px}.ai-review-markdown li.numbered-item:before{display:none}.ai-review-markdown li.numbered-item .item-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:50%;font-size:11px;font-weight:600;margin-top:1px}.ai-review-markdown li.numbered-item .item-text{flex:1}.ai-review-markdown .review-section-recommendations li:not(.numbered-item):before{background:#2563eb}.ai-review-markdown p{font-size:13px;color:#334155;line-height:1.6;margin:6px 0}.ai-review-markdown strong{color:#1e293b}.portfolio-footer{font-size:12px;color:#94a3b8;font-style:italic;margin-top:16px;text-align:center}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.page-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%}.page-header-content{flex:1;min-width:200px}.page-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px}.page-subtitle{font-size:14px;color:#64748b;margin:0}.page-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.reports-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-search{position:relative;display:flex;align-items:center}.toolbar-search .search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.toolbar-search .search-input{width:220px;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#0f172a;background:#fff;transition:all .15s ease}.toolbar-search .search-input:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.toolbar-search .search-input::placeholder{color:#94a3b8}.toolbar-filter .filter-select{padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#0f172a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;transition:all .15s ease}.toolbar-filter .filter-select:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.reports-count{font-size:13px;color:#64748b;padding-left:12px;border-left:1px solid #e2e8f0}.toolbar-right{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:#e2e8f0;border-radius:6px;padding:2px}.view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#64748b;transition:all .15s ease}.view-btn:hover{color:#334155}.view-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000001a}.reports-grid{display:flex;flex-direction:column;gap:12px;background:transparent;overflow:visible;position:relative}.reports-grid.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.report-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .2s ease;overflow:visible;position:relative}.report-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.report-card.selected{border-color:#c41e3a;box-shadow:0 0 0 2px #c41e3a1a}.report-card-body{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.report-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px;flex-shrink:0}.report-icon svg{width:20px;height:20px;color:#dc2626}.report-info{display:flex;flex-direction:column;min-width:0}.report-card-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card-meta{font-size:12px;color:#64748b}.meta-dot{color:#cbd5e1;margin:0 4px}.meta-format{font-weight:600;color:#475569}.report-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.reports-grid.grid-view .report-card{flex-direction:column;padding:0;overflow:visible}.reports-grid.grid-view .report-card-icon-header{display:flex;align-items:center;justify-content:center;padding:32px 20px 24px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.report-card-icon-header{display:none}.report-icon-large{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.report-icon-large svg{width:48px;height:48px;color:#dc2626}.reports-grid.grid-view .report-card-body{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.reports-grid.grid-view .report-card-left{flex-direction:column;align-items:flex-start;gap:0}.reports-grid.grid-view .report-icon{display:none}.reports-grid.grid-view .report-card-actions{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid #f1f5f9}.module-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:400px}.module-empty-state .empty-illustration{margin-bottom:24px;color:#d1d5db}.module-empty-state .empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px}.module-empty-state .empty-description{font-size:15px;color:#64748b;margin:0 0 28px;max-width:360px;line-height:1.6}@media(max-width:768px){.page-header,.page-header-top{flex-direction:column;gap:16px}.page-header-actions{width:100%;flex-wrap:wrap}.reports-toolbar{flex-direction:column;gap:12px;align-items:stretch}.toolbar-left{flex-direction:column;align-items:stretch}.toolbar-search .search-input{width:100%}.toolbar-right{justify-content:flex-end}.reports-grid.grid-view{grid-template-columns:1fr}}:root{--login-primary: #c41e3a;--login-primary-dark: #a01830;--login-text-dark: #1a1a2e;--login-text-medium: #5a5a72;--login-text-light: #8a8aa0;--login-border: #e5e5e5;--login-bg: #f5f6fa}.login-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#8b1528,#c41e3a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:440px}.login-logo{text-align:center;margin-bottom:32px;background:transparent}.login-logo-img{max-width:220px;max-height:90px;margin:0 auto;display:block;background:transparent;object-fit:contain}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:6px;transition:background .2s ease}.password-toggle:hover{background:#0000000d}.password-toggle svg{width:20px;height:20px;color:var(--login-text-light);transition:color .2s ease}.password-toggle:hover svg{color:var(--login-text-medium)}.login-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.login-tabs{display:flex;border-bottom:1px solid var(--login-border)}.login-tab{flex:1;padding:16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--login-text-light);cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit}.login-tab:hover{color:var(--login-text-dark)}.login-tab.active{color:var(--login-primary)}.login-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--login-primary)}.login-content{padding:32px}.login-panel{display:none}.login-panel.active{display:block}.social-btn{width:100%;padding:14px 20px;border-radius:10px;border:1px solid var(--login-border);background:#fff;font-size:15px;font-weight:500;color:var(--login-text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;margin-bottom:16px;font-family:inherit}.social-btn:hover{background:var(--login-bg);border-color:#ccc}.social-btn:last-child{margin-bottom:0}.social-btn svg{width:20px;height:20px}.social-btn.google:hover{border-color:#4285f4}.social-btn.microsoft:hover{border-color:#00a4ef}.divider{display:flex;align-items:center;gap:16px;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--login-border)}.divider span{font-size:13px;color:var(--login-text-light)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--login-text-dark);margin-bottom:8px}.form-input{width:100%;padding:14px 16px;border:1px solid var(--login-border);border-radius:10px;font-size:15px;transition:border-color .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--login-primary)}.form-input::placeholder{color:var(--login-text-light)}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.remember-me input{width:18px;height:18px;accent-color:var(--login-primary)}.remember-me span{font-size:14px;color:var(--login-text-medium)}.forgot-link{font-size:14px;color:var(--login-primary);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit}.forgot-link:hover{text-decoration:underline}.submit-btn{width:100%;padding:14px;background:var(--login-primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease;font-family:inherit}.submit-btn:hover{background:var(--login-primary-dark)}.login-footer{text-align:center;padding:24px 32px;border-top:1px solid var(--login-border);background:var(--login-bg)}.login-footer p{font-size:14px;color:var(--login-text-medium);margin:0}.login-footer a{color:var(--login-primary);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.back-link{text-align:center;margin-top:24px}.back-link a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .2s ease}.back-link a:hover{color:#fff}.terms-text{font-size:12px;color:var(--login-text-light);margin-top:16px;text-align:center}.terms-text a{color:var(--login-primary);text-decoration:none}.terms-text a:hover{text-decoration:underline}.password-requirements{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px}.requirements-title{font-size:12px;font-weight:500;color:var(--login-text-medium);margin-bottom:8px}.requirements-list{list-style:none;margin:0;padding:0}.requirement{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--login-text-light);padding:4px 0;transition:color .2s ease}.requirement .req-icon{font-size:10px;transition:all .2s ease}.requirement.met,.requirement.met .req-icon{color:#27ae60}.password-strength-bar{height:4px;background:#e5e5e5;border-radius:2px;margin-top:12px;overflow:hidden}.strength-fill{height:100%;width:0%;border-radius:2px;transition:all .3s ease}.strength-fill.weak{width:25%;background:#e74c3c}.strength-fill.fair{width:50%;background:#f39c12}.strength-fill.good{width:75%;background:#9acd32}.strength-fill.strong{width:100%;background:#27ae60}.strength-text{font-size:12px;margin-top:6px;margin-bottom:0;text-align:right}.strength-text.weak{color:#e74c3c}.strength-text.fair{color:#f39c12}.strength-text.good{color:#9acd32}.strength-text.strong{color:#27ae60}.password-match-text{font-size:12px;margin-top:6px;margin-bottom:0}.password-match-text.match{color:#27ae60}.password-match-text.no-match{color:#e74c3c}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.submit-btn:disabled:hover{background:#ccc}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#e74c3c;text-align:center}.success-message{background:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#27ae60;text-align:center}@media(min-width:1200px){.login-container{max-width:460px}.login-content{padding:36px}}@media(min-width:768px)and (max-width:991px){.login-container{max-width:420px}.login-content{padding:28px}}@media(min-width:576px)and (max-width:767px){.login-page{padding:16px}.login-container{max-width:400px}.login-content{padding:24px}.login-card{border-radius:16px}.login-tab{padding:14px 12px;font-size:13px}.social-btn{padding:12px 16px;font-size:14px;gap:10px}.social-btn svg{width:18px;height:18px}.form-input{padding:12px 14px;font-size:14px}.submit-btn{padding:12px;font-size:14px}.login-footer{padding:20px 24px}.divider{margin:20px 0}}@media(max-width:575px){.login-page{padding:40px 12px 12px;align-items:flex-start}.login-container{max-width:100%}.login-content{padding:24px 20px}.login-card{border-radius:16px}.login-tab{padding:14px 10px;font-size:13px}.social-btn{padding:12px 14px;font-size:14px;gap:10px}.form-input{padding:12px 14px;font-size:14px}.submit-btn{padding:12px;font-size:14px}.login-footer{padding:18px 20px}.form-row{flex-direction:column;align-items:flex-start;gap:12px}.divider{margin:18px 0}.divider span{font-size:12px}}@media(max-width:479px){.login-page{padding:20px 10px 10px}.login-content{padding:20px 16px}.login-card{border-radius:14px;box-shadow:0 10px 40px #00000040}.login-tab{padding:12px 8px;font-size:12px}.social-btn{padding:11px 12px;font-size:13px;gap:8px;margin-bottom:12px;border-radius:8px}.social-btn svg{width:16px;height:16px}.form-group{margin-bottom:16px}.form-label{font-size:13px;margin-bottom:6px}.form-input{padding:11px 12px;font-size:14px;border-radius:8px}.submit-btn{padding:11px;font-size:14px;border-radius:8px}.login-footer{padding:16px}.login-footer p{font-size:12px}.form-row{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.terms-text{font-size:11px;margin-top:14px}}.verify-email-card{max-width:440px}.verify-email-content{padding:40px 36px;text-align:center}.verify-email-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--login-primary) 0%,var(--login-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px #c41e3a4d}.verify-email-icon svg{width:32px;height:32px;color:#fff}.verify-email-title{font-size:24px;font-weight:700;color:var(--login-text-dark);margin-bottom:8px}.verify-email-subtitle{font-size:14px;color:var(--login-text-medium);margin-bottom:4px}.verify-email-address{font-size:15px;font-weight:600;color:var(--login-text-dark);margin-bottom:28px}.otp-input-container{display:flex;justify-content:center;gap:10px;margin-bottom:28px}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;font-family:inherit;color:var(--login-text-dark);background:var(--login-bg);border:2px solid var(--login-border);border-radius:10px;outline:none;transition:all .2s ease}.otp-input:focus{border-color:var(--login-primary);background:#fff;box-shadow:0 0 0 3px #c41e3a1a}.otp-input.filled{background:#fff;border-color:var(--login-primary)}.otp-input:disabled{opacity:.6;cursor:not-allowed}.resend-section{margin-top:24px}.resend-text{font-size:14px;color:var(--login-text-medium);margin:0}.resend-btn{background:none;border:none;color:var(--login-primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.resend-btn:hover{text-decoration:underline}.resend-cooldown{color:var(--login-text-light);font-weight:500}.change-email-btn{margin-top:20px;background:none;border:none;color:var(--login-text-light);font-size:13px;cursor:pointer;font-family:inherit}.change-email-btn:hover{color:var(--login-text-medium);text-decoration:underline}@media(max-width:575px){.verify-email-content{padding:32px 24px}.verify-email-icon{width:64px;height:64px;margin-bottom:20px}.verify-email-icon svg{width:28px;height:28px}.verify-email-title{font-size:20px}.otp-input-container{gap:8px}.otp-input{width:42px;height:50px;font-size:20px}}@media(max-width:400px){.otp-input-container{gap:6px}.otp-input{width:38px;height:46px;font-size:18px;border-radius:8px}}:root{--onboarding-primary: #c41e3a;--onboarding-primary-dark: #a01830;--onboarding-blue: var(--blue-500, #3b82f6);--onboarding-blue-dark: var(--blue-600, #2563eb);--onboarding-text-dark: #1a1a2e;--onboarding-text-medium: #5a5a72;--onboarding-text-light: #8a8aa0;--onboarding-border: #e5e5e5;--onboarding-bg: #f5f6fa;--onboarding-success: #27ae60}.onboarding-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#8b1528,#c41e3a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-container{width:100%;max-width:580px}.onboarding-logo{text-align:center;margin-bottom:32px;background:transparent}.onboarding-logo-img{max-width:220px;max-height:90px;margin:0 auto;display:block;background:transparent;object-fit:contain}.onboarding-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.onboarding-progress{padding:24px 36px 0}.progress-bar{height:4px;background:var(--onboarding-bg);border-radius:2px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:var(--onboarding-primary);border-radius:2px;transition:width .4s ease}.onboarding-progress-bar{height:100%;background:var(--onboarding-primary);width:33.33%;transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-number{width:28px;height:28px;border-radius:50%;background:#e5e5e5;color:var(--onboarding-text-light);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.progress-step.active .step-number{background:var(--onboarding-primary);color:#fff}.progress-step.current .step-number{box-shadow:0 0 0 3px #c41e3a33}.step-label{font-size:12px;color:var(--onboarding-text-light);font-weight:500;transition:color .3s ease}.progress-step.active .step-label{color:var(--onboarding-text-dark)}.onboarding-steps{padding:40px 36px 28px;min-height:440px}.onboarding-content{padding:32px 36px;min-height:380px}.onboarding-step{text-align:center;animation:fadeInStep .4s ease}.onboarding-step.active{display:block}@keyframes fadeInStep{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--onboarding-primary) 0%,var(--onboarding-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #c41e3a4d}.step-icon svg{width:32px;height:32px;color:#fff}.step-icon-blue{background:linear-gradient(135deg,var(--onboarding-blue) 0%,var(--onboarding-blue-dark) 100%);box-shadow:0 8px 24px #3b82f64d}.step-icon-success{background:linear-gradient(135deg,var(--onboarding-success) 0%,#1e8449 100%);box-shadow:0 8px 24px #27ae604d}.step-title,.onboarding-step h2{font-size:22px;font-weight:700;color:var(--onboarding-text-dark);text-align:center;margin-bottom:10px}.step-subtitle,.onboarding-step p{font-size:14px;color:var(--onboarding-text-medium);text-align:center;line-height:1.6;max-width:400px;margin:0 auto 24px}.features-grid,.step-features .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:420px;margin:0 auto}.feature-card,.step-features .feature-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--onboarding-bg);border:1px solid var(--onboarding-border);border-radius:12px;text-align:center;transition:all .2s ease}.feature-card:hover,.step-features .feature-card:hover{border-color:#ccc;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon,.step-features .feature-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.feature-icon svg,.step-features .feature-icon svg{width:24px;height:24px;color:var(--onboarding-primary)}.feature-icon-ai{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.feature-icon-ai svg{color:var(--onboarding-blue)}.feature-title,.step-features .feature-title{font-size:14px;font-weight:600;color:var(--onboarding-text-dark);margin:0}.feature-description,.step-features .feature-description{font-size:12px;color:var(--onboarding-text-medium);line-height:1.5;margin:0}.feature-card span{font-size:13px;font-weight:600;color:var(--onboarding-text-dark)}.industry-grid,.step-industry .industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:440px;margin:0 auto 16px}.industry-card,.step-industry .industry-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--onboarding-bg);border:2px solid var(--onboarding-border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.industry-card:hover:not(.disabled),.step-industry .industry-card:hover{border-color:#ccc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.industry-card.selected,.step-industry .industry-card.selected{background:linear-gradient(135deg,#fef2f4,#fce8eb);border-color:var(--onboarding-primary);box-shadow:0 4px 16px #c41e3a33}.industry-card.disabled{opacity:.6;cursor:not-allowed}.industry-icon,.step-industry .industry-icon{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.industry-icon svg,.step-industry .industry-icon svg{width:22px;height:22px;color:#6b7280;stroke-width:2}.industry-card.selected .industry-icon,.step-industry .industry-card.selected .industry-icon{background:linear-gradient(135deg,#fef2f4,#fce8eb)}.industry-card.selected .industry-icon svg,.step-industry .industry-card.selected .industry-icon svg{color:var(--onboarding-primary)}.industry-name,.step-industry .industry-name{font-size:12px;font-weight:600;color:var(--onboarding-text-dark);text-align:center;line-height:1.3}.industry-badge{position:absolute;top:6px;right:6px;padding:2px 6px;background:#e5e5e5;border-radius:4px;font-size:8px;font-weight:600;color:var(--onboarding-text-light);text-transform:uppercase;letter-spacing:.3px}.industry-note{font-size:12px!important;color:var(--onboarding-text-light)!important;margin-top:8px!important}.workspace-input-container,.step-workspace .workspace-form{max-width:380px;margin:24px auto 20px}.workspace-input,.step-workspace .workspace-input{width:100%;padding:14px 18px;font-family:inherit;font-size:15px;color:var(--onboarding-text-dark);background:#fff;border:2px solid var(--onboarding-border);border-radius:12px;outline:none;transition:border-color .2s ease;text-align:center}.workspace-input:focus,.step-workspace .workspace-input:focus{border-color:var(--onboarding-primary)}.workspace-input::placeholder{color:var(--onboarding-text-light)}.step-workspace .input-hint{font-size:12px;color:var(--onboarding-text-light);text-align:center;margin-top:12px}.setup-summary{max-width:300px;margin:0 auto;padding:16px 20px;background:var(--onboarding-bg);border-radius:10px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.summary-label{color:var(--onboarding-text-light)}.summary-value{font-weight:600;color:var(--onboarding-text-dark)}.onboarding-nav,.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 36px;background:var(--onboarding-bg);border-top:1px solid var(--onboarding-border)}.nav-spacer{flex:1}.btn,.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn svg,.nav-btn svg{width:18px;height:18px}.btn-primary,.next-btn,.complete-btn{background:var(--onboarding-primary);color:#fff}.btn-primary:hover,.next-btn:hover,.complete-btn:hover{background:var(--onboarding-primary-dark)}.btn-primary:disabled,.next-btn:disabled,.complete-btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary,.back-btn{background:#fff;color:var(--onboarding-text-dark);border:1px solid var(--onboarding-border)}.btn-secondary:hover,.back-btn:hover{background:var(--onboarding-bg);border-color:#ccc}.btn-secondary:disabled,.back-btn:disabled{opacity:.4;cursor:not-allowed}.btn-success{background:var(--onboarding-success);color:#fff}.btn-success:hover{background:#229954}.onboarding-dots{display:flex;gap:8px}.dot{width:10px;height:10px;background:var(--onboarding-border);border-radius:50%;cursor:pointer;transition:all .3s ease}.dot:hover{background:#ccc}.dot.active{width:28px;background:var(--onboarding-primary);border-radius:5px}.dot.completed{background:var(--onboarding-success)}.onboarding-skip{text-align:center;margin-top:24px}.onboarding-skip a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .2s ease}.onboarding-skip a:hover{color:#fff;text-decoration:underline}.skip-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.skip-modal-overlay.active{opacity:1}.skip-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;transform:scale(.95);transition:transform .3s ease}.skip-modal-overlay.active .skip-modal{transform:scale(1)}.skip-modal-content{text-align:center}.skip-modal-icon{width:64px;height:64px;margin:0 auto 20px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center}.skip-modal-icon svg{width:36px;height:36px;color:var(--onboarding-primary);stroke-width:2;fill:var(--onboarding-primary)}.skip-modal-title{font-size:22px;font-weight:600;color:var(--onboarding-text-dark);margin-bottom:12px}.skip-modal-message{font-size:15px;color:var(--onboarding-text-medium);line-height:1.6;margin-bottom:28px}.skip-modal-buttons{display:flex;gap:12px;justify-content:center}.skip-modal-buttons .btn{flex:1;max-width:160px;padding:12px 24px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.skip-modal-buttons .btn-secondary{background:#f1f1f5;color:var(--onboarding-text-dark)}.skip-modal-buttons .btn-secondary:hover{background:#e5e5ea}.skip-modal-buttons .btn-primary{background:var(--onboarding-primary);color:#fff}.skip-modal-buttons .btn-primary:hover{background:var(--onboarding-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c41e3a4d}@media(max-width:768px){.onboarding-container{max-width:100%}.onboarding-steps{padding:36px 28px 24px;min-height:420px}.onboarding-step h2,.step-title{font-size:20px}.onboarding-nav,.onboarding-navigation{padding:18px 28px}.step-icon{width:64px;height:64px}.step-icon svg{width:28px;height:28px}}@media(max-width:576px){.onboarding-page{padding:32px 16px 16px;align-items:flex-start}.onboarding-logo{margin-bottom:24px}.onboarding-logo-img{max-width:150px;max-height:55px}.onboarding-card{border-radius:16px}.onboarding-steps{padding:28px 20px 20px;min-height:400px}.onboarding-content{padding:24px 20px;min-height:340px}.onboarding-progress{padding:20px 24px 0}.step-icon{width:60px;height:60px;margin-bottom:16px}.step-icon svg{width:26px;height:26px}.onboarding-step h2,.step-title{font-size:18px;margin-bottom:8px}.onboarding-step p,.step-subtitle{font-size:13px;margin-bottom:20px}.features-grid,.step-features .features-grid{grid-template-columns:1fr;gap:10px;max-width:280px}.feature-card,.step-features .feature-card{flex-direction:row;text-align:left;padding:12px 14px}.feature-icon,.step-features .feature-icon{width:36px;height:36px}.feature-icon svg,.step-features .feature-icon svg{width:18px;height:18px}.industry-grid,.step-industry .industry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.industry-card,.step-industry .industry-card{padding:14px 10px}.industry-icon,.step-industry .industry-icon{width:38px;height:38px}.industry-icon svg,.step-industry .industry-icon svg{width:20px;height:20px}.industry-name,.step-industry .industry-name{font-size:11px}.industry-badge{font-size:7px;padding:2px 4px}.onboarding-nav,.onboarding-navigation{padding:16px 20px;flex-wrap:wrap;gap:14px}.btn,.nav-btn{padding:10px 18px;font-size:13px}.btn svg,.nav-btn svg{width:16px;height:16px}.onboarding-dots{order:3;width:100%;justify-content:center}.onboarding-skip{margin-top:20px}.onboarding-skip a{font-size:13px}.workspace-input{padding:12px 14px;font-size:14px}.setup-summary{padding:14px 16px}.summary-item{font-size:12px}}@media(max-width:400px){.onboarding-page{padding:20px 12px 12px}.onboarding-steps{padding:24px 16px 16px;min-height:380px}.onboarding-step h2,.step-title{font-size:17px}.onboarding-step p,.step-subtitle{font-size:12px}.onboarding-nav,.onboarding-navigation{padding:14px 16px}.btn,.nav-btn{padding:9px 14px;font-size:12px;gap:6px}.step-number{width:24px;height:24px;font-size:11px}.step-label{font-size:10px}.feature-title,.step-features .feature-title{font-size:13px}.feature-description,.step-features .feature-description{font-size:11px}.industry-card,.step-industry .industry-card{padding:12px 8px}.industry-icon,.step-industry .industry-icon{width:36px;height:36px}.industry-icon svg,.step-industry .industry-icon svg{width:18px;height:18px}.industry-name,.step-industry .industry-name{font-size:10px}}@media(max-height:500px)and (orientation:landscape){.onboarding-page{align-items:flex-start;padding:12px}.onboarding-logo{margin-bottom:16px}.onboarding-logo-img{max-height:40px}.onboarding-steps{padding:20px 28px 16px;min-height:auto}.step-icon{width:48px;height:48px;margin-bottom:12px}.step-icon svg{width:22px;height:22px}.onboarding-step h2,.step-title{font-size:17px}.onboarding-step p,.step-subtitle{font-size:12px;margin-bottom:16px}.features-grid,.step-features .features-grid{gap:8px}.feature-card,.step-features .feature-card{padding:10px 12px}.industry-grid,.step-industry .industry-grid{gap:8px}.industry-card,.step-industry .industry-card{padding:10px 8px}.onboarding-nav,.onboarding-navigation{padding:14px 28px}}@media(hover:none)and (pointer:coarse){.btn,.nav-btn{min-height:44px}.industry-card,.step-industry .industry-card{min-height:80px}.dot{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent}.dot:after{content:"";width:10px;height:10px;background:var(--onboarding-border);border-radius:50%;transition:all .3s ease}.dot.active:after{width:28px;background:var(--onboarding-primary);border-radius:5px}.dot.completed:after{background:var(--onboarding-success)}.workspace-input{min-height:50px}}.profile-page-wrapper{min-height:100vh;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.profile-page-wrapper *,.profile-page-wrapper *:before,.profile-page-wrapper *:after{box-sizing:border-box}.profile-main{margin:0 auto;padding:32px}.profile-container{display:flex;gap:32px}.profile-sidebar{width:240px;flex-shrink:0}.profile-nav{position:sticky;top:100px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:8px;display:flex;flex-direction:column;gap:4px}.profile-nav .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.profile-nav .nav-item:hover{background:#f8fafc;color:#0f172a}.profile-nav .nav-item.active{background:#fef2f2;color:#c41e3a}.profile-nav .nav-item svg{flex-shrink:0}.profile-content{flex:1;min-width:0}.tab-content{display:block}.tab-header{margin-bottom:24px}.tab-header h1{font-size:24px;font-weight:600;color:#0f172a;margin:0 0 8px}.tab-header p{font-size:14px;color:#64748b;margin:0}.settings-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px}.settings-card:last-child{margin-bottom:0}.settings-card h3,.card-title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 16px}.avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.avatar-wrapper{position:relative}.avatar{width:80px;height:80px;border-radius:50%;background:#f1f5f9;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:24px;font-weight:600}.avatar-edit{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:#c41e3a;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .15s ease}.avatar-edit:hover{background:#a01830}.avatar-info{display:flex;flex-direction:column;gap:4px}.avatar-name{font-size:18px;font-weight:600;color:#0f172a}.avatar-role{font-size:14px;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:13px;font-weight:500;color:#374151}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .15s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.form-input:disabled,.form-input[readonly]{background:#f8fafc;color:#64748b}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:12px;color:#94a3b8;margin-top:4px}.form-stack{display:flex;flex-direction:column;gap:16px}.input-with-badge{position:relative;display:flex;align-items:center}.input-with-badge .form-input{flex:1;padding-right:90px}.input-badge{position:absolute;right:12px;padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.input-badge.verified{background:#dcfce7;color:#16a34a}.btn-outline{background:#fff;color:#374151;border:1px solid #e2e8f0}.btn-outline:hover{border-color:#c41e3a;color:#c41e3a}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #f1f5f9}.info-row{display:flex;gap:32px;padding:16px;background:#f8fafc;border-radius:8px;margin-top:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.info-value{font-size:14px;color:#0f172a;font-weight:500}.status-badge{display:inline-flex;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px}.status-badge.active{background:#dcfce7;color:#16a34a}.info-row-simple{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-row-simple:last-child{border-bottom:none}.info-row-simple .info-label{font-size:14px;color:#64748b;text-transform:none}.info-row-simple .info-value{font-size:14px;color:#0f172a}.info-row-simple .info-value strong{color:#c41e3a}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:20px}.info-box svg{flex-shrink:0;color:#0284c7}.info-box p{font-size:14px;color:#0369a1;margin:0}.toggle-group{display:flex;flex-direction:column}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.profile-loading p{font-size:14px;font-weight:500;color:#0f172a}.toggle-desc{font-size:13px;color:#64748b}.toggle{position:relative;width:44px;height:24px;flex-shrink:0;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;border-radius:24px;transition:.2s}.toggle .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0000001a}.toggle input:checked+.toggle-slider{background-color:#c41e3a}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.theme-selector{display:flex;gap:12px;margin-top:8px}.theme-option{flex:1;cursor:pointer}.theme-option input{display:none}.theme-preview{padding:20px 16px 12px;border:2px solid #e2e8f0;border-radius:10px;text-align:center;transition:all .15s ease}.theme-option input:checked+.theme-preview{border-color:#c41e3a;background:#fef2f2}.theme-preview.light:before{content:"";display:block;width:40px;height:28px;margin:0 auto 10px;border-radius:4px;background:linear-gradient(180deg,#fff 50%,#f1f5f9 50%);border:1px solid #e2e8f0}.theme-preview.dark:before{content:"";display:block;width:40px;height:28px;margin:0 auto 10px;border-radius:4px;background:linear-gradient(180deg,#1e293b 50%,#0f172a 50%);border:1px solid #334155}.theme-preview.system:before{content:"";display:block;width:40px;height:28px;margin:0 auto 10px;border-radius:4px;background:linear-gradient(135deg,#fff 50%,#1e293b 50%);border:1px solid #e2e8f0}.theme-preview span{font-size:13px;font-weight:500;color:#374151}.mfa-status{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:10px}.mfa-info{display:flex;align-items:center;gap:12px}.mfa-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;color:#64748b}.mfa-icon.enabled{background:#dcfce7;color:#16a34a}.mfa-label{font-size:14px;color:#0f172a;display:block;margin-bottom:2px}.mfa-desc{font-size:13px;color:#64748b;display:block}.activity-filters{display:flex;gap:12px;margin-bottom:20px}.activity-filters .form-select{min-width:160px}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#f8fafc;border-radius:12px}.activity-empty svg{margin-bottom:16px;opacity:.6}.activity-empty p{font-size:14px;color:#64748b;margin:0}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.support-card{display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:center;transition:all .15s ease}.support-card:hover{border-color:#c41e3a;box-shadow:0 4px 12px #c41e3a14}.support-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:12px;color:#c41e3a;margin-bottom:16px}.support-card h3{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 8px}.support-card p{font-size:13px;color:#64748b;margin:0 0 16px}.profile-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.profile-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.profile-loading p{font-size:14px;color:#64748b}@media(max-width:1024px){.profile-main{padding:24px}.profile-container{flex-direction:column}.profile-sidebar{width:100%}.profile-nav{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding:6px}.profile-nav .nav-item{flex-shrink:0;padding:10px 14px;white-space:nowrap}.form-grid,.support-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-main{padding:16px}.settings-card{padding:20px}.avatar-section{flex-direction:column;text-align:center}.info-row{flex-direction:column;gap:16px}.activity-filters{flex-direction:column}.mfa-status{flex-direction:column;gap:12px;text-align:center}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(max-width:480px){.profile-nav .nav-item svg{display:none}.theme-selector{flex-direction:column}}.radio-group{display:flex;flex-direction:column;gap:4px}.radio-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s ease}.radio-item:hover{border-color:#c41e3a;background:#fef9f9}.radio-item input[type=radio]{display:none}.radio-item input[type=radio]:checked+.radio-control{border-color:#c41e3a}.radio-item input[type=radio]:checked+.radio-control:after{transform:scale(1)}.radio-control{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-top:2px}.radio-control:after{content:"";width:10px;height:10px;background:#c41e3a;border-radius:50%;transform:scale(0);transition:transform .15s ease}.radio-info{display:flex;flex-direction:column;gap:2px}.radio-label{font-size:14px;font-weight:500;color:#0f172a}.radio-desc{font-size:13px;color:#64748b}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-item input[type=checkbox]{display:none}.checkbox-item input[type=checkbox]:checked+.checkbox-control{background:#c41e3a;border-color:#c41e3a}.checkbox-item input[type=checkbox]:checked+.checkbox-control:after{opacity:1}.checkbox-control{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.checkbox-control:after{content:"";width:5px;height:9px;border:2px solid #ffffff;border-top:none;border-left:none;transform:rotate(45deg);margin-top:-2px;opacity:0;transition:opacity .15s ease}.checkbox-item span:last-child{font-size:14px;color:#374151}.subsection{margin-top:20px;padding:20px;background:#f8fafc;border-radius:10px}.subsection-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:0 0 16px}.session-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.session-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid transparent}.session-item.current{background:#fef2f2;border-color:#fecaca}.session-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:#64748b;flex-shrink:0}.session-info{display:flex;flex-direction:column;gap:2px;flex:1}.session-device{font-size:14px;font-weight:500;color:#0f172a}.session-location{font-size:13px;color:#64748b}.session-time{font-size:12px;color:#94a3b8}.session-badge{padding:4px 10px;font-size:11px;font-weight:600;background:#dcfce7;color:#16a34a;border-radius:6px;text-transform:uppercase}.history-list{display:flex;flex-direction:column}.history-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f1f5f9}.history-item:last-child{border-bottom:none}.history-time{font-size:13px;color:#64748b;min-width:160px}.history-event{font-size:14px;color:#0f172a;flex:1}.history-location{font-size:13px;color:#94a3b8}.card-desc{font-size:14px;color:#64748b;margin:-8px 0 16px}.btn-outline-danger{background:#fff;color:#dc2626;border:1px solid #fecaca}.btn-outline-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-text{background:transparent;color:#64748b;padding:8px 12px;border:none}.btn-text:hover{color:#0f172a;background:#f8fafc}.btn-text-danger{background:transparent;color:#dc2626;padding:8px 12px;border:none}.btn-text-danger:hover{background:#fef2f2}.settings-card.danger-zone{border-color:#fecaca;background:#fffbfb}.danger-title{color:#dc2626;display:flex;align-items:center;gap:8px}.danger-title svg{color:#dc2626}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #fef2f2}.danger-item:last-child{border-bottom:none;padding-bottom:0}.danger-info{display:flex;flex-direction:column;gap:2px}.danger-label{font-size:14px;font-weight:500;color:#0f172a}.danger-desc{font-size:13px;color:#64748b}.plan-display{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid #fecaca;border-radius:12px;margin-bottom:16px}.plan-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#c41e3a;border-radius:12px;color:#fff}.plan-info{display:flex;flex-direction:column;gap:2px;flex:1}.plan-name{font-size:18px;font-weight:600;color:#0f172a}.plan-price{font-size:14px;color:#64748b}.plan-meta{display:flex;flex-direction:column;gap:2px;text-align:right}.plan-meta span{font-size:13px;color:#64748b}.plan-actions{display:flex;gap:12px}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.usage-item{display:flex;flex-direction:column;gap:8px}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-label{font-size:14px;color:#374151}.usage-value{font-size:13px;color:#64748b}.usage-value strong{color:#0f172a;font-weight:600}.usage-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:#c41e3a;border-radius:3px;transition:width .3s ease}.usage-fill.unlimited{background:#16a34a}.payment-method{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.card-display{display:flex;align-items:center;gap:14px}.card-brand{display:flex;align-items:center;justify-content:center}.card-details{display:flex;flex-direction:column;gap:2px}.card-number{font-size:14px;font-weight:500;color:#0f172a;font-family:SF Mono,Monaco,Inconsolata,monospace}.card-expiry{font-size:13px;color:#64748b}.billing-address{padding:20px 0;border-top:1px solid #f1f5f9}.billing-address h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 12px}.billing-address p{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 12px}.tax-info{padding-top:20px;border-top:1px solid #f1f5f9}.tax-info h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 12px}.invoice-list{display:flex;flex-direction:column}.invoice-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #f1f5f9;gap:16px}.invoice-item:last-child{border-bottom:none}.invoice-info{display:flex;flex-direction:column;gap:2px;flex:1}.invoice-date{font-size:14px;font-weight:500;color:#0f172a}.invoice-amount{font-size:13px;color:#64748b}.invoice-status{padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase}.invoice-status.paid{background:#dcfce7;color:#16a34a}.invoice-status.pending{background:#fef3c7;color:#d97706}.activity-timeline{display:flex;flex-direction:column;margin-bottom:16px}.activity-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f1f5f9}.activity-item:last-child{border-bottom:none}.activity-item.ai-assisted{background:#fefce8;margin:0 -16px;padding:14px 16px;border-radius:8px}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;color:#64748b;flex-shrink:0}.activity-icon.risk{background:#fef2f2;color:#dc2626}.activity-icon.control{background:#f0fdf4;color:#16a34a}.activity-icon.report{background:#eff6ff;color:#2563eb}.activity-icon.ai{background:#fefce8;color:#ca8a04}.activity-content{display:flex;flex-direction:column;gap:4px}.activity-text{font-size:14px;color:#0f172a}.activity-meta{font-size:12px;color:#94a3b8}.load-more{width:100%;margin-top:8px}.status-display{display:flex;align-items:center;justify-content:space-between}.status-indicator{display:flex;align-items:center;gap:10px;font-size:14px;color:#0f172a}.status-indicator.operational{color:#16a34a}.status-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.avatar-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.avatar-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.avatar-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.avatar-modal-title-group{display:flex;flex-direction:column;gap:4px}.avatar-modal-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0}.avatar-modal-subtitle{font-size:14px;color:#64748b;margin:0}.avatar-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .15s ease;flex-shrink:0}.avatar-modal-close:hover{background:#f1f5f9;color:#0f172a}.avatar-modal-body{padding:24px}.avatar-options-grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.avatar-option-item{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:1000px;background:#f8fafc;cursor:pointer;overflow:hidden;transition:all .15s ease;padding:0;display:flex;align-items:center;justify-content:center}.avatar-option-item:hover{border-color:#c41e3a;transform:scale(1.02)}.avatar-option-item.selected{border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a33}.avatar-option-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.avatar-modal-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.avatar-modal-divider:before,.avatar-modal-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.avatar-modal-divider span{font-size:13px;color:#94a3b8;font-weight:500}.avatar-upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .15s ease;background:#fafafa}.avatar-upload-dropzone:hover,.avatar-upload-dropzone.dragover{border-color:#c41e3a;background:#fef2f2}.upload-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;color:#64748b}.avatar-upload-dropzone:hover .upload-icon,.avatar-upload-dropzone.dragover .upload-icon{background:#fecaca;color:#c41e3a}.upload-text{font-size:14px;color:#374151;margin:0 0 4px}.upload-link{color:#c41e3a;font-weight:500}.upload-hint{font-size:13px;color:#94a3b8;margin:0}.avatar-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #f1f5f9}@media(max-width:768px){.plan-display{flex-direction:column;text-align:center;gap:12px}.plan-meta{text-align:center}.plan-actions{flex-direction:column;width:100%}.plan-actions .btn{width:100%}.usage-grid{grid-template-columns:1fr}.payment-method{flex-direction:column;gap:16px}.history-item{flex-direction:column;align-items:flex-start;gap:4px}.history-time{min-width:auto}.session-item{flex-wrap:wrap}.session-badge{margin-left:54px}.invoice-item{flex-wrap:wrap}.status-display{flex-direction:column;gap:12px;text-align:center}.danger-item{flex-direction:column;align-items:flex-start;gap:12px}}.team-page{padding:32px;max-width:1200px;margin:0 auto}.team-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.team-header-content h1{font-size:24px;font-weight:600;color:#0f172a;margin:0 0 8px}.team-header-content p{font-size:14px;color:#64748b;margin:0}.team-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.team-loading p{font-size:14px;color:#64748b}.team-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.team-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.team-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:16px;font-weight:600;color:#0f172a;margin:0}.members-list{display:flex;flex-direction:column;gap:12px}.member-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:10px;transition:all .15s ease;position:relative}.member-card:hover{background:#f1f5f9}.member-avatar{width:44px;height:44px;border-radius:50%;background:#c41e3a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{flex:1;min-width:0;overflow:hidden}.member-name{font-size:14px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.you-badge{padding:2px 8px;font-size:11px;font-weight:500;background:#e2e8f0;color:#64748b;border-radius:4px}.member-email{font-size:13px;color:#64748b;margin-top:2px}.member-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.member-joined{font-size:12px;color:#94a3b8}.member-actions{display:flex;gap:8px;position:relative;z-index:10;flex-shrink:0}.member-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s;pointer-events:auto;flex-shrink:0}.member-actions .action-btn:hover{background:#e2e8f0;color:#0f172a}.member-actions .action-btn.edit-btn:hover{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.member-actions .action-btn.delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.member-actions .action-btn svg{pointer-events:none;flex-shrink:0}.role-badge{padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;text-transform:capitalize}.role-badge.member{background:#f1f5f9;color:#475569}.status-badge{padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.accepted{background:#dcfce7;color:#16a34a}.status-badge.expired{background:#fee2e2;color:#dc2626}.status-badge.cancelled{background:#f1f5f9;color:#64748b}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px}.invitation-card.history{background:#f8fafc;border-color:#e2e8f0}.invitation-card.history .invitation-icon{background:#e2e8f0;color:#64748b}.invitation-accepted{font-size:12px;color:#16a34a}.invitation-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:8px;color:#d97706;flex-shrink:0}.invitation-info{flex:1;min-width:0}.invitation-email{font-size:14px;font-weight:500;color:#0f172a}.invitation-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.invitation-date,.invitation-expires{font-size:12px;color:#94a3b8}.invitation-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none;font-family:inherit}.btn-secondary{background:#fff;color:#374151;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#d1d5db}.btn-text{background:transparent;color:#64748b;padding:6px 12px}.btn-text:hover{background:#f1f5f9;color:#0f172a}.btn-text.danger{color:#dc2626}.btn-text.danger:hover{background:#fef2f2}.btn-icon{width:32px;height:32px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b}.btn-icon:hover{background:#f8fafc;color:#0f172a}.btn-icon.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.team-page .modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex!important;align-items:center;justify-content:center;z-index:9999;padding:20px;visibility:visible!important;opacity:1!important}.team-page .modal{background:#fff!important;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:block!important;visibility:visible!important;opacity:1!important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .15s ease}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.invite-tabs{display:flex;gap:8px;margin-bottom:24px}.invite-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease}.invite-tab:hover{border-color:#c41e3a;color:#c41e3a}.invite-tab.active{background:#fef2f2;border-color:#c41e3a;color:#c41e3a}.invite-link-result{margin-top:16px;padding:16px;background:#f8fafc;border-radius:10px}.link-copy-group{display:flex;gap:8px}.link-copy-group .form-input{flex:1;background:#fff}.btn-ghost{background:transparent;color:#64748b;border:none;padding:8px;min-width:auto}.btn-ghost:hover{background:#f1f5f9;color:#0f172a}.btn-sm{padding:6px 12px;font-size:12px}.invite-error-box{display:flex;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.invite-error-box span{flex:1}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .15s ease;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.form-hint{display:block;font-size:12px;color:#94a3b8;margin-top:6px}.selected-member{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.role-options{display:flex;flex-direction:column;gap:8px}.role-option{width:100%;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;text-align:left;cursor:pointer;transition:all .15s ease}.role-option:hover{border-color:#c41e3a}.role-option.current{background:#fef2f2;border-color:#c41e3a}.role-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.current-label{font-size:12px;color:#c41e3a;font-weight:500}.role-option-desc{font-size:13px;color:#64748b;line-height:1.5}.permissions-section{margin-top:20px}.permissions-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.permissions-toggle-btn:hover{background:#f1f5f9;color:#0f172a}.permissions-panel{margin-top:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.permissions-custom-notice{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:14px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;text-decoration:underline;padding:0}.btn-link:hover{color:#1d4ed8}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.permission-category{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.permission-category-header{padding:10px 12px;background:#f1f5f9;font-size:12px;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0}.permission-actions{padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px}.permission-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.permission-checkbox:hover{background:#f1f5f9}.permission-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#c41e3a;cursor:pointer}.permission-checkbox span{-webkit-user-select:none;user-select:none}.role-modal{max-width:560px}.role-modal .modal-body{max-height:70vh;overflow-y:auto}@media(max-width:768px){.team-page{padding:20px}.team-header{flex-direction:column;gap:16px}.team-header .btn{width:100%}.member-card{flex-wrap:wrap}.member-meta{width:100%;flex-direction:row;justify-content:flex-start;margin-top:8px}.member-actions{width:100%;justify-content:flex-end;margin-top:8px}.invitation-card{flex-wrap:wrap}.invitation-actions{width:100%;justify-content:flex-end;margin-top:8px}.invite-tabs{flex-direction:column}.modal{max-width:100%;margin:20px}}.accept-invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px}.invite-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000026;width:100%;max-width:440px;overflow:hidden}.invite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#c41e3a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-loading p{font-size:14px;color:#64748b}.invite-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 40px}.error-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%;color:#dc2626;margin-bottom:24px}.invite-error-state h2{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 8px}.invite-error-state p{font-size:14px;color:#64748b;margin:0 0 24px}.invite-header{display:flex;flex-direction:column;align-items:center;padding:40px 40px 24px;text-align:center;background:linear-gradient(135deg,#fef2f2,#fff5f5);border-bottom:1px solid #fecaca}.brand-logo{margin-bottom:16px}.invite-header h1{font-size:24px;font-weight:600;color:#0f172a;margin:0}.invite-content{padding:32px 40px}.workspace-info{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.workspace-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#c41e3a;border-radius:12px;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.workspace-details h2{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.workspace-details p{font-size:14px;color:#64748b;margin:0}.role-info{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f1f5f9;border-radius:10px}.role-label{font-size:14px;color:#64748b}.role-badge{padding:6px 14px;font-size:13px;font-weight:600;border-radius:6px;text-transform:capitalize}.role-badge.owner{background:#fef3c7;color:#d97706}.role-badge.admin{background:#dbeafe;color:#2563eb}.role-badge.editor{background:#dcfce7;color:#16a34a}.role-badge.member{background:#e2e8f0;color:#475569}.role-badge.viewer{background:#f3f4f6;color:#6b7280}.email-mismatch{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:16px}.email-mismatch svg{flex-shrink:0;color:#d97706;margin-top:2px}.email-mismatch span{font-size:13px;color:#92400e;line-height:1.5}.invite-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;text-align:center}.invite-actions{display:flex;flex-direction:column;align-items:center;padding:0 40px 40px;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none;font-family:inherit}.btn-large{width:100%;padding:16px 24px;font-size:15px}.btn-primary{background:#c41e3a;color:#fff}.btn-primary:hover{background:#a91b32}.btn-primary:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-text{background:transparent;color:#64748b;padding:8px 16px}.btn-text:hover{color:#0f172a}.signup-prompt{font-size:14px;color:#64748b;margin:8px 0 0}.signup-prompt a{color:#c41e3a;text-decoration:none;font-weight:500}.signup-prompt a:hover{text-decoration:underline}@media(max-width:480px){.invite-card{border-radius:16px}.invite-header{padding:32px 24px 20px}.invite-content{padding:24px}.invite-actions{padding:0 24px 32px}.workspace-info{flex-direction:column;text-align:center;padding:16px}}:root{--primary-color: #c41e3a;--primary-dark: #a01830;--primary-light: #e63946;--brand-gradient: linear-gradient(135deg, #c41e3a 0%, #8b1538 100%);--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--ai-accent: var(--blue-500);--ai-accent-hover: var(--blue-600);--ai-accent-dark: var(--blue-700);--ai-border: #E5E7EB;--ai-bg: #F9FAFB;--ai-bg-soft: var(--blue-50);--ai-bg-hover: var(--blue-100);--ai-recommended-bg: var(--blue-50);--ai-text-primary: #111827;--ai-text-muted: #6B7280;--ai-shadow: rgba(59, 130, 246, .3);--ai-shadow-hover: rgba(59, 130, 246, .4);--c-ai: var(--blue-500);--c-ai-hover: var(--blue-600);--c-ai-soft: rgba(59, 130, 246, .08);--c-ai-border: #E5E7EB;--risk-critical: #dc2626;--risk-high: #ea580c;--risk-medium: #ca8a04;--risk-low: #16a34a;--status-open: #3b82f6;--status-in-progress: #f59e0b;--status-closed: #10b981;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--text-light: #a0aec0;--text-white: #ffffff;--bg-primary: #f7fafc;--bg-secondary: #ffffff;--bg-tertiary: #edf2f7;--bg-dark: #1a202c;--border-color: #e2e8f0;--border-dark: #cbd5e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--header-height: 64px;--sidebar-width: 260px;--sidebar-collapsed: 70px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-tooltip: 6000;--z-toast: 7000;--z-popover: 8000;--z-modal-backdrop: 9000;--z-modal: 9000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}#root{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}.hidden{display:none!important}.visible{display:block!important}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:#93c5fd80;color:inherit}::-moz-selection{background-color:#93c5fd80;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
