:root{--primary-light:#2ba3c5;--primary-dark:#155f75;--bg-main:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--border-color:#e2e8f0}.header{align-items:center;background:#faf8f5;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);box-shadow:0 2px 8px #1e88a814;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:#1e88a8;background:var(--primary-color);border-color:#1e88a8;border-color:var(--primary-color);box-shadow:0 2px 6px #1e88a833;color:#fff}.nav-item:hover:not(.active){background:#1e88a81a;border-color:#1e88a84d}.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:#1e88a81a;color:#1e88a8;color:var(--primary-color);padding-left:24px}.dropdown-item.active{background:#1e88a826;color:#1e88a8;color:var(--primary-color);font-weight:600}.header-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.user-permission{align-items:flex-end;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:1px;margin-right:4px;padding-right:16px}.user-role{color:#1e88a8;color:var(--primary-color);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.user-perms{background:#16a34a14;border-radius:4px;color:#16a34a;color:var(--success-color);font-size:11px;font-weight:600;padding:1px 6px}.user-info{flex-direction:column;gap:4px;justify-content:center;margin-right:4px}.user-info,.user-name{align-items:center;display:flex}.user-name{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700;white-space:nowrap}.manager-tag{color:#1e88a8;color:var(--primary-color);font-size:12px;font-weight:500;margin-left:4px}.logout-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:2px 12px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.logout-btn:hover{background:#1e88a80d;border-color:#1e88a8;border-color:var(--primary-color);color:#1e88a8;color:var(--primary-color)}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e88a8,#2ba3c5);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #1e88a840;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:38px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:38px}.user-avatar:hover{box-shadow:0 5px 15px #1e88a866;transform:scale(1.15) rotate(5deg)}@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}}*{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);--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:var(--color-border);--success-color:#16a34a}body{background:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.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 #1e88a847;background:linear-gradient(135deg,#2ba3c5,#1e88a8);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 #1e88a85c;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:var(--color-bg);--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:#1e88a8;--primary-hover:#155f75;--success-color:#38a169;--error-color:#e53e3e;--error-bg-light:#fed7d7;--error-bg-dark:#742a2a}.login-container{align-items:center;background:var(--color-bg);background:var(--login-bg-light);display:flex;justify-content:center;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:#1e88a8;border-color:var(--primary-color);transform:translateY(-1px)}.login-card.dark .social-btn:hover:not(:disabled){background:#2d3748;border-color:#1e88a8;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:#1e88a8;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;box-sizing:border-box;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:#1e88a8;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:flex-end;margin-bottom:1.5rem}.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,#1e88a8,#155f75);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)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .password-input{padding-right:48px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-btn:hover{color:#1e88a8;color:var(--primary-color)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.login-card.dark .password-toggle-btn{color:#888}.login-card.dark .password-toggle-btn:hover{color:#40a9ff}.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,#f0f9fb,#e6f4f8);border:2px dashed #2ba3c5;border-radius:12px;margin:20px 0;padding:20px}.demo-title{color:#0f4a5e;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)}.demo-btn.admin-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.demo-btn.admin-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.demo-btn.manager-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.demo-btn.manager-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.demo-btn.user-btn{background:linear-gradient(135deg,#2ba3c5,#1e88a8);color:#fff}.demo-btn.user-btn:hover{background:linear-gradient(135deg,#1e88a8,#155f75)}.demo-btn.guest-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.demo-btn.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}}.password-input[type=password]::-ms-clear,.password-input[type=password]::-ms-reveal{display:none}.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{margin:0 auto;max-width:1600px;padding:24px}.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:#1e88a8;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:#155f75;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;display:flex;flex-direction:column;height:680px;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:row;flex-shrink:0;gap:1rem;margin-bottom:1rem}.info-item{flex:1 1;gap:.75rem}.info-icon,.info-item{align-items:center;display:flex}.info-icon{background:#1e88a8;border-radius:10px;flex-shrink:0;font-size:1.3rem;height:36px;justify-content:center;width:36px}.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;flex:1 1;margin-top:.2rem;min-height:0;overflow-y:auto;padding-top:1rem}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.members-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.members-header{color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.member-item{background:#f7fafc;border-radius:8px;margin-bottom:.5rem;padding:.5rem .75rem;transition:all .2s ease}.member-item:hover{background:#edf2f7}.member-details{min-width:0}.member-name{align-items:center;color:#2d3748;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;line-height:1.5}.member-position-tag{background:#e2e8f0;border-radius:4px;color:#4a5568;font-size:.75rem;font-weight:500;padding:.1rem .5rem}.member-email{color:#1e88a8;font-size:.85rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-button{background:#1e88a8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:.75rem;transition:all .3s ease;width:100%}.assign-button:hover{background:#155f75;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:#1e88a8;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:#155f75;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-content-large{display:flex;flex-direction:column;max-height:85vh;max-width:600px}.manage-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 1.5rem}.manage-tab{background:none;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all .2s ease}.manage-tab:hover{color:#1e88a8}.manage-tab.active{border-bottom-color:#1e88a8;color:#1e88a8}.modal-tab-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.modal-body-grow{flex:1 1}.modal-members-body{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding-bottom:0}.members-section{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.members-section:last-of-type{border-bottom:none;flex:1 1}.members-section-title{color:#4a5568;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.manage-members-list{display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto}.manage-members-list::-webkit-scrollbar{width:5px}.manage-members-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.manage-member-row{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .75rem}.manage-member-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;min-width:0}.manage-member-name{color:#2d3748;font-size:.95rem;font-weight:600}.manage-member-email{color:#718096;flex-basis:100%;font-size:.8rem}.member-action-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.3rem .75rem;transition:all .2s ease}.remove-btn{background:#fff5f5;border:1px solid #feb2b2;color:#c53030}.remove-btn:hover:not(.disabled){background:#fed7d7}.remove-btn.disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.add-btn{background:#f0fff4;border:1px solid #9ae6b4;color:#276749}.add-btn:hover{background:#c6f6d5}.no-members-hint{color:#a0aec0;font-size:.9rem;margin:0;padding:.75rem 0;text-align:center}.add-member-row{align-items:center;display:flex;gap:.75rem}.add-member-row .select-input{flex:1 1}.add-member-row .member-action-btn{flex-shrink:0}.add-btn:disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.pending-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.pending-list-label{color:#718096;font-size:.8rem;font-weight:600}.pending-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.25rem .6rem}.pending-tag-remove{background:#fff5f5;border:1px solid #feb2b2;color:#c53030}.pending-tag-add{background:#f0fff4;border:1px solid #9ae6b4;color:#276749}.pending-cancel{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:.8rem;line-height:1;opacity:.6;padding:0}.pending-cancel:hover{opacity:1}.confirm-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.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:#1e88a8;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:#155f75;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:#1e88a8;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,.ant-upload-wrapper .ant-upload-drag{background:#fffbee!important;border:1.5px solid #f0c060!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important;padding:32px 24px!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important}.ant-upload-drag.ant-upload-drag-hover,.ant-upload-drag:hover,.ant-upload-wrapper .ant-upload-drag.ant-upload-drag-hover,.ant-upload-wrapper .ant-upload-drag:hover{background:#fff5d6!important;border-color:var(--color-warning)!important;box-shadow:0 0 0 3px #fcba4d33,var(--shadow-md)!important}.ant-upload-drag .ant-upload-drag-icon,.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-icon{margin-bottom:4px!important}.ant-upload-drag .ant-upload-drag-icon .anticon,.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-icon .anticon{align-items:center!important;background:#fcba4d1f!important;border-radius:50%!important;display:inline-flex!important;justify-content:center!important;padding:16px!important}.ant-upload-drag .ant-upload-text,.ant-upload-wrapper .ant-upload-drag .ant-upload-text{color:#1f2937!important;font-size:16px!important;font-weight:600!important;margin-top:12px!important}.ant-upload-drag .ant-upload-hint,.ant-upload-wrapper .ant-upload-drag .ant-upload-hint{color:#9ca3af!important;font-size:13px!important;margin-top:4px!important}.pdf-container{background:var(--color-surface);border-radius:6px;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px}.pdf-page-wrapper{background:var(--color-card);border-radius:4px;box-shadow:0 2px 8px #0000001a;margin:0 auto 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:#9f353a66;border:3px solid var(--color-error);box-shadow:0 0 12px #9f353a99,inset 0 0 8px #9f353a33}.pdf-text-highlight.risk-default,.pdf-text-highlight.risk-medium{background:#fcba4d66;border:3px solid var(--color-warning);box-shadow:0 0 12px #fcba4d99,inset 0 0 8px #fcba4d33}.pdf-text-highlight.risk-low{background:#1b813e66;border:3px solid var(--color-success);box-shadow:0 0 12px #1b813e99,inset 0 0 8px #1b813e33}@keyframes highlightPulse{0%,to{box-shadow:0 0 8px #fcba4d66;box-shadow:0 0 8px var(--highlight-color,#fcba4d66);opacity:.7;transform:scale(1)}50%{box-shadow:0 0 20px #fcba4dcc;box-shadow:0 0 20px var(--highlight-color,#fcba4dcc);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:#9f353a66;border:2px solid var(--color-error);box-shadow:0 0 8px #9f353a40}.highlight-overlay.default,.highlight-overlay.medium{background:#fcba4d66;border:2px solid var(--color-warning);box-shadow:0 0 8px #fcba4d40}.highlight-overlay.low{background:#1b813e66;border:2px solid var(--color-success);box-shadow:0 0 8px #1b813e40}@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{flex:1 1;min-height:0;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)}.card-delete-btn{align-items:center;background:#0000000a;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .2s;width:24px;z-index:1}.card-delete-btn:hover{background:#dc26261a;color:#dc2626}.card-edit-btn{align-items:center;background:#0000000a;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0;position:absolute;right:36px;top:8px;transition:all .2s;width:24px;z-index:1}.card-edit-btn:hover{background:#1890ff1a;color:#1890ff}.card-edit-confirm-btn{right:64px}.card-edit-confirm-btn:hover{background:#27ae601a;color:#27ae60}.card-edit-cancel-btn{right:36px}.card-edit-cancel-btn:hover{background:#dc26261a;color:#dc2626}.card-restore-btn{right:64px}.card-restore-btn:hover{background:#fa8c161a;color:#fa8c16}.risk-item-card.risk-high{border-left:4px solid var(--color-error)}.risk-item-card.risk-default,.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:#fdf4f2;color:var(--color-error)}.risk-level-badge.risk-default,.risk-level-badge.risk-medium{background:#fdf8ed;color:var(--color-warning)}.risk-level-badge.risk-low{background:#f0f7f2;color:var(--color-success)}.rule-label{flex:1 1}.rule-edit-select .ant-select-selection-item,.rule-label{color:#2f2f2f;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:#fdf4f2;border-left-color:var(--color-error)}.risk-item-card.risk-default .original-content,.risk-item-card.risk-medium .original-content{background:#fdf8ed;border-left-color:var(--color-warning)}.risk-item-card.risk-low .original-content{background:#f0f7f2;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:#0000;border:none;border-radius:4px;color:#656d76;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s}.jump-btn:hover{background:#0000;color:#333;transform:scale(1.05)}.suggestion-content{background:#f8f4ec;border-radius:6px;color:#656d76;font-size:14px;line-height:1.5;padding:12px;white-space:pre-wrap}.suggestion-content strong{color:#2f2f2f}.risk-item-card.risk-high .suggestion-content{background:#f5edea}.risk-item-card.risk-default .suggestion-content,.risk-item-card.risk-medium .suggestion-content{background:#f8f4ec}.risk-item-card.risk-low .suggestion-content{background:#edf4eb}.comparison-suggestion{display:flex;flex-direction:column;gap:10px;white-space:normal}.comparison-origin-block{background:#ffffffb3;border-left:3px solid #c9b8c0;border-radius:4px;padding:8px 12px}.comparison-explanation-block strong,.comparison-origin-block strong{display:block;margin-bottom:4px}.comparison-origin-text{color:#4a4a4a;display:block;font-style:italic;line-height:1.6;white-space:pre-wrap}.comparison-explanation-block{padding:2px 0 0 2px}.comparison-explanation-text{color:#4a4a4a;display:block;line-height:1.65}.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:#1e88a8;--color-primary-600:#2ba3c5;--color-success:#1b813e;--color-warning:#fcba4d;--color-error:#9f353a;--color-bg:#f7f5f2;--color-surface:#f9f8f5;--color-card:#fdfcfa;--color-border:#e8e5df;--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:#f7f5f2;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.ef018e08.css.map*/