*{margin:0;padding:0}:root{--primary-color:var(--color-primary);--primary-light:var(--color-primary-600);--primary-dark:var(--color-primary);--bg-main:var(--color-bg);--bg-card:var(--color-card);--bg-hover:var(--color-surface);--text-primary:var(--color-text);--border-color:var(--color-border)}body{background:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.header{background:linear-gradient(135deg,var(--color-card),var(--color-surface));height:60px;padding:12px 24px}.header-left{gap:16px}.company-logo{background-size:contain;box-shadow:0 2px 8px #c628284d;height:40px;width:40px}.system-title{font-size:18px;letter-spacing:1px}.header-nav{gap:8px;margin-left:32px}.nav-item{border-radius:20px;font-size:14px;padding:8px 20px;transition:.2s}.nav-item.active{background:var(--color-primary)}.nav-dropdown{display:inline-block;position:relative}.dropdown-toggle{cursor:pointer}.dropdown-menu{animation:dropdown-appear .2s ease;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:160px;padding:4px 0;z-index:100}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:block;font-size:14px;margin:2px 4px;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%;width:calc(100% - 8px)}.dropdown-menu button:hover{background:#f0f7ff;color:#3182ce;transform:translateX(2px)}.header-right{gap:16px}.user-role{color:var(--color-primary)}.user-name{color:var(--color-text)}.logout-btn:hover{color:var(--color-primary)}.login-btn{background:var(--color-primary)}.login-btn:hover{background:var(--color-primary-600)}.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-600))}.main{margin:24px auto;max-width:1400px;padding:0 20px}.feature-grid{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:500px}.feature-card{background:var(--color-card);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 10px 30px #1b2a410f;display:flex;flex-direction:column;min-height:500px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{border-color:#33a1c959;box-shadow:0 16px 36px #1b2a411a;transform:translateY(-2px)}.feature-card.disabled{filter:grayscale(20%);opacity:.6}.feature-card.disabled:hover{border-color:var(--border-color);box-shadow:0 10px 30px #1b2a410f;transform:none}.feature-accent{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-600));background:linear-gradient(90deg,var(--primary-color),var(--primary-light));height:6px}.feature-header{align-items:center;display:flex;justify-content:space-between;padding:18px 22px 6px}.feature-eyebrow{background:#33a1c91a;border:1px solid #33a1c940;border-radius:999px;color:var(--color-primary);color:var(--primary-color);font-size:12px;font-weight:800;letter-spacing:.12em;margin-right:10px;padding:3px 8px;text-transform:uppercase}.feature-title{color:var(--color-text);color:var(--text-primary);font-size:22px;font-weight:900;letter-spacing:.6px}.permission-badge{font-size:10px;font-weight:700}.permission-badge.no-access{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.feature-media{display:grid;padding:10px 20px 0;place-items:center;position:relative}.feature-media .media{aspect-ratio:16/9;background-color:var(--color-surface);background-color:var(--bg-hover);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px dashed var(--border-color);border-radius:14px;box-shadow:inset 0 1px 0 #ffffffb3;max-width:560px;width:92%}.permission-overlay{align-items:center;background:#000000b3;border-radius:14px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.lock-icon{font-size:48px;margin-bottom:12px;opacity:.9}.permission-overlay p{font-size:14px;font-weight:600;margin:0;padding:0 20px;text-align:center}.feature-body{color:#6b7280;color:var(--text-secondary);flex:1 1;padding:14px 20px 8px}.feature-desc{color:#475063;font-size:15.5px;margin-bottom:12px}.feature-steps{margin:6px 0 12px}.feature-steps li{align-items:baseline;border-bottom:1px dashed var(--border-color);display:flex;font-size:14.5px;gap:10px;list-style:none;padding:8px 0}.feature-steps li:last-child{border-bottom:0}.bullet{background:var(--color-primary);background:var(--primary-color);border-radius:50%;flex:0 0 8px;height:8px;margin-top:9px;width:8px}.file-support{background:#33a1c914;border:1px solid #33a1c92e;border-radius:8px;color:var(--color-primary);color:var(--primary-dark);font-size:13px;font-weight:600;margin-top:6px;padding:8px 12px}.feature-footer{align-items:center;background:linear-gradient(180deg,#fff,var(--color-surface));background:linear-gradient(180deg,#fff,var(--bg-hover));border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:16px 20px 20px}.cta{--glow:0 6px 18px #33a1c947;background:linear-gradient(135deg,#3ab0d4,#1e87c9);border:0;border-radius:999px;box-shadow:var(--glow);color:#fff;cursor:pointer;font-weight:800;letter-spacing:.2px;padding:12px 18px 12px 46px;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.cta:before{content:"➔";font-size:16px;left:16px;opacity:.95;position:absolute;top:50%;transform:translateY(-50%)}.cta:hover{box-shadow:0 10px 22px #33a1c95c;filter:saturate(1.08);transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed}.cta.disabled:before{content:"🔒";font-size:14px}.cta.disabled:hover{box-shadow:none;filter:none;transform:none}.cta:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed}.cta:disabled:before{content:"🔒";font-size:14px}.cta:disabled:hover{box-shadow:none;filter:none;transform:none}.permission-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.permission-badge.info{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.permission-badge.no-access{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.more-details{margin-top:12px}.more-details-toggle{background:none;border:none;color:var(--color-primary);color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:500;padding:4px 0;text-decoration:underline;transition:color .2s ease}.more-details-toggle:hover{color:var(--color-primary);color:var(--primary-dark)}.details-content{animation:slideDown .3s ease-out;background-color:#33a1c90d;border:1px solid #33a1c926;border-radius:8px;box-shadow:inset 0 1px 2px #33a1c91a;margin-top:8px;padding:12px}.detail-section{margin-bottom:0}@media (max-width:768px){.feature-grid{max-width:100%;padding:0 12px}.header-nav{display:none}.cta{padding-left:48px;text-align:center;width:100%}.feature-title{font-size:20px}}:root{--login-bg-light:linear-gradient(135deg,#f5f7fa,#c3cfe2);--login-bg-dark:linear-gradient(135deg,#2c3e50,#34495e);--card-bg-light:#fffffff2;--card-bg-dark:#2d3748f2;--text-primary-light:#2d3748;--text-primary-dark:#f7fafc;--text-secondary-light:#718096;--text-secondary-dark:#a0aec0;--border-light:#e2e8f0;--border-dark:#4a5568;--primary-color:#3182ce;--primary-hover:#2c5aa0;--success-color:#38a169;--error-color:#e53e3e;--error-bg-light:#fed7d7;--error-bg-dark:#742a2a}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--login-bg-light);display:flex;justify-content:center;min-height:100vh;padding:1rem;transition:background .3s ease;width:100%}.login-container.dark{background:linear-gradient(135deg,#2c3e50,#34495e);background:var(--login-bg-dark)}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--card-bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1.5rem;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2rem;position:relative;transition:all .3s ease;width:100%}.login-card.dark{background:#2d3748f2;background:var(--card-bg-dark);border-color:#4a5568;border-color:var(--border-dark);box-shadow:0 20px 40px #0000004d}.login-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-2px)}.login-card.dark:hover{box-shadow:0 25px 50px #0006}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#2d3748;color:var(--text-primary-light);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem;transition:color .3s ease}.login-card.dark .login-title{color:#f7fafc;color:var(--text-primary-dark)}.login-subtitle{color:#718096;color:var(--text-secondary-light);font-size:1rem;margin:0;transition:color .3s ease}.login-card.dark .login-subtitle{color:#a0aec0;color:var(--text-secondary-dark)}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:.75rem;color:#2d3748;color:var(--text-primary-light);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.875rem 1rem;transition:all .3s ease;width:100%}.login-card.dark .social-btn{background:#4a5568;border-color:#4a5568;border-color:var(--border-dark);color:#f7fafc;color:var(--text-primary-dark)}.social-btn img{flex-shrink:0;height:20px;margin-right:.75rem;object-fit:contain;width:20px}.social-btn svg{flex-shrink:0}.social-btn:hover:not(:disabled){background:#f8fafc;border-color:#3182ce;border-color:var(--primary-color);transform:translateY(-1px)}.login-card.dark .social-btn:hover:not(:disabled){background:#2d3748;border-color:#3182ce;border-color:var(--primary-color)}.social-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 12px #4285f426}.company-btn:hover:not(:disabled){border-color:#3182ce;border-color:var(--primary-color);box-shadow:0 4px 12px #3182ce26}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#e2e8f0;background:var(--border-light);content:"";height:1px;left:0;position:absolute;right:0;top:50%;transition:background .3s ease}.login-card.dark .divider:before{background:#4a5568;background:var(--border-dark)}.divider-text{background:#fffffff2;background:var(--card-bg-light);color:#718096;color:var(--text-secondary-light);font-size:.875rem;padding:0 1rem;position:relative;transition:all .3s ease;z-index:1}.login-card.dark .divider-text{background:#2d3748f2;background:var(--card-bg-dark);color:#a0aec0;color:var(--text-secondary-dark)}.error-message{background:#fed7d7;background:var(--error-bg-light);border-radius:.5rem;color:#e53e3e;color:var(--error-color);font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center;transition:all .3s ease}.login-card.dark .error-message{background:#742a2a;background:var(--error-bg-dark);color:#fc8181}.login-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:#2d3748;color:var(--text-primary-light);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.login-card.dark .form-label{color:#f7fafc;color:var(--text-primary-dark)}.form-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:.75rem;color:#2d3748;color:var(--text-primary-light);font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.login-card.dark .form-input{background:#4a5568;border-color:#4a5568;border-color:var(--border-dark);color:#f7fafc;color:var(--text-primary-dark)}.form-input:focus{border-color:#3182ce;border-color:var(--primary-color);box-shadow:0 0 0 3px #3182ce1a;outline:none}.login-card.dark .form-input:focus{box-shadow:0 0 0 3px #3182ce33}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.checkbox-container{align-items:center;cursor:pointer;display:flex}.checkbox-container input[type=checkbox]{margin-right:.5rem}.checkbox-label{color:#4a5568;font-size:.875rem}.forgot-password{color:#667eea;font-size:.875rem;font-weight:600;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-btn{background:linear-gradient(135deg,#3182ce,#2c5aa0);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:.75rem;box-shadow:0 4px 12px #3182ce4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.875rem;transition:all .3s ease;width:100%}.login-card.dark .submit-btn{background:linear-gradient(135deg,#38a169,#2f855a);background:linear-gradient(135deg,var(--success-color) 0,#2f855a 100%);box-shadow:0 4px 12px #38a1694d}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #3182ce66;transform:translateY(-1px)}.login-card.dark .submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #38a16966}.submit-btn:disabled{transform:none}.form-input:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-switch{margin-bottom:1.5rem;text-align:center}.switch-text{color:#718096;font-size:.875rem;margin:0}.switch-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none}.switch-btn:hover{text-decoration:underline}.terms{text-align:center}.terms-text{color:#a0aec0;font-size:.75rem;line-height:1.4;margin:0}.terms-link{color:#667eea;text-decoration:none}.terms-link:hover{text-decoration:underline}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.login-card.dark .theme-toggle{background:#0003;border-color:#4a5568;border-color:var(--border-dark)}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.login-card.dark .theme-toggle:hover{background:#0000004d}.theme-toggle svg{color:#2d3748;color:var(--text-primary-light);height:20px;transition:color .3s ease;width:20px}.login-card.dark .theme-toggle svg{color:#f7fafc;color:var(--text-primary-dark)}.test-users{margin:1.5rem 0}.test-title{color:#718096;color:var(--text-secondary-light);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-align:center;text-transform:uppercase}.login-card.dark .test-title{color:#a0aec0;color:var(--text-secondary-dark)}.test-user-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.test-user-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;padding:.875rem .5rem;text-align:center;transition:all .3s ease}.login-card.dark .test-user-btn{background:#4a5568;border-color:#4a5568;border-color:var(--border-dark)}.test-user-role{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.test-user-name{color:#718096;color:var(--text-secondary-light);font-size:.75rem;margin-bottom:.125rem}.login-card.dark .test-user-name{color:#a0aec0;color:var(--text-secondary-dark)}.test-user-perm{color:#718096;color:var(--text-secondary-light);font-size:.625rem;opacity:.8}.login-card.dark .test-user-perm{color:#a0aec0;color:var(--text-secondary-dark)}.admin-btn{border-color:#dc2626}.admin-btn .test-user-role{color:#dc2626}.admin-btn:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-1px)}.login-card.dark .admin-btn:hover{background:#7f1d1d}.reviewer-btn{border-color:#7c3aed}.reviewer-btn .test-user-role{color:#7c3aed}.reviewer-btn:hover{background:#faf5ff;border-color:#7c3aed;transform:translateY(-1px)}.login-card.dark .reviewer-btn:hover{background:#581c87}.operator-btn{border-color:#0891b2}.operator-btn .test-user-role{color:#0891b2}.operator-btn:hover{background:#f0f9ff;border-color:#0891b2;transform:translateY(-1px)}.login-card.dark .operator-btn:hover{background:#164e63}.viewer-btn{border-color:#16a34a}.viewer-btn .test-user-role{color:#16a34a}.viewer-btn:hover{background:#f0fdf4;border-color:#16a34a;transform:translateY(-1px)}.login-card.dark .viewer-btn:hover{background:#166534}.demo-accounts{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #0ea5e9;border-radius:12px;margin:20px 0;padding:20px}.demo-title{color:#0c4a6e;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.demo-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:20px 0 10px;text-align:center}.demo-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.demo-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:13px;font-weight:500;padding:12px 8px;text-align:center;transition:all .3s ease}.demo-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.admin-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.manager-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.manager-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.user-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.user-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.guest-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.guest-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)}@media (max-width:480px){.login-container{padding:.5rem}.login-card{padding:1.5rem}.login-title{font-size:1.75rem}.theme-toggle{height:36px;right:.75rem;top:.75rem;width:36px}.demo-buttons{gap:8px;grid-template-columns:1fr}.demo-btn{font-size:12px;padding:10px 8px}}:root{--primary-color:#33a1c9;--primary-light:#33a1c9;--primary-dark:#33a1c9;--bg-main:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e2e8f0;--success-color:#16a34a}.header{align-items:center;background:linear-gradient(135deg,#fff,#f1f5f9);background:linear-gradient(135deg,var(--bg-card),var(--bg-hover));border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);box-shadow:0 2px 8px #33a1c914;display:flex;height:80px;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-left{flex:1 1;gap:24px}.company-logo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 3px 12px #c6282859;cursor:pointer;flex-shrink:0;height:50px;transition:all .3s ease;width:50px}.company-logo:hover{box-shadow:0 4px 16px #c6282873;transform:scale(1.08)}.system-title{color:#1e293b;color:var(--text-primary);flex-shrink:0;font-size:20px;font-weight:700;letter-spacing:1.2px;white-space:nowrap}.header-nav{display:flex;flex:1 1;gap:12px;margin-left:40px}.nav-item{background:none;border:1px solid #0000;border-radius:24px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.nav-item.active{background:#33a1c9;background:var(--primary-color);border-color:#33a1c9;border-color:var(--primary-color);box-shadow:0 2px 6px #33a1c933;color:#fff}.nav-item:hover:not(.active){background:#33a1c91a;border-color:#33a1c94d}.nav-item-dropdown{display:inline-block;position:relative}.nav-item-dropdown:before{content:"";height:12px;left:0;pointer-events:auto;position:absolute;top:100%;width:100%;z-index:999}.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.dropdown-item{background:#fff;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#33a1c91a;color:#33a1c9;color:var(--primary-color);padding-left:24px}.dropdown-item.active{background:#33a1c926;color:#33a1c9;color:var(--primary-color);font-weight:600}.header-right{align-items:center;display:flex;flex-shrink:0;gap:20px}.user-permission{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-role{color:#33a1c9;color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.user-perms{color:#16a34a;color:var(--success-color);font-size:11px;font-weight:600}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.user-email{font-size:12px}.logout-btn,.user-email{color:#6b7280;color:var(--text-secondary)}.logout-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:11px;margin-top:2px;padding:4px 8px;transition:all .2s}.logout-btn:hover{border-color:#33a1c9;border-color:var(--primary-color);color:#33a1c9;color:var(--primary-color)}.login-btn{background:#33a1c9;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.login-btn:hover{background:#33a1c9;background:var(--primary-light)}.user-avatar{align-items:center;background:linear-gradient(135deg,#33a1c9,#33a1c9);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}@media (max-width:1200px){.header-nav{gap:8px;margin-left:24px}.nav-item{font-size:14px;padding:8px 16px}}@media (max-width:768px){.header{height:auto;min-height:70px;padding:12px 20px}.header-left{gap:16px}.header-nav{gap:6px;margin-left:20px}.nav-item{font-size:13px;padding:6px 12px}.system-title{font-size:16px}.company-logo{height:42px;width:42px}.user-info,.user-permission{display:none}}.permission-management-page{background-color:#f0f2f5;min-height:100vh}.page-content{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:24px;text-align:center}.page-header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.page-header p{color:#666;font-size:14px}.permission-management-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #00000017}.permission-management-page .ant-statistic-title{font-size:14px;font-weight:500}.permission-management-page .ant-statistic-content{font-size:24px;font-weight:600}.permission-management-page .ant-tag{border-radius:4px;font-size:12px;font-weight:500;line-height:20px;padding:0 8px}.permission-management-page .ant-table{border-radius:8px;overflow:hidden}.permission-management-page .ant-table-thead>tr>th{background-color:#fafafa;color:#333;font-weight:600}.permission-management-page .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.permission-management-page .ant-descriptions-item-label{color:#333;font-weight:600}.permission-management-page .ant-descriptions-item-content{color:#666}.permission-management-page .ant-btn{border-radius:6px;font-weight:500}.permission-management-page .ant-select{border-radius:6px}.permission-management-page .ant-modal-content{border-radius:8px}@media (max-width:768px){.page-content{padding:16px}.permission-management-page .ant-col,.permission-management-page .ant-descriptions{margin-bottom:16px}}.department-management-page{background:#f7f9fc;min-height:100vh;padding:2rem}.dept-header{animation:slideDown .5s ease-out;justify-content:space-between;margin-bottom:2.5rem}.dept-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.back-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateX(-3px)}.page-title{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:600;gap:.5rem;margin:0}.page-title .icon{font-size:2.2rem}.create-dept-button{align-items:center;background:#3182ce;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-dept-button:hover{background:#2c5aa0;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.create-dept-button .plus-icon{font-size:1.3rem;font-weight:700}.dept-grid{grid-gap:1.5rem;animation:fadeIn .6s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dept-card{animation:scaleIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;position:relative;transition:all .3s ease}.dept-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.dept-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.dept-name{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.delete-button{align-items:center;background:#fee;border:none;border-radius:8px;color:#c53030;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-button:hover{background:#feb2b2;transform:scale(1.1)}.dept-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-item{gap:.75rem}.info-icon,.info-item{align-items:center;display:flex}.info-icon{background:#3182ce;border-radius:10px;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.info-content{display:flex;flex:1 1;flex-direction:column}.info-label{color:#718096;font-size:.85rem;font-weight:500}.info-value{color:#2d3748;font-size:1rem;font-weight:600}.members-list{border-top:1px solid #e2e8f0;margin:1.5rem 0;padding-top:1rem}.members-header{color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.member-item{align-items:flex-start;background:#f7fafc;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.member-item:hover{background:#edf2f7;transform:translateX(3px)}.member-avatar{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:1.8rem;height:40px;justify-content:center;width:40px}.member-details{flex:1 1;min-width:0}.member-name{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.manager-badge{background:#667eea;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.member-info{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.member-position{color:#4a5568;font-weight:500}.member-email{color:#3182ce}.separator{color:#cbd5e0}.member-phone{color:#718096;font-size:.8rem;margin-top:.25rem}.assign-button{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .3s ease;width:100%}.assign-button:hover{background:#2c5aa0;transform:scale(1.02)}.empty-state{animation:fadeIn .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:4rem 2rem}.empty-icon{display:block;font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#718096;font-size:1.2rem;margin-bottom:1.5rem}.create-first-button{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.create-first-button:hover{background:#2c5aa0;transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:1.5rem}.input-label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.text-input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.select-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.current-manager{background:#f7fafc;border-radius:8px;color:#4a5568;font-size:.9rem;margin-top:1rem;padding:.75rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.cancel-button{background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background:#cbd5e0}.confirm-button{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.confirm-button:hover{background:#2c5aa0;transform:translateY(-1px)}.loading-container{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:50px;width:50px}.loading-container p{font-size:1.1rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.department-management-page{padding:1rem}.dept-header{align-items:flex-start;flex-direction:column;gap:1rem}.create-dept-button{justify-content:center;width:100%}.dept-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.modal-content{margin:1rem;width:95%}}*{box-sizing:border-box}body{padding:0}.ant-upload-drag{background:#fff8eb!important;border:2px dashed var(--color-warning)!important;border-radius:8px!important}.ant-upload-drag.ant-upload-drag-hover,.ant-upload-drag:hover{background:#fff1d6!important;border-color:var(--color-warning)!important}.pdf-container{background:var(--color-surface);border-radius:6px;max-height:600px;overflow-y:auto;padding:16px}.pdf-page-wrapper{background:var(--color-card);border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:10px;position:relative}.pdf-page{border-radius:4px;display:block;height:auto;width:100%}.pdf-controls{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.pdf-info{color:#6b7280;font-size:14px}.pdf-navigation{display:flex;gap:8px}.textLayer{bottom:0;left:0;line-height:1;opacity:.01;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.textLayer>span{color:#0000;cursor:text;position:absolute;transform-origin:0 0;white-space:pre}.highlightLayer{bottom:0;left:0;right:0;top:0;z-index:10}.highlightLayer,.pdf-text-highlight{pointer-events:none;position:absolute}.pdf-text-highlight{animation:highlightPulse 3s ease-in-out infinite;border-radius:4px;box-sizing:border-box}.pdf-text-highlight.risk-high{background:#dc262666;border:3px solid var(--color-error);box-shadow:0 0 12px #dc262699,inset 0 0 8px #dc262633}.pdf-text-highlight.risk-medium{background:#d9770666;border:3px solid var(--color-warning);box-shadow:0 0 12px #d9770699,inset 0 0 8px #d9770633}.pdf-text-highlight.risk-low{background:#16a34a66;border:3px solid var(--color-success);box-shadow:0 0 12px #16a34a99,inset 0 0 8px #16a34a33}@keyframes highlightPulse{0%,to{box-shadow:0 0 8px #d9770666;box-shadow:0 0 8px var(--highlight-color,#d9770666);opacity:.7;transform:scale(1)}50%{box-shadow:0 0 20px #d97706cc;box-shadow:0 0 20px var(--highlight-color,#d97706cc);opacity:1;transform:scale(1.03)}}.highlight-overlay{animation:highlight-pulse 3s ease-in-out infinite;border-radius:3px;pointer-events:none;position:absolute;transform-origin:top left;z-index:10}.highlight-overlay.high{background:#dc262666;border:2px solid var(--color-error);box-shadow:0 0 8px #ff4d4f40}.highlight-overlay.medium{background:#d9770666;border:2px solid var(--color-warning);box-shadow:0 0 8px #fa8c1640}.highlight-overlay.low{background:#16a34a66;border:2px solid var(--color-success);box-shadow:0 0 8px #52c41a40}@keyframes highlight-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.pdf-highlight-overlay{border-radius:4px;mix-blend-mode:multiply;pointer-events:none;position:absolute;z-index:15}.review-results-container{max-height:600px;overflow-y:auto}.risk-item-card{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000f;cursor:pointer;margin-bottom:16px;padding:16px;transition:all .3s ease}.risk-item-card:hover{box-shadow:0 4px 12px #00000026;transform:translateX(3px)}.risk-item-card.risk-high{border-left:4px solid var(--color-error)}.risk-item-card.risk-medium{border-left:4px solid var(--color-warning)}.risk-item-card.risk-low{border-left:4px solid var(--color-success)}.risk-item-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.risk-seq{color:#656d76;font-size:16px;font-weight:700;min-width:24px}.risk-level-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.risk-level-badge.risk-high{background:#fef2f2;color:var(--color-error)}.risk-level-badge.risk-medium{background:#fef3c7;color:var(--color-warning)}.risk-level-badge.risk-low{background:#f0f9ff;color:var(--color-primary)}.rule-label{color:#2f2f2f;flex:1 1;font-size:15px;font-weight:600}.original-content{background:#f9fafb;border-left:3px solid #d1d9e0;border-radius:6px;color:#2f2f2f;font-style:italic;line-height:1.6;margin-bottom:12px;padding:12px}.risk-item-card.risk-high .original-content{background:#fef2f2;border-left-color:#dc2626}.risk-item-card.risk-medium .original-content{background:#fff8eb;border-left-color:var(--color-warning)}.risk-item-card.risk-low .original-content{background:#f0fdf4;border-left-color:var(--color-success)}.location-info{align-items:center;color:#8e8e93;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.jump-btn{align-items:center;background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s}.jump-btn:hover{background:var(--color-primary-600);transform:scale(1.05)}.suggestion-content{background:#f0f5ff;border-radius:6px;color:#656d76;font-size:14px;line-height:1.5;padding:12px}.suggestion-content strong{color:#2f2f2f}.empty-state{color:#8e8e93;padding:60px 20px;text-align:center}.empty-state-icon{color:#d1d9e0;font-size:64px;margin-bottom:16px}.loading-state{color:var(--color-primary);padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top:2px solid var(--color-primary);display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.system-status{display:inline-block;font-size:12px;margin-left:8px}.status-healthy{color:var(--color-primary)}.status-unhealthy{color:var(--color-error)}@media (max-width:768px){.ant-layout-content>div>div:last-child{grid-template-columns:1fr!important}.location-info,.risk-item-header{align-items:flex-start;flex-direction:column;gap:8px}}:root{--color-primary:#1e3a8a;--color-primary-600:#2563eb;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-bg:#f5f7fb;--color-surface:#fafafa;--color-card:#fff;--color-border:#e5e7eb;--color-text:#1f2937;--font-sans:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:10px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;background:var(--color-bg);color:#1f2937;color:var(--color-text);font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono)}#root{min-height:100vh}
/*# sourceMappingURL=main.d2d36a7d.css.map*/