*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root,.app{min-height:100vh}.layout{display:flex;min-height:100vh;transition:background-color .3s ease,color .3s ease}.layout.light{background-color:#f5f7fa;color:#1a1a1a}.layout.dark{background-color:#1a1a1a;color:#e0e0e0}.layout.gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;color:#1a1a1a}.main-content{flex:1;display:flex;flex-direction:column;margin-left:250px;margin-right:0;position:relative;transition:margin-right .3s ease}.main-content.news-open{margin-right:320px}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-left h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-primary)}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:8px}.role-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.logout-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-primary)}.logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.content-wrapper{flex:1;padding:2rem;overflow-y:auto}.layout.light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #dee2e6;--text-primary: #1a1a1a;--text-secondary: #6c757d;--border-color: #dee2e6;--primary-color: #3b82f6;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1)}.layout.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-hover: #4a4a4a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--primary-color: #60a5fa;--card-bg: #2d2d2d;--shadow: rgba(0, 0, 0, .3)}.layout.gradient{--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: rgba(255, 255, 255, .9);--bg-tertiary: rgba(255, 255, 255, .8);--bg-hover: rgba(255, 255, 255, .7);--text-primary: #1a1a2e;--text-secondary: #2d3748;--border-color: rgba(255, 255, 255, .3);--primary-color: #667eea;--card-bg: rgba(255, 255, 255, .95);--shadow: rgba(0, 0, 0, .2)}.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem 0;overflow-y:auto;z-index:1000}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--primary-color);color:#fff}.nav-link.active svg{color:#fff}.news-panel{position:fixed;right:0;top:0;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1001;box-shadow:-2px 0 8px var(--shadow);animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.news-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.news-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.news-content{flex:1;overflow-y:auto;padding:1rem}.news-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s ease}.news-item:hover{box-shadow:0 4px 8px var(--shadow);transform:translateY(-2px)}.news-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.news-date{font-size:.75rem;color:var(--text-secondary)}.priority-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#ef4444;color:#fff}.priority-badge.medium{background:#f59e0b;color:#fff}.priority-badge.low{background:#10b981;color:#fff}.news-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.news-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.section-container{max-width:1400px;margin:0 auto}.section-header{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.section-header .section-title-block{flex:0 1 auto}.section-stats-row{margin-bottom:1.5rem}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-primary);font-size:1rem;font-weight:500;opacity:.9}.employee-search-wrap{margin-left:auto;flex-shrink:0}.employee-search-wrap input{padding:.6rem 1rem .6rem 2.5rem;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.95rem;min-width:220px;outline:none;transition:border-color .2s}.employee-search-wrap input::placeholder{color:var(--text-secondary)}.employee-search-wrap input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.employee-search-wrap{position:relative}.employee-search-wrap .search-icon-wrap{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.openings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.opening-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.opening-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px)}.opening-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.opening-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);flex:1}.department-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.opening-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.opening-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:.9rem}.apply-btn{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-btn:hover{background:#2563eb;transform:translateY(-2px)}.form-input{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1rem;outline:none}.form-input:focus{border-color:var(--primary-color)}.form-input::placeholder{color:var(--text-secondary)}.detail-section label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem}.audit-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg)}.audit-table{width:100%;border-collapse:collapse;font-size:.9rem}.audit-table th,.audit-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.audit-table th{font-weight:600;background:var(--bg-tertiary)}.audit-table tbody tr:hover{background:var(--bg-hover)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-primary);transition:all .3s ease;position:relative}.tool-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px);border-color:var(--primary-color)}.tool-icon{font-size:2.5rem;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:12px}.tool-image-wrap{width:60px;height:60px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.tool-image{width:100%;height:100%;object-fit:cover}.tool-info{flex:1;min-width:0}.tool-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.tool-category{font-size:.85rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tools-admin-list{display:flex;flex-direction:column;gap:1rem}.tool-admin-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.tool-admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px}.tool-admin-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;font-size:1.5rem}.tool-admin-info{flex:1;min-width:0}.tool-admin-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.tool-admin-url{font-size:.85rem;color:var(--primary-color);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-admin-url:hover{text-decoration:underline}.tool-admin-details{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem;margin-bottom:0}.users-admin-list{display:flex;flex-direction:column;gap:1rem}.user-admin-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.user-admin-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary)}.user-admin-info{flex:1;min-width:0}.user-admin-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.user-admin-username{font-size:.9rem;color:var(--text-secondary);display:block}.user-admin-role{display:inline-block;margin-top:.35rem;padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize}.user-admin-role.role-employee{background:#dbeafe;color:#1d4ed8}.user-admin-role.role-manager{background:#d1fae5;color:#047857}.user-admin-role.role-admin{background:#fef3c7;color:#b45309}.user-resource-card{position:relative}.user-role-badge{display:inline-block;margin-top:.35rem;padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize}.user-role-badge.role-employee{background:#dbeafe;color:#1d4ed8}.user-role-badge.role-manager{background:#d1fae5;color:#047857}.user-role-badge.role-admin{background:#fef3c7;color:#b45309}.resource-card .btn-edit-sm,.user-resource-card .btn-edit-sm{flex-shrink:0}.btn-edit-sm{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-edit-sm:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.external-icon{color:var(--text-secondary);opacity:.5}.tool-card:hover .external-icon{opacity:1;color:var(--primary-color)}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:2.5rem}.knowledge-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2.5rem;min-height:200px;min-width:0;display:flex;gap:1.25rem;transition:all .3s ease}.knowledge-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px)}.knowledge-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:12px;color:var(--primary-color);flex-shrink:0}.knowledge-content{flex:1;min-width:0;overflow:hidden}.knowledge-content h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;overflow:hidden}.meta-item{display:flex;align-items:center;gap:.35rem;font-size:.95rem;color:var(--text-secondary);min-width:0;max-width:100%}.meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-category{display:inline-block;background:var(--bg-tertiary);padding:.35rem .85rem;border-radius:12px;font-size:.85rem;color:var(--text-secondary)}.view-btn{padding:.6rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.view-btn:hover{background:#2563eb}.knowledge-view-modal{max-width:95vw;width:1200px}.knowledge-view-content{padding:2rem 2.5rem 2.5rem;min-height:640px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:0 0 16px 16px}.knowledge-view-content video{border-radius:8px}.knowledge-view-content iframe{border-radius:8px;background:#fff}.calendar-list{display:flex;flex-direction:column;gap:1.5rem}.training-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.training-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translate(4px)}.training-date{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:10px;min-width:80px}.training-date>div{display:flex;flex-direction:column}.date-day{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.date-month{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.training-content{flex:1}.training-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.training-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.upcoming{background:#10b981;color:#fff}.status-badge.completed{background:var(--text-secondary);color:#fff}.training-details{display:flex;flex-wrap:wrap;gap:1rem}.register-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.register-btn:hover{background:#2563eb}.completed-icon{color:#10b981}.news-list{display:flex;flex-direction:column;gap:1.5rem}.news-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;border-left:4px solid transparent}.news-card.priority-high{border-left-color:#ef4444}.news-card.priority-medium{border-left-color:#f59e0b}.news-card.priority-low{border-left-color:#10b981}.news-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-2px)}.news-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.news-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.news-card-content{color:var(--text-secondary);line-height:1.6}.bench-stats{display:flex;gap:1rem;margin-top:1rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;margin-top:2rem}.resource-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2rem;min-height:120px;min-width:0;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s ease}.resource-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px);border-color:var(--primary-color)}.resource-avatar{width:72px;height:72px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;flex-shrink:0}.resource-info{flex:1;min-width:0;overflow:hidden}.resource-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-role{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-bench-duration{display:flex;align-items:center;gap:.35rem;font-size:.95rem;color:var(--text-secondary)}.status-badge.available{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.allocated{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.resource-modal{background:var(--card-bg);border-radius:16px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-modal{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all .2s ease}.close-modal:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content{padding:1.75rem}.resource-detail-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border-color)}.detail-avatar{width:88px;height:88px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:700}.resource-detail-header h2{font-size:1.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.detail-role{color:var(--text-secondary);font-size:1.1rem}.detail-section{margin-bottom:1.75rem}.detail-section h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.85rem}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}.form-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.35rem}.employee-edit-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:.5rem}.bench-days{color:var(--text-secondary);font-size:.9rem}.resource-modal .detail-item{font-size:1rem;line-height:1.55;padding:.4rem 0;color:var(--text-primary)}.resource-modal .detail-item span{color:inherit}.detail-item-with-copy{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-item-with-copy .detail-item{flex:1;min-width:0}.copy-email-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s}.copy-email-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.copy-email-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.employee-id-badge{display:inline-block;font-size:.9rem;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);padding:.35rem .75rem;border-radius:8px;margin-top:.25rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--bg-tertiary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.certification-tag{background:#3b82f626;color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.training{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.resources{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.bench{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{display:block;font-size:.9rem;color:var(--text-secondary);font-weight:500}.layout.gradient .stat-label,.layout.gradient .section-header p{color:var(--text-primary);opacity:.9}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 16px var(--shadow)}.chart-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.chart-card.full-width{grid-column:1 / -1}.chart-card-bench-first{grid-column:1 / -1;margin-bottom:1.5rem}.chart-subtitle{font-size:.95rem;color:var(--text-secondary);margin:-.5rem 0 1rem}.charts-two-row{grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width,.chart-card-bench-first{grid-column:1}.charts-two-row{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;transition:background-color .3s ease,color .3s ease}.login-page.light{background:linear-gradient(135deg,#667eea,#764ba2)}.login-page.dark{background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-page.gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.login-container{background:var(--card-bg);border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{margin-bottom:1.5rem}.login-form .form-row{margin-bottom:1.25rem}.login-form .form-row label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem}.login-error{color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:.5rem 0}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.role-selection{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.role-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);cursor:pointer;transition:all .3s ease;text-align:left}.role-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.role-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.role-icon{font-size:2.5rem}.role-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.role-info p{font-size:.85rem;opacity:.8}.login-btn{width:100%;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.login-page.light{--card-bg: #ffffff;--bg-primary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #6c757d;--border-color: #dee2e6;--primary-color: #3b82f6;--shadow: rgba(0, 0, 0, .1)}.login-page.dark{--card-bg: #2d2d2d;--bg-primary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--primary-color: #60a5fa;--shadow: rgba(0, 0, 0, .3)}.homepage-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.homepage-tile{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2.5rem;min-height:200px;transition:all .3s ease}.homepage-tile:hover{box-shadow:0 8px 16px var(--shadow);transform:translateY(-4px)}.homepage-tile-icon{color:var(--primary-color);display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem}.homepage-tile-label{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.homepage-tile-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.homepage-tiles{grid-template-columns:1fr}}.homepage-contact{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:560px}.homepage-contact-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.homepage-contact-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.5}.homepage-contact-mail{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:opacity .2s}.homepage-contact-mail:hover{opacity:.85}