@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.invitation-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.invitation-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;padding:40px}.invitation-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:20px}.invitation-header h1{margin:0 0 10px;color:#2c3e50;font-size:28px}.invitation-role{margin:10px 0 0;color:#667eea;font-size:16px;font-weight:600}.invitation-details{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.detail-label{margin:0 0 5px;color:#7f8c8d;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{margin:0;color:#2c3e50;font-size:16px;font-weight:500}.invitation-form{margin:30px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:14px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex}.password-input-wrapper input{flex:1}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:0;opacity:.6;transition:opacity .3s}.password-toggle:hover:not(:disabled){opacity:1}.password-toggle:disabled{cursor:not-allowed}.error-alert{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{background-color:#bbb;cursor:not-allowed}.btn-block{width:100%;display:block}.invitation-info{background:#ecf0f6;padding:15px;border-radius:8px;margin-top:20px;border-left:4px solid #667eea}.invitation-info p{margin:0;color:#2c3e50;font-size:13px;line-height:1.6}.invitation-loader{text-align:center}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invitation-loader p{color:#fff;font-size:18px}.invitation-error{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d}.invitation-error h2{color:#e74c3c;margin-bottom:10px}.invitation-error p{color:#7f8c8d;margin-bottom:20px}@media(max-width:600px){.invitation-card{padding:25px}.invitation-header h1{font-size:24px}.form-group input{padding:10px;font-size:16px}}.im-container{padding:32px 36px;max-width:960px;width:100%;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;box-sizing:border-box}.im-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.im-header-left{display:flex;align-items:center;gap:16px;min-width:0}.im-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.im-title{font-size:22px;font-weight:700;color:#e2e8f0;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}.im-count{font-size:13px;font-weight:500;color:#60a5fa;background:#60a5fa1a;border:1px solid rgba(96,165,250,.25);padding:2px 9px;border-radius:20px}.im-subtitle{margin:0;font-size:13.5px;color:#64748b}.im-toggle-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px #b91c1c4d}.im-toggle-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #b91c1c66}.im-toggle-btn--cancel{background:#64748b26;color:#94a3b8;box-shadow:none;border:1px solid rgba(100,116,139,.2)}.im-toggle-btn--cancel:hover{background:#64748b40;transform:none;box-shadow:none}.im-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:20px;animation:imSlideDown .3s ease}.im-alert--success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.im-alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.im-plan-summary{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:20px}.im-plan-card{background:#0c1a2e;border:1px solid #1e3a5f;border-radius:14px;padding:16px 18px;min-width:0}.im-plan-card--primary{background:linear-gradient(135deg,#60a5fa1f,#2563eb14);border-color:#60a5fa47}.im-plan-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#60a5fa;margin-bottom:8px}.im-plan-title{font-size:18px;font-weight:700;color:#e2e8f0;margin-bottom:6px}.im-plan-copy{font-size:12px;line-height:1.5;color:#94a3b8}.im-plan-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.im-plan-value{font-size:24px;font-weight:800;color:#e2e8f0;line-height:1}.im-plan-subvalue{margin-top:8px;font-size:12px;color:#60a5fa}.im-active-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.im-active-card{display:flex;align-items:center;text-align:left;gap:16px;width:100%;min-height:112px;padding:18px 20px;border-radius:14px;background:#0c1a2e;border:1px solid #1e3a5f;box-sizing:border-box;cursor:pointer;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}.im-active-card:hover{transform:translateY(-1px)}.im-active-card:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa33}.im-active-card--testers{border-color:#10b98152;background:linear-gradient(135deg,#10b98117,#0c1a2e 68%)}.im-active-card--testers:hover,.im-active-card--testers.im-active-card--selected{border-color:#10b98194;box-shadow:0 10px 26px #10b9811a}.im-active-card--clients{border-color:#60a5fa52;background:linear-gradient(135deg,#60a5fa17,#0c1a2e 68%)}.im-active-card--clients:hover,.im-active-card--clients.im-active-card--selected{border-color:#60a5fa94;box-shadow:0 10px 26px #60a5fa1a}.im-active-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.im-active-card--testers .im-active-icon{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.24)}.im-active-card--clients .im-active-icon{color:#60a5fa;background:#60a5fa1f;border:1px solid rgba(96,165,250,.24)}.im-active-content{min-width:0}.im-active-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.im-active-value{margin-top:6px;font-size:30px;line-height:1;font-weight:800;color:#e2e8f0}.im-active-copy{margin-top:7px;font-size:12px;color:#64748b}@keyframes imSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.im-form-card{background:#0c1a2e;border:1px solid #1e3a5f;border-radius:14px;margin-bottom:12px;animation:imSlideDown .3s ease;overflow:hidden}.im-form-card-header{display:flex;align-items:center;gap:9px;padding:16px 24px;border-bottom:1px solid #1e3a5f;font-size:13px;font-weight:700;color:#60a5fa;letter-spacing:.03em;text-transform:uppercase;background:#60a5fa0a}.im-form{padding:24px;display:flex;flex-direction:column;gap:22px}.im-field{display:flex;flex-direction:column;gap:8px}.im-label{font-size:11.5px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.im-required{color:#f87171}.im-label-hint{margin-left:4px;font-size:11px;color:#475569;font-weight:500;text-transform:none;letter-spacing:0}.im-input{width:100%;padding:10px 14px;border-radius:8px;background:#060e1a;border:1px solid #1e3a5f;color:#e2e8f0;font-size:14px;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.im-input::placeholder{color:#3d5a80}.im-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.im-input:disabled{opacity:.5;cursor:not-allowed}.im-radio-hidden{position:absolute;opacity:0;pointer-events:none}.im-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.im-role-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1.5px solid #1e3a5f;background:#060e1a;cursor:pointer;transition:all .2s ease;position:relative}.im-role-card:hover{border-color:#2a4a72;background:#081525}.im-role-card--active{border-color:#2563eb;background:#2563eb14;box-shadow:0 0 0 1px #2563eb4d}.im-role-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.im-role-icon--tester{background:#b91c1c1f;color:#f87171}.im-role-icon--org{background:#2563eb1f;color:#60a5fa}.im-role-card--active .im-role-icon--tester{background:#b91c1c33}.im-role-card--active .im-role-icon--org{background:#2563eb33}.im-role-info{flex:1;min-width:0}.im-role-name{font-size:13.5px;font-weight:600;color:#e2e8f0;margin-bottom:2px}.im-role-desc{font-size:11.5px;color:#64748b}.im-role-check{width:20px;height:20px;border-radius:50%;border:2px solid #1e3a5f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.im-role-card--active .im-role-check{background:#2563eb;border-color:#2563eb;color:#fff}.im-orgs-grid{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.im-orgs-grid::-webkit-scrollbar{width:4px}.im-orgs-grid::-webkit-scrollbar-track{background:transparent}.im-orgs-grid::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}.im-org-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;border:1.5px solid #1e3a5f;background:#060e1a;cursor:pointer;transition:all .2s ease}.im-org-item:hover{border-color:#2a4a72;background:#071020}.im-org-item--selected{border-color:#2563eb;background:#2563eb12}.im-org-check{width:18px;height:18px;border-radius:5px;border:2px solid #1e3a5f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.im-org-item--selected .im-org-check{background:#2563eb;border-color:#2563eb;color:#fff}.im-org-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;color:#60a5fa;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.im-org-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.im-org-name{font-size:13.5px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-org-desc{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-org-info-btn{background:transparent;border:1px solid #1e3a5f;border-radius:6px;padding:5px 7px;color:#64748b;cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:all .2s}.im-org-info-btn:hover{border-color:#60a5fa;color:#60a5fa;background:#60a5fa14}.im-orgs-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border-radius:10px;border:1.5px dashed #1e3a5f;color:#475569;text-align:center}.im-orgs-empty p{margin:4px 0 0;font-size:14px;font-weight:600;color:#64748b}.im-orgs-empty span{font-size:12.5px;color:#475569}.im-orgs-link{margin-top:6px;font-size:13px;font-weight:600;color:#60a5fa;text-decoration:none;transition:color .2s}.im-orgs-link:hover{color:#93c5fd;text-decoration:underline}.im-orgs-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:#60a5fa;padding:16px 0}.im-selected-count{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#34d399;margin-top:4px}.im-form-actions{display:flex;align-items:center;gap:12px;padding:16px 0 0;border-top:1px solid #1e3a5f;margin-top:auto}.im-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #b91c1c4d}.im-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #b91c1c66}.im-submit-btn--disabled{background:#1e2d3d!important;color:#3d5a80!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.im-cancel-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;border:1px solid #1e3a5f;background:transparent;color:#64748b;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s}.im-cancel-btn:hover:not(:disabled){border-color:#2a4a72;color:#94a3b8;background:#64748b0f}.im-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:imSpin .7s linear infinite}.im-spinner--sm{width:14px;height:14px}@keyframes imSpin{to{transform:rotate(360deg)}}.im-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 32px;border-radius:14px;border:1.5px dashed #1e3a5f;background:#0c1a2e80;text-align:center;animation:imSlideDown .4s ease}.im-empty-icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;display:flex;align-items:center;justify-content:center;color:#60a5fa;margin-bottom:4px}.im-empty-state h3{margin:0;font-size:17px;font-weight:700;color:#94a3b8}.im-empty-state p{margin:0;font-size:13.5px;color:#475569;max-width:400px;line-height:1.6}.im-sent-section{background:#0c1a2e;border:1px solid #1e3a5f;border-radius:14px;overflow:hidden;animation:imSlideDown .3s ease}.im-sent-header{display:flex;align-items:center;gap:9px;padding:14px 22px;border-bottom:1px solid #1e3a5f;font-size:12px;font-weight:700;color:#34d399;text-transform:uppercase;letter-spacing:.05em;background:#34d3990a}.im-sent-badge{margin-left:4px;font-size:11px;background:#34d39926;border:1px solid rgba(52,211,153,.25);color:#34d399;padding:1px 8px;border-radius:20px}.im-sent-grid{padding:12px;display:flex;flex-direction:column;gap:8px}.im-sent-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid #1e3a5f;background:#060e1a;transition:border-color .2s}.im-sent-card:hover{border-color:#2a4a72}.im-sent-card--expired{border-color:#f871713d;background:#31101047}.im-sent-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.im-sent-avatar--expired{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.im-sent-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.im-sent-email{font-size:13.5px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-sent-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.im-role-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px}.im-role-badge--tester{background:#b91c1c26;color:#f87171;border:1px solid rgba(185,28,28,.25)}.im-role-badge--organization{background:#2563eb26;color:#60a5fa;border:1px solid rgba(37,99,235,.25)}.im-plan-badge,.im-seat-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px}.im-plan-badge{background:#60a5fa1f;color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.im-seat-badge{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.im-seat-badge--muted{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.im-sent-expiry{font-size:11.5px;color:#475569}.im-sent-status{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#34d399;flex-shrink:0}.im-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:imFadeIn .2s ease}@keyframes imFadeIn{0%{opacity:0}to{opacity:1}}.im-modal{background:#0c1a2e;border:1px solid #1e3a5f;border-radius:14px;width:90%;max-width:440px;animation:imScaleIn .25s ease;overflow:hidden}@keyframes imScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.im-modal-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #1e3a5f;background:#60a5fa0a}.im-modal-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;color:#60a5fa;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.im-modal-title{flex:1;font-size:16px;font-weight:700;color:#e2e8f0}.im-modal-close{background:#64748b1a;border:1px solid rgba(100,116,139,.15);border-radius:7px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s;flex-shrink:0}.im-modal-close:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.im-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.im-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.im-modal-field{display:flex;flex-direction:column;gap:5px}.im-modal-field-label{font-size:11px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.06em}.im-modal-field-value{font-size:13.5px;color:#cbd5e1;line-height:1.5}.im-modal-status{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600}.im-modal-status--active{color:#34d399}.im-modal-status--inactive{color:#f87171}.im-modal-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.im-modal-footer{padding:16px 24px;border-top:1px solid #1e3a5f;display:flex;justify-content:flex-end}.im-tester-wrapper{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid #1e3a5f;transition:border-color .2s}.im-tester-wrapper:hover{border-color:#2a4a72}.im-tester-wrapper .im-sent-card{border:none;border-radius:0}.im-tester-card{flex-wrap:wrap;gap:12px}.im-tester-card--expanded{border-bottom:1px solid #1e3a5f!important}.im-tester-org-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.im-org-chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;background:#10b9811a;border:1px solid rgba(16,185,129,.22);color:#34d399;white-space:nowrap}.im-org-chip--more{background:#60a5fa14;border-color:#60a5fa33;color:#60a5fa}.im-org-chip--none{background:#64748b14;border-color:#64748b2e;color:#64748b}.im-tester-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.im-manage-orgs-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#34d399}.im-manage-orgs-btn:hover{background:#10b98126;border-color:#10b98166;transform:translateY(-1px);box-shadow:0 3px 10px #10b98126}.im-manage-orgs-btn--active{background:#10b9812e;border-color:#10b98173;box-shadow:0 0 0 2px #10b9811f}.mop-panel{background:#07111f;border-top:1px solid #1e3a5f;animation:mopSlideDown .25s ease;display:flex;flex-direction:column}@keyframes mopSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #1a2e47;background:linear-gradient(135deg,#10b9810d,#060e1a00);gap:12px}.mop-header-left{display:flex;align-items:center;gap:12px}.mop-icon{width:32px;height:32px;border-radius:8px;background:#10b9811f;border:1px solid rgba(16,185,129,.22);display:flex;align-items:center;justify-content:center;color:#34d399;flex-shrink:0}.mop-title{font-size:13px;font-weight:700;color:#34d399;letter-spacing:.01em}.mop-subtitle{font-size:11.5px;color:#64748b;margin-top:1px}.mop-close-btn{background:#64748b1a;border:1px solid rgba(100,116,139,.15);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s;flex-shrink:0}.mop-close-btn:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.mop-tabs{display:flex;gap:0;border-bottom:1px solid #1a2e47;background:#060e1a;overflow-x:auto}.mop-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:12px;font-weight:600;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .18s ease;white-space:nowrap}.mop-tab:hover:not(:disabled){color:#94a3b8;background:#64748b0d}.mop-tab--active{color:#34d399!important;border-bottom-color:#34d399;background:#10b9810a}.mop-tab--add.mop-tab--active{color:#34d399!important;border-bottom-color:#34d399}.mop-tab--remove.mop-tab--active{color:#f87171!important;border-bottom-color:#f87171}.mop-tab:disabled{opacity:.35;cursor:not-allowed}.mop-tab-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#64748b26;border:1px solid rgba(100,116,139,.2);color:#64748b}.mop-tab-badge--green{background:#10b9811f;border-color:#10b98138;color:#34d399}.mop-body{padding:0;min-height:160px;max-height:420px;overflow-y:auto}.mop-body::-webkit-scrollbar{width:4px}.mop-body::-webkit-scrollbar-track{background:transparent}.mop-body::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}.mop-loading{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#60a5fa;padding:40px 20px}.mop-overview{padding:16px 20px}.mop-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:32px 20px;color:#475569}.mop-empty-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;display:flex;align-items:center;justify-content:center;color:#60a5fa;margin-bottom:4px}.mop-empty p{margin:0;font-size:14px;font-weight:600;color:#64748b}.mop-empty span{font-size:12px;color:#475569;max-width:280px;line-height:1.5}.mop-cta-btn{margin-top:8px;padding:8px 18px;border-radius:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s}.mop-cta-btn:hover{background:#10b9812e;transform:translateY(-1px)}.mop-section-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#34d399;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.mop-section-label--danger{color:#f87171}.mop-org-list{display:flex;flex-direction:column;gap:6px}.mop-org-list--selectable{gap:5px}.mop-org-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:9px;border:1px solid #1a2e47;background:#0a1628;transition:all .18s}.mop-org-row--assigned{border-color:#10b9812e;background:#10b9810a}.mop-org-row--clickable{cursor:pointer;border-color:#1a2e47;background:#0a1628}.mop-org-row--clickable:hover{border-color:#2a4a72;background:#0d1d34}.mop-org-row--selected-add{border-color:#10b98166!important;background:#10b98112!important;box-shadow:0 0 0 1px #10b9811f}.mop-org-row--selected-remove{border-color:#ef444466!important;background:#ef44440f!important;box-shadow:0 0 0 1px #ef44441a}.mop-org-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#1e3a5f,#0c2340);border:1px solid #2a4a72;color:#60a5fa;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mop-org-info{flex:1;min-width:0}.mop-org-name{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mop-org-desc{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mop-checkbox{width:17px;height:17px;border-radius:5px;border:2px solid #1e3a5f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;background:transparent}.mop-checkbox--checked{background:#10b981;border-color:#10b981;color:#fff}.mop-checkbox--danger{border-color:#3d1a1a}.mop-checkbox--checked-danger{background:#dc2626;border-color:#dc2626;color:#fff}.mop-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0;white-space:nowrap}.mop-badge--active{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.mop-badge--selected{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399}.mop-badge--danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.mop-selection-info{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 12px;border-radius:7px;background:#10b98114;border:1px solid rgba(16,185,129,.2);font-size:12px;font-weight:600;color:#34d399}.mop-selection-info--danger{background:#ef444412;border-color:#ef444433;color:#f87171}.mop-overview-actions{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #1a2e47}.mop-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s}.mop-action-btn--add{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#34d399}.mop-action-btn--add:hover{background:#10b98129;border-color:#10b98166}.mop-action-btn--remove{background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#f87171}.mop-action-btn--remove:hover{background:#ef444421;border-color:#ef444459}.mop-action-tab{padding:16px 20px;display:flex;flex-direction:column}.mop-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:12px;border-top:1px solid #1a2e47}.mop-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;border:1px solid #1e3a5f;background:transparent;color:#64748b;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s}.mop-btn-secondary:hover{border-color:#2a4a72;color:#94a3b8;background:#64748b0f}.mop-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:7px;border:none;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.mop-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mop-btn-primary--add{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98140}.mop-btn-primary--add:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.mop-btn-primary--remove{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.mop-btn-primary--remove:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 14px #dc262659}@media(max-width:900px){.im-container{padding:24px 20px}.im-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.im-plan-card--primary{grid-column:1 / -1}}@media(max-width:760px){.im-header{flex-wrap:wrap}.im-role-grid,.im-modal-grid{grid-template-columns:1fr}}@media(max-width:640px){.im-container{padding:20px 16px}.im-plan-summary,.im-active-summary{grid-template-columns:1fr}.im-active-card{min-height:104px;padding:16px}.im-header{flex-direction:column;align-items:flex-start}.im-role-grid,.im-modal-grid{grid-template-columns:1fr}.im-tester-actions{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.mop-tabs{flex-wrap:nowrap;overflow-x:auto}.mop-tab{padding:10px 12px;font-size:11.5px}.mop-overview-actions{flex-direction:column}}:root{--brand: #6366f1;--brand-dark: #4f46e5;--brand-light: #818cf8;--brand-subtle: rgba(99,102,241,.1);--brand-subtle2: rgba(99,102,241,.18);--brand-glow: rgba(99,102,241,.25);--bg-base: #0a0a0f;--bg-surface: #111118;--bg-elevated: #18181f;--bg-overlay: #1e1e28;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.14);--border-brand: rgba(99,102,241,.35);--text-primary: #f1f1f5;--text-secondary: #a1a1b0;--text-muted: #6b6b80;--text-disabled: #44445a;--sev-critical: #f43f5e;--sev-high: #fb923c;--sev-medium: #facc15;--sev-low: #4ade80;--sev-info: #60a5fa;--green: #10b981;--green-subtle: rgba(16,185,129,.12);--red: #f43f5e;--red-subtle: rgba(244,63,94,.12);--amber: #f59e0b;--amber-subtle: rgba(245,158,11,.12);--blue: #3b82f6;--blue-subtle: rgba(59,130,246,.12);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-xl: 0 16px 64px rgba(0,0,0,.7);--shadow-brand: 0 0 24px rgba(99,102,241,.2);--transition-fast: all .12s ease;--transition: all .2s ease;--transition-slow: all .35s ease;--sidebar-width: 248px;--topbar-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}img,svg,video,canvas{max-width:100%}img{display:block;height:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}input,textarea,select{font-family:var(--font);font-size:14px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;outline:none;width:100%;max-width:100%;border-radius:var(--radius-sm);transition:var(--transition);-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--border-hover)}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);background:var(--bg-overlay)}textarea{resize:vertical;line-height:1.6;min-height:80px}select{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='%236b6b80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}option{background:var(--bg-overlay);color:var(--text-primary)}.w100{width:100%}.flex{display:flex;align-items:center}.flex1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mono{font-family:var(--mono)}.muted{color:var(--text-secondary)}.bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 18px;border:none;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;max-width:100%;cursor:pointer;position:relative;letter-spacing:.01em;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;box-shadow:0 2px 12px var(--brand-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);box-shadow:0 4px 20px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-hover)}.btn-ghost{background:var(--brand-subtle);color:var(--brand-light);border:1px solid var(--border-brand)}.btn-ghost:hover{background:var(--brand-subtle2);border-color:var(--brand)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background:var(--red-subtle);border:1px solid rgba(244,63,94,.3);color:var(--red)}.btn-danger:hover{background:#f43f5e33;border-color:var(--red)}.btn-success{background:var(--green-subtle);border:1px solid rgba(16,185,129,.3);color:var(--green)}.btn-success:hover{background:#10b98133}.btn-navy{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-sm{font-size:12px;padding:6px 13px}.btn-lg{font-size:15px;padding:12px 24px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);position:relative;min-width:0}.card:hover{border-color:var(--border-hover)}.card-red-top{border-top:2px solid var(--brand)}.card-glass{background:#18181fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);min-width:0}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);cursor:default;position:relative;overflow:hidden;min-width:0}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--brand-subtle) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px;letter-spacing:.01em}.field-req{background:#f43f5e26;color:var(--red);font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700;letter-spacing:.03em;border:1px solid rgba(244,63,94,.3)}.field-hint{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.5}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid;white-space:nowrap}.pill-Critical{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.pill-High{background:#fb923c1f;color:#fdba74;border-color:#fb923c4d}.pill-Medium{background:#facc151f;color:#fde047;border-color:#facc154d}.pill-Low{background:#4ade801f;color:#86efac;border-color:#4ade804d}.pill-Info{background:#60a5fa1f;color:#93c5fd;border-color:#60a5fa4d}.pill-Open{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.pill-Closed{background:#4ade801f;color:#86efac;border-color:#4ade804d}.pill-Draft{background:#6b6b801f;color:var(--text-muted);border-color:var(--border)}.pill-Final{background:#6366f11f;color:var(--brand-light);border-color:#6366f14d}.pill-Archived{background:#6b6b801f;color:var(--text-muted);border-color:var(--border)}.pill-In-Progress,.pill-In-Review{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b4d}.pill-Risk-Accepted{background:#60a5fa1f;color:#93c5fd;border-color:#60a5fa4d}.pill-L1{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b4d}.pill-L2{background:#6366f11f;color:var(--brand-light);border-color:#6366f14d}.pill-L3{background:#10b9811f;color:#6ee7b7;border-color:#10b9814d;font-weight:700}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.alert-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#fda4af}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.alert-info{background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#a5b4fc}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:80px 24px;flex-direction:column;gap:16px}.spinner{width:36px;height:36px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.table-wrap{overflow-x:auto;width:100%;max-width:100%;border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}table{width:100%;min-width:640px;border-collapse:collapse;font-size:13.5px}th{background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:10px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);transition:background .12s;overflow-wrap:anywhere}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover)}.reports-table-wrap{overflow-x:auto}.reports-table{table-layout:auto;min-width:760px}.reports-table th,.reports-table td{padding-left:12px;padding-right:12px}.reports-actions-head{width:clamp(180px,24vw,292px);text-align:right}.reports-actions-cell{width:clamp(180px,24vw,292px)}.reports-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.reports-actions .btn{min-height:34px;font-size:12px}.reports-actions .btn-sm{padding:6px 11px}.report-flow-actions-cell{min-width:min(430px,72vw)}.report-flow-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-action-group{display:inline-flex;align-items:center;gap:8px;padding:4px;background:#ffffff06;border:1px solid var(--border);border-radius:8px}.report-action-btn,.report-action-icon,.report-state-chip{min-height:38px;border-radius:8px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750;letter-spacing:.01em;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.report-action-btn{padding:0 14px;cursor:pointer}.report-action-btn:disabled{opacity:.58;cursor:not-allowed}.report-action-btn:not(:disabled):hover,.report-action-icon:hover{transform:translateY(-1px)}.report-action-btn--approve{color:#34d399;background:linear-gradient(180deg,#10b98129,#10b98114);border-color:#10b98157}.report-action-btn--approve:hover{background:#10b98138;border-color:#10b98194;box-shadow:0 8px 18px #10b9811f}.report-action-btn--reject{color:#fb7185;background:linear-gradient(180deg,#f43f5e26,#f43f5e14);border-color:#f43f5e57}.report-action-btn--reject:hover{background:#f43f5e33;border-color:#f43f5e94;box-shadow:0 8px 18px #f43f5e1f}.report-action-btn--skip{min-height:46px;padding:0 16px;color:#c4b5fd;background:linear-gradient(180deg,#6366f133,#6366f114);border-color:#818cf86b}.report-action-btn--skip strong,.report-action-btn--skip small{display:block;line-height:1.05}.report-action-btn--skip small{margin-top:3px;color:var(--text-secondary);font-size:10px;font-weight:700;text-transform:uppercase}.report-action-btn--skip:hover{background:#6366f13d;border-color:#818cf8b8;box-shadow:0 10px 24px #6366f12e}.report-action-btn--muted,.report-action-icon{color:var(--text-secondary);background:#ffffff06}.report-action-btn--muted:hover,.report-action-icon:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}.report-action-icon{width:42px;padding:0;cursor:pointer}.report-state-chip{min-height:34px;padding:0 12px;color:#a7f3d0;background:#10b9811a;border-color:#10b9813d}@media(max-width:1100px){.report-flow-actions-cell{min-width:300px}.report-action-group{width:100%}.report-action-group .report-action-btn{flex:1}}.app-shell{display:flex;min-height:100vh;width:100%;min-width:0}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:200;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:width .25s ease}.main-area{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-base);width:calc(100% - var(--sidebar-width))}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:16px;min-width:0}.page-body{flex:1;padding:28px 32px;max-width:1320px;width:100%;min-width:0;margin:0 auto}.page-header{margin-bottom:var(--space-7);min-width:0}.page-header h1{font-size:clamp(20px,2.2vw,22px);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.page-header p{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.section-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.span-2{grid-column:span 2}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-body{padding:20px 16px}}.toast{position:fixed;bottom:24px;right:24px;font-size:13px;font-weight:500;padding:12px 18px;z-index:9999;border-radius:var(--radius);box-shadow:var(--shadow-xl);max-width:360px;animation:toastIn .2s cubic-bezier(.175,.885,.32,1.275);border:1px solid;display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes toastIn{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-error{background:#f43f5e2e;color:#fda4af;border-color:#f43f5e59}.toast-success{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}.toast-info{background:#6366f12e;color:#c7d2fe;border-color:#6366f159}.counters{display:flex;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.counter{flex:1;min-width:0;background:var(--bg-elevated);padding:14px 16px;text-align:center;transition:background .15s}.counter:hover{background:var(--bg-overlay)}.counter-num{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.counter-lbl{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:20px;line-height:1;filter:grayscale(.4) opacity(.7)}.empty-state h3{font-size:17px;font-weight:700;margin-bottom:8px;color:var(--text-secondary);letter-spacing:-.01em}.empty-state p{font-size:13px;margin-bottom:28px;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.65}.upload-zone{border:2px dashed var(--border);padding:14px 18px;background:var(--bg-elevated);cursor:pointer;margin-top:6px;display:flex;align-items:center;gap:12px;border-radius:var(--radius);transition:var(--transition);color:var(--text-muted);font-size:13px;min-width:0}.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand-light)}.img-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.img-thumb{position:relative;width:96px;height:72px;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.img-thumb img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.img-thumb .del-btn{position:absolute;top:3px;right:3px;background:#000000bf;color:#fff;border:none;width:20px;height:20px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.img-thumb .del-btn:hover{background:var(--red)}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:500;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:var(--radius)}.otp-wrap{display:flex;gap:10px;justify-content:center}.otp-box{width:clamp(38px,12vw,52px);height:clamp(48px,14vw,60px);text-align:center;font-size:26px;font-weight:800;font-family:var(--mono);background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;transition:var(--transition);caret-color:var(--brand);padding:0}.otp-box:hover{border-color:var(--border-hover)}.otp-box:focus{border-color:var(--brand);background:var(--bg-overlay);box-shadow:0 0 0 3px var(--brand-glow)}.otp-box.otp-filled{border-color:var(--brand);background:var(--brand-subtle)}.otp-box:disabled{opacity:.4;cursor:not-allowed}.page-loader{position:fixed;inset:0;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:20px}.page-loader-ring{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--brand);animation:spin .75s linear infinite}.page-loader-label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.auth-bg{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.auth-bg:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%);pointer-events:none}.auth-panel{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);position:relative;z-index:1;overflow:hidden}.auth-brand-bar{height:3px;background:linear-gradient(90deg,var(--brand-dark),var(--brand),var(--brand-light))}.auth-header{background:var(--bg-elevated);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.auth-form{padding:32px 32px 28px}.auth-form h2{font-size:22px;font-weight:800;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.02em}.auth-sub{color:var(--text-secondary);font-size:14px;margin-bottom:28px;line-height:1.5}.step-chips{display:flex;align-items:center;gap:6px}.step-chip{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1.5px solid;transition:var(--transition)}.step-chip-done{background:var(--green-subtle);border-color:#10b98166;color:var(--green)}.step-chip-current{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-light);box-shadow:0 0 12px var(--brand-glow)}.step-chip-pending{background:var(--bg-elevated);border-color:var(--border);color:var(--text-disabled)}.pwd-bar-wrap{display:flex;gap:4px;margin-bottom:6px}.pwd-bar-seg{flex:1;height:3px;border-radius:99px;background:var(--border);transition:background .3s}.btn-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;animation:fadeIn .15s ease}.modal{background:var(--bg-surface);width:100%;max-width:860px;max-height:calc(100vh - 32px);border:1px solid var(--border);border-radius:var(--radius-xl);margin:auto;box-shadow:var(--shadow-xl);animation:modalIn .2s cubic-bezier(.175,.885,.32,1.1);overflow:hidden;display:flex;flex-direction:column}@keyframes modalIn{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-head{padding:20px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-elevated);z-index:10}.modal-head h2{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.modal-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;min-width:0}.modal-foot{padding:16px 28px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-elevated);flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:8px}.breadcrumb-item{font-size:12px;color:var(--text-muted);transition:color .15s}.breadcrumb-item:hover{color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-primary);font-weight:500}.breadcrumb-sep{color:var(--text-disabled);font-size:14px}.sidebar-brand{padding:20px 16px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--brand-dark),var(--brand));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px var(--brand-glow)}.sidebar-brand-text{font-weight:800;font-size:14px;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-brand-sub{font-size:10px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500;margin-top:1px}.sidebar-role-badge{margin:10px 14px;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.sidebar-nav{padding:10px 8px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition);margin-bottom:2px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-nav-item.active{color:var(--brand-light);background:var(--brand-subtle);font-weight:600}.sidebar-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;opacity:.8}.sidebar-footer{padding:14px 12px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);width:100%;background:transparent;border:none;text-align:left;margin-bottom:8px}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand-dark),var(--brand));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:-.01em}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.sidebar-user-role{font-size:11px;color:var(--text-muted);margin-top:1px}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;background:var(--red-subtle);border:1px solid rgba(244,63,94,.25);color:#fda4af;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font)}.sidebar-logout-btn:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fb7185}.topbar-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;overflow-wrap:anywhere}.topbar-subtitle{font-size:12px;color:var(--text-muted);margin-top:1px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.divider{height:1px;background:var(--border);margin:16px 0}.sub-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;border:1px solid;letter-spacing:.02em}.sub-status-badge.active{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}.sub-status-badge.trial{background:#6366f11f;border-color:#6366f14d;color:var(--brand-light)}.sub-status-badge.expired{background:#f43f5e1f;border-color:#f43f5e4d;color:#fb7185}.progress-bar-wrap{height:6px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){:root{--sidebar-width: 84px}.sidebar-brand{justify-content:center;padding:16px 12px 12px}.sidebar-brand>div:not(.sidebar-brand-icon),.sidebar [style*="text-transform: uppercase"],.sidebar-user>div:not(.sidebar-avatar),.sidebar-user svg,.sidebar-logout-btn{display:none!important}.sidebar-nav-item{justify-content:center;padding:12px 10px;font-size:0}.sidebar-nav-icon{width:24px;height:24px}.sidebar-user{justify-content:center;padding:8px}}@media(max-width:768px){:root{--topbar-height: auto}.app-shell{display:block;padding-bottom:72px}.sidebar{inset:auto 0 0;width:100%;height:64px;border-right:none;border-top:1px solid var(--border);box-shadow:0 -10px 28px #00000061;transform:none;overflow-x:auto;overflow-y:hidden;flex-direction:row;align-items:stretch}.sidebar-brand,.sidebar-footer,.sidebar>div[style],.sidebar>div[style]+div[style]{display:none!important}.sidebar-nav{display:flex;flex:1 0 auto;gap:4px;padding:8px;min-width:max-content}.sidebar-nav-item{width:56px;min-width:56px;height:48px;justify-content:center;margin:0;padding:0;border-radius:10px}.main-area{margin-left:0;width:100%}.topbar{position:static;min-height:58px;padding:12px 16px;align-items:flex-start;flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-start}.topbar-actions .btn{flex:1 1 140px}}.link{color:var(--brand-light);text-decoration:none;font-weight:500;transition:color .15s}.link:hover{color:var(--brand);text-decoration:underline}.sep{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted);margin:8px 0}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--border)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.section-header-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.severity-summary-card{min-height:100%}.severity-total-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);font-size:11px;white-space:nowrap}.severity-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,#f43f5e14,#60a5fa0d)}.severity-hero-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.severity-hero-value{margin-top:4px;color:var(--text-primary);font-size:18px;font-weight:800}.severity-hero-count{display:grid;place-items:center;width:76px;min-width:76px;height:58px;border-radius:8px;background:#00000024;border:1px solid var(--border)}.severity-hero-count span{color:var(--text-primary);font-family:var(--mono);font-size:24px;font-weight:800;line-height:1}.severity-hero-count small{color:var(--text-muted);font-size:10px;font-weight:700}.severity-graph-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,#f43f5e14,#60a5fa0d),var(--bg-elevated)}.severity-graph{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-height:250px}.severity-y-axis{display:grid;grid-template-rows:repeat(3,1fr);align-items:center;padding:10px 0 34px;color:var(--text-muted);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.severity-plot{position:relative;display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));align-items:end;gap:12px;min-height:250px;padding:10px 0 34px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--border) 1px,transparent 1px) 0 10px / 100% calc((100% - 44px)/2) repeat-y}.severity-plot:before,.severity-plot:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed var(--border-hover);opacity:.65;pointer-events:none}.severity-plot:before{top:10px}.severity-plot:after{bottom:34px}.severity-column{position:relative;z-index:1;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;align-items:end;justify-items:center;gap:8px;min-width:0;height:100%}.severity-column-value{color:var(--severity-color);font-family:var(--mono);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.severity-column-track{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;max-width:54px}.severity-column-fill{width:100%;height:var(--severity-height);min-height:0;border-radius:6px 6px 0 0;background:var(--severity-color);border:1px solid var(--severity-color);box-shadow:0 10px 22px color-mix(in srgb,var(--severity-color) 22%,transparent);transition:height .45s cubic-bezier(.4,0,.2,1)}.severity-column.is-empty .severity-column-fill{height:0;border-style:dashed;border-color:var(--border-hover);background:transparent;box-shadow:none}.severity-column-label{width:100%;overflow:hidden;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.severity-graph-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.severity-legend-item{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text-secondary);font-size:12px}.severity-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--severity-color);box-shadow:0 0 10px var(--severity-color);flex-shrink:0}.severity-legend-label{color:var(--severity-color);font-weight:800}.severity-legend-count{color:var(--text-muted);font-family:var(--mono);font-size:11px;white-space:nowrap}.severity-tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.severity-tile{position:relative;min-width:0;padding:12px 8px 10px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border);text-align:center;overflow:hidden}.severity-tile:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--severity-color)}.severity-tile-dot{display:inline-block;width:7px;height:7px;margin-bottom:7px;border-radius:50%;background:var(--severity-color);box-shadow:0 0 12px var(--severity-color)}.severity-tile strong{display:block;color:var(--severity-color);font-family:var(--mono);font-size:22px;font-weight:800;line-height:1}.severity-tile small{display:block;margin-top:6px;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.severity-bars{display:flex;flex-direction:column;gap:10px}.severity-empty-state{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted)}.severity-empty-state svg{color:var(--sev-low);flex-shrink:0}.severity-empty-state strong{display:block;color:var(--text-secondary);font-size:13px;margin-bottom:2px}.severity-empty-state span{display:block;font-size:12px;line-height:1.5}.sev-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sev-bar-label{font-size:11px;font-weight:600;width:56px;flex-shrink:0}.sev-bar-track{flex:1;height:6px;background:var(--border);border-radius:99px;overflow:hidden}.sev-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.sev-bar-count{font-size:11px;color:var(--text-muted);font-family:var(--mono);width:40px;text-align:right;flex-shrink:0}@media(max-width:720px){.severity-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.severity-hero{align-items:stretch}.severity-hero-count{height:auto}.severity-graph-summary{align-items:stretch}.severity-graph{grid-template-columns:28px minmax(0,1fr);gap:8px}.severity-plot{gap:8px;grid-template-columns:repeat(5,minmax(32px,1fr))}.severity-column-track{max-width:42px}}@media(max-width:640px){body{font-size:13px}.page-body{padding:18px 14px}.page-header{margin-bottom:18px}.page-header h1,.auth-form h2{line-height:1.2}.card,.card-glass,.stat-card,.org-card{padding:16px;border-radius:10px}.btn{min-height:38px;padding-left:14px;padding-right:14px;white-space:normal;text-align:center}.btn-sm{min-height:32px}.counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.counter{padding:12px 10px}.counter-num{font-size:19px}.table-wrap{margin-left:-2px;margin-right:-2px;border-radius:10px}table{min-width:560px;font-size:12.5px}th,td{padding:10px 12px}.modal-head,.modal-body,.modal-foot,.auth-form{padding-left:18px;padding-right:18px}.modal-head,.modal-foot,.auth-header{flex-wrap:wrap;gap:10px}.modal-foot .btn,.auth-form .btn{width:100%}.upload-zone{align-items:flex-start;flex-direction:column}.severity-hero,.severity-graph-summary,.trial-banner{flex-direction:column}.severity-hero-count{width:100%;min-width:0}}@media(max-width:420px){.page-body,.topbar{padding-left:12px;padding-right:12px}.filter-bar{padding:12px}.severity-tile-grid,.counters{grid-template-columns:1fr}.reports-actions{justify-content:flex-start}}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;width:100%;font-family:var(--font)}.quick-action-btn:hover{background:var(--bg-overlay);border-color:var(--border-hover);color:var(--text-primary);transform:translate(2px)}.quick-action-btn .qa-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-subtle);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:background .2s}.quick-action-btn:hover .qa-icon{background:var(--brand-subtle2)}.quick-action-btn .qa-arrow{margin-left:auto;font-size:14px;color:var(--text-disabled);transition:transform .2s}.quick-action-btn:hover .qa-arrow{transform:translate(3px);color:var(--text-muted)}.sev-count{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}.org-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.org-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.close-btn{width:30px;height:30px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:var(--transition);flex-shrink:0}.close-btn:hover{background:var(--red-subtle);border-color:#f43f5e4d;color:var(--red)}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px}.filter-bar>*{min-width:min(220px,100%);flex:1 1 180px}.trial-banner{padding:14px 18px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:13.5px;font-weight:500;flex-wrap:wrap}.trial-banner.danger{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#fda4af}.trial-banner.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.trial-banner.info{background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#a5b4fc}.swal2-backdrop-show{background:#000000bf!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.swal-popup{background:var(--bg-elevated)!important;border:1px solid var(--border-hover)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl),0 0 0 1px #6366f126!important;font-family:var(--font)!important;color:var(--text-primary)!important;padding:32px 28px 24px!important;max-width:420px!important}.swal-show{animation:swalSlideIn .22s cubic-bezier(.175,.885,.32,1.2) both}.swal-hide{animation:swalSlideOut .16s ease-in both}@keyframes swalSlideIn{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes swalSlideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.swal-title{color:var(--text-primary)!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:8px!important;line-height:1.3!important}.swal-html{color:var(--text-secondary)!important;font-size:14px!important;line-height:1.6!important}.swal2-icon{border-color:transparent!important;margin:0 auto 16px!important;width:56px!important;height:56px!important}.swal2-icon .swal2-icon-content{font-size:28px!important}.swal2-actions{gap:10px!important;margin-top:22px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.swal-btn-confirm,.swal-btn-cancel,.swal-btn-deny,.swal-btn-danger{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:var(--font)!important;font-size:13px!important;font-weight:600!important;padding:9px 20px!important;border-radius:var(--radius-sm)!important;border:none!important;cursor:pointer!important;transition:var(--transition)!important;letter-spacing:.01em!important;white-space:nowrap!important;min-width:90px!important}.swal-btn-confirm:active,.swal-btn-cancel:active,.swal-btn-danger:active{transform:scale(.97)!important}.swal-btn-confirm{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%)!important;color:#fff!important;box-shadow:0 2px 12px var(--brand-glow)!important}.swal-btn-confirm:hover{background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%)!important;box-shadow:0 4px 20px var(--brand-glow)!important;transform:translateY(-1px)!important}.swal-btn-danger{background:#f43f5e26!important;border:1px solid rgba(244,63,94,.4)!important;color:#fda4af!important}.swal-btn-danger:hover{background:#f43f5e40!important;border-color:var(--red)!important}.swal-btn-cancel{background:transparent!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important}.swal-btn-cancel:hover{background:var(--bg-hover)!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}.swal-input,.swal2-input,.swal2-textarea{font-family:var(--font)!important;font-size:14px!important;background:var(--bg-surface)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;padding:10px 14px!important;width:100%!important;outline:none!important;box-shadow:none!important;transition:var(--transition)!important;margin:0!important;height:auto!important}.swal2-input:focus,.swal2-textarea:focus,.swal-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-glow)!important;background:var(--bg-overlay)!important}.swal2-textarea{min-height:100px!important;resize:vertical!important;line-height:1.6!important}.swal2-input-label{color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important;margin-bottom:6px!important;text-align:left!important}.swal2-validation-message{background:#f43f5e1a!important;color:#fda4af!important;border-top:1px solid rgba(244,63,94,.2)!important;font-size:12px!important;padding:8px 12px!important;border-radius:0 0 var(--radius-sm) var(--radius-sm)!important;margin-top:0!important}.swal2-timer-progress-bar{background:var(--brand)!important;opacity:.7!important;height:3px!important}.swal2-loader{border-color:var(--brand) transparent var(--brand) transparent!important;width:40px!important;height:40px!important}.swal-toast.swal2-popup{background:var(--bg-elevated)!important;border:1px solid var(--border-hover)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;padding:12px 16px!important;min-width:280px!important;max-width:360px!important;font-size:13.5px!important;font-weight:500!important;color:var(--text-primary)!important;font-family:var(--font)!important}.swal-toast.swal2-popup.swal2-show{animation:toastSlideIn .25s cubic-bezier(.175,.885,.32,1.2) both!important}.swal-toast.swal2-popup.swal2-hide{animation:toastSlideOut .18s ease-in both!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.swal-toast .swal2-icon{width:22px!important;height:22px!important;margin:0 8px 0 0!important;flex-shrink:0!important}.swal-toast .swal2-icon .swal2-icon-content{font-size:15px!important}.swal-toast .swal2-title{font-size:13.5px!important;font-weight:500!important;color:var(--text-primary)!important;margin:0!important;text-align:left!important}.swal-toast .swal2-timer-progress-bar-container{border-radius:0 0 var(--radius) var(--radius)!important;overflow:hidden!important}.swal2-close{color:var(--text-muted)!important;font-size:18px!important;line-height:1!important;top:12px!important;right:14px!important}.swal2-close:hover{color:var(--text-primary)!important}