@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.splash-screen-container{z-index:9999;pointer-events:none;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.splash-video{object-fit:cover;pointer-events:none;width:100%;height:100%}:root{--primary-color:#10b981;--primary-hover:#059669;--primary-dark:#047857;--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#10b98126;--bg-color:#f1f5f9;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--input-focus:#10b98133;--dash-ease:cubic-bezier(.22, 1, .36, 1);--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 8px 30px #0f172a14;--shadow-lg:0 20px 50px #0f172a1f;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.app-container,.dashboard-layout{background-color:var(--bg-color);width:100%;min-height:100vh;display:flex}.sidebar{z-index:10;background:linear-gradient(#0f172a 0%,#134e4a 100%);border-right:none;flex-direction:column;width:272px;min-width:272px;height:100vh;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0f172a26}.sidebar-header,.sidebar-brand{border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;padding:1.5rem 1.25rem;display:flex}.sidebar-logo,.brand-logo-img{object-fit:contain;filter:brightness(1.05);width:auto;max-width:160px;height:auto;max-height:64px;display:block}.sidebar-nav{flex-direction:column;gap:.35rem;padding:1.25rem 1rem;display:flex}.sidebar-link{color:#94a3b8;transition:all .25s var(--dash-ease);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--sidebar-hover);color:#f8fafc}.sidebar-link.active{background:var(--sidebar-active);color:#6ee7b7;font-weight:600;box-shadow:inset 0 0 0 1px #10b98140}.sidebar-link:before{background:#10b981}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-badge{color:#fff;background:#ef4444;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;box-shadow:0 0 12px #ef444480}.sidebar-divider{border-bottom:1px solid #ffffff14;margin-bottom:10px;padding-bottom:12px}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:1rem}.sidebar-user-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:14px}.sidebar-user-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.sidebar-user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-meta{color:#94a3b8;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.role-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:700}.role-badge--manager{background:#ef4444}.role-badge--head{background:#f59e0b}.role-badge--assessor{background:#3b82f6}.role-badge--mentor{background:#10b981}.main-content{background:radial-gradient(80% 50% at 50% -10%,#10b98114,#0000),linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.content-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;background:#ffffffb3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:none;position:sticky;top:0}.content-topbar-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.content-topbar-sub{color:var(--text-muted);margin-top:2px;font-size:.8rem}.page-container{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:2rem;display:flex}.table-page-container{align-items:stretch}.form-wrapper{background:var(--card-bg);border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin:0 auto;padding:2.5rem}.form-header{text-align:center;margin-bottom:2.5rem}.form-header h1{color:var(--text-main);letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.form-header p{color:var(--text-muted);font-size:.95rem}.student-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{gap:1.5rem;display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:.5rem;display:flex}label{color:#374151;font-size:.875rem;font-weight:500}input,textarea,select{border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;background-color:#fafafa;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--input-focus);background-color:#fff;outline:none}textarea{resize:vertical;min-height:100px}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem 1rem;padding:.5rem 0;display:grid}.checkbox-grid label{cursor:pointer;color:var(--text-main);align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;display:flex}.checkbox-grid input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.submit-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #0ba35533,0 2px 4px -2px #0ba3551a}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.status-message{text-align:center;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:500;animation:.3s fadeIn}.status-message.success{color:#065f46;background-color:#d1fae5;border:1px solid #10b981}.status-message.error{color:#b91c1c;background-color:#fee2e2;border:1px solid #ef4444}.table-wrapper{background:var(--card-bg);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:2rem}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.table-header h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.65rem;font-weight:800}.table-header p{color:var(--text-muted);font-size:.9rem}.table-responsive{overflow-x:auto}.student-table{border-collapse:separate;border-spacing:0;width:100%}.student-table th,.student-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.student-table th{color:#475569;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-color);background:linear-gradient(#f8fafc,#f1f5f9);font-size:.75rem;font-weight:700}.student-table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.student-table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.student-table tbody tr{transition:background-color .15s}.student-table tbody tr:hover{background-color:#f9fafb}.student-name{color:var(--text-main);font-weight:600}.course-badge{color:#065f46;background-color:#d1fae5;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.empty-state,.loading-state,.error-state{text-align:center;color:var(--text-muted);padding:3rem;font-weight:500}.error-state{color:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.clickable-row{cursor:pointer;transition:all .2s}.clickable-row:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d;background-color:#f0fdf4!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card-bg);border-radius:16px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-main);margin:0;font-size:1.5rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.close-btn:hover{color:#ef4444}.edit-btn,.delete-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.edit-btn{color:var(--primary-color);border-color:#a7f3d0}.edit-btn:hover{background-color:#ecfdf5;transform:translateY(-1px)}.delete-btn{color:#ef4444;border-color:#fecaca}.delete-btn:hover{background-color:#fef2f2;transform:translateY(-1px)}.modal-body{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:var(--primary-color);border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.detail-value{color:var(--text-main);font-size:1rem;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{color:var(--primary-color);border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700}.assessment-section{border:1px solid var(--border-color);background-color:#fafafa;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.assessment-section h3{color:var(--text-main);margin-top:0;margin-bottom:1rem;font-size:1.05rem}.rating-table{border-collapse:collapse;width:100%}.rating-table th{border:1px solid var(--border-color);color:var(--text-muted);background-color:#f3f4f6;padding:.5rem;font-size:.9rem}.rating-table td{border:1px solid var(--border-color);padding:.75rem .5rem;font-size:.95rem}.rating-table tr:hover{background-color:#f9fafb}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:.5rem;display:grid}.mobile-header,.sidebar-overlay{display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=900px){.dashboard-layout{flex-direction:row}.sidebar{z-index:1000;width:260px;height:100vh;transition:left .3s ease-in-out;position:fixed;top:0;left:-280px;box-shadow:10px 0 25px #0000001a}.sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a80;display:block;position:fixed;inset:0}.mobile-header{border-bottom:1px solid var(--border-color);z-index:900;background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000000d}.mobile-menu-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:-8px;padding:8px;display:flex}.mobile-menu-btn:hover{background:#f1f5f9}.page-container,.form-wrapper,.table-wrapper{padding:1.5rem 1rem}.form-row{flex-direction:column;gap:1rem}}@keyframes dashFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashScaleIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dashPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes dashBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .45s var(--dash-ease) both;width:100%}.sidebar-link{position:relative;overflow:hidden}.sidebar-link:before{content:"";background:var(--primary-color);width:3px;height:60%;transition:transform .25s var(--dash-ease);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-link.active:before,.sidebar-link:hover:before{transform:translateY(-50%)scaleY(1)}.main-content{animation:.4s both dashFadeIn}.dash-header{animation:dashFadeInUp .55s var(--dash-ease) both}.dash-stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:30px;display:grid}.dash-stat-card{cursor:pointer;transition:transform .35s var(--dash-ease), box-shadow .35s var(--dash-ease), border-color .25s ease;animation:dashFadeInUp .6s var(--dash-ease) both;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008}.dash-stat-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 40%,#0ba3550a 100%);transition:opacity .35s;position:absolute;inset:0}.dash-stat-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 20px 40px -12px #0f172a1f}.dash-stat-card:hover:after{opacity:1}.dash-stat-card.dash-stagger-1{animation-delay:80ms}.dash-stat-card.dash-stagger-2{animation-delay:.16s}.dash-stat-card.dash-stagger-3{animation-delay:.24s}.dash-stat-card.dash-stat-card--alert{animation-delay:.32s}.dash-stat-card--alert{background:#fef2f2;border-color:#fca5a5;box-shadow:0 4px 12px #dc26261f}.dash-stat-card--alert.dash-pulse{animation:dashFadeInUp .6s var(--dash-ease) .32s both, dashPulse 2s ease-in-out 1s infinite}.dash-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700}.dash-stat-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.dash-stat-footer{opacity:.9;transition:transform .25s var(--dash-ease);align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:600;display:flex}.dash-stat-card:hover .dash-stat-footer{transform:translate(4px)}.dash-section-title{color:#0f172a;animation:dashFadeInUp .55s var(--dash-ease) .35s both;margin-bottom:18px;font-size:18px;font-weight:800}.dash-charts-section{margin-bottom:2rem}.dash-charts-section .dash-section-title{margin-top:.5rem}.dash-charts-grid{gap:20px;margin-bottom:20px;display:grid}.dash-charts-grid--2{grid-template-columns:repeat(2,1fr)}.dash-charts-grid--3{grid-template-columns:repeat(3,1fr)}.dash-charts-grid--1{grid-template-columns:1fr}.dash-chart-card{animation:dashFadeInUp .6s var(--dash-ease) both;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem 1.5rem 1rem;transition:box-shadow .3s,transform .3s;box-shadow:0 4px 6px -1px #00000008}.dash-chart-card:hover{box-shadow:0 12px 32px -8px #0f172a1a}.dash-chart-header h4{color:#0f172a;margin:0 0 4px;font-size:1rem;font-weight:800}.dash-chart-header p{color:#64748b;margin:0 0 12px;font-size:.8rem}.dash-chart-body{width:100%}.dash-chart-empty-state,.dash-charts-empty{color:#94a3b8;text-align:center;justify-content:center;align-items:center;height:200px;padding:1rem;font-size:.875rem;font-weight:500;display:flex}.dash-charts-empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:18px;margin-bottom:2rem}@media (width<=1100px){.dash-charts-grid--3{grid-template-columns:1fr 1fr}}@media (width<=768px){.dash-charts-grid--2,.dash-charts-grid--3{grid-template-columns:1fr}}.dash-centers-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.dash-center-card{animation:dashFadeInUp .55s var(--dash-ease) both;transition:transform .3s var(--dash-ease), box-shadow .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 2px 5px #00000005}.dash-center-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px #0f172a1a}.dash-center-card:first-child{animation-delay:.4s}.dash-center-card:nth-child(2){animation-delay:.48s}.dash-center-card:nth-child(3){animation-delay:.56s}.dash-center-card:nth-child(4){animation-delay:.64s}.dash-center-card:nth-child(5){animation-delay:.72s}.dash-center-name{color:#0f172a;margin-bottom:14px;padding-bottom:6px;font-size:15px;font-weight:800;display:inline-block;position:relative}.dash-center-name:after{content:"";background:var(--primary-color);transform-origin:0;width:100%;height:2px;animation:dashBarGrow .6s var(--dash-ease) .8s forwards;position:absolute;bottom:0;left:0;transform:scaleX(0)}.dash-center-row{color:#475569;cursor:pointer;transition:background .2s ease, transform .2s var(--dash-ease), border-color .2s ease;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.dash-center-row:hover{background:#ecfdf5;border-color:#a7f3d0;transform:translate(4px)}.dash-center-row:last-child{margin-bottom:0}.dash-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.25s both dashFadeIn;display:flex;position:fixed;inset:0}.dash-modal-panel{width:100%;max-width:900px;max-height:90vh;animation:dashScaleIn .35s var(--dash-ease) both;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:35px;position:relative;overflow-y:auto;box-shadow:0 25px 60px -12px #00000059}.dash-modal-tab{cursor:pointer;transition:transform .2s var(--dash-ease), background .2s ease, color .2s ease;border:none;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:700}.dash-modal-tab:hover{transform:translateY(-1px)}.dash-modal-tab.active{transform:scale(1.02)}.dash-skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:30px;display:grid}.dash-skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:18px;height:120px;animation:1.4s ease-in-out infinite dashShimmer}.dash-loading-wrap{animation:.3s both dashFadeIn}@media (width<=600px){.dash-stats-grid,.dash-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dash-stat-card{border-radius:14px;padding:16px}.dash-stat-label{font-size:10px}.dash-stat-value{font-size:22px}.dash-stat-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{cursor:pointer;transition:all .25s var(--dash-ease);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:#475569;border:1px solid var(--border-color);background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0}.btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;width:100%}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--primary-color);background:0 0;border:none;padding:0;font-weight:700}.search-input{border:1px solid var(--border-color);background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") 12px no-repeat;border-radius:12px;min-width:240px;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--input-focus);background-color:#fff;outline:none}.auth-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand-panel{background:linear-gradient(145deg,#0f172a 0%,#134e4a 50%,#047857 100%);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";background:radial-gradient(circle,#10b98140 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.auth-brand-panel:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-brand-content{z-index:1;text-align:center;max-width:380px;position:relative}.auth-brand-logo{object-fit:contain;filter:brightness(1.1);height:90px;margin-bottom:2rem}.auth-brand-title{color:#fff;letter-spacing:-.03em;margin:0 0 .75rem;font-size:2rem;font-weight:800}.auth-brand-desc{color:#94a3b8;font-size:.95rem;line-height:1.6}.auth-form-panel{background:#f8fafc;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:dashScaleIn .45s var(--dash-ease) both;background:#fff;border-radius:24px;padding:2.5rem}.auth-card h1{color:var(--text-main);margin:0 0 .35rem;font-size:1.65rem;font-weight:800}.auth-card-sub{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.auth-field{margin-bottom:1.25rem}.auth-field label{color:#475569;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.auth-field input{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.9rem;transition:all .2s}.auth-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--input-focus);background:#fff}.auth-error{color:#991b1b;text-align:center;background:#fef2f2;border-radius:12px;margin-top:1rem;padding:.85rem;font-size:.85rem;font-weight:600}.auth-success{color:#065f46;text-align:center;background:#ecfdf5;border-radius:12px;margin-top:1rem;padding:.85rem;font-size:.85rem;font-weight:600}.auth-footer{text-align:center;color:var(--text-muted);border-top:1px solid #f1f5f9;margin-top:1.75rem;padding-top:1.25rem;font-size:.875rem}.confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s both dashFadeIn;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:dashScaleIn .3s var(--dash-ease) both;background:#fff;border-radius:24px;padding:2rem}.confirm-modal h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.confirm-modal p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.875rem}.confirm-modal-actions{gap:12px;display:flex}.confirm-modal-actions .btn{flex:1}@media (width>=901px){.content-topbar{display:flex}}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{background:linear-gradient(#f0fdf4 0%,#f8fafc 100%);min-height:100vh}}.staff-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.staff-toolbar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.filter-select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:130px;padding:.55rem .85rem;font-size:.85rem}.filter-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.staff-search-wrap{flex:1;min-width:260px;max-width:360px;position:relative}.staff-search-wrap input{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") 12px no-repeat;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.6rem 1rem .6rem 2.4rem;font-size:.875rem}.staff-search-wrap input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--input-focus);outline:none}.staff-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:1.25rem;display:grid}.staff-stat-pill{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem}.staff-stat-pill strong{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.2;display:block}.staff-stat-pill span{color:#64748b;font-size:.75rem;font-weight:600}.staff-tab-bar{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;display:flex}.staff-tab{cursor:pointer;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.staff-tab.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.staff-tab.pending-alert{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.staff-tab.pending-alert.active{color:#fff;background:#dc2626;border-color:#b91c1c}.staff-table-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem}.staff-table-card h3{color:#0f172a;margin:0 0 1rem;font-size:1.05rem;font-weight:800}.staff-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:42px;height:42px}.staff-avatar-fallback{color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:flex}.table-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.table-pagination-info{color:#64748b;font-size:.85rem}.table-pagination-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.table-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.table-pagination-size select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.table-pagination-nav{align-items:center;gap:4px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:36px;height:36px;padding:0 8px;font-size:.85rem;font-weight:600;transition:all .15s}.page-btn:hover:not(:disabled){color:#047857;background:#f0fdf4;border-color:#a7f3d0}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:#94a3b8;padding:0 4px;font-weight:700}.btn-filter-reset{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:.55rem 1rem;font-size:.8rem;font-weight:700}.btn-filter-reset:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.toast-notification{color:#fff;z-index:10000;animation:dashFadeInUp .35s var(--dash-ease) both;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-size:13.5px;font-weight:700;display:flex;position:fixed;top:25px;right:25px;box-shadow:0 10px 30px #10b98159}.action-btn{cursor:pointer;border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.action-btn--edit{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.action-btn--approve{color:#fff;background:#10b981;box-shadow:0 2px 4px #10b98133}.action-btn--reject{color:#fff;background:#ef4444;box-shadow:0 2px 4px #ef444433}.action-btn--delete{color:#dc2626;background:#fee2e2}.access-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.access-modal{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;width:min(860px,100%);max-height:min(92vh,900px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.access-modal-header{background:radial-gradient(circle at 100% 0,#0ba3551f,#0000 42%),linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #eef2f7;padding:22px 24px 18px}.access-modal-header-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.access-modal-person{align-items:center;gap:14px;min-width:0;display:flex}.access-modal-avatar,.access-modal-avatar-fallback{border-radius:16px;flex-shrink:0;width:54px;height:54px}.access-modal-avatar{object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px #0f172a1f}.access-modal-avatar-fallback{color:#fff;background:linear-gradient(135deg,#0ba355,#059669);place-items:center;font-size:20px;font-weight:800;display:grid}.access-modal-kicker{letter-spacing:.08em;text-transform:uppercase;color:#0ba355;margin:0 0 2px;font-size:11px;font-weight:700}.access-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.access-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.access-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;flex-shrink:0;width:36px;height:36px;font-size:18px;font-weight:700}.access-modal-close:hover{color:#0f172a;background:#e2e8f0}.access-modal-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.access-chip{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.access-chip--role{color:#fff}.access-chip--stat{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.access-modal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.access-modal-hint{color:#64748b;max-width:420px;margin:0;font-size:12px;line-height:1.45}.access-modal-actions{flex-wrap:wrap;gap:8px;display:flex}.access-tool-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.access-tool-btn:hover{background:#f8fafc}.access-tool-btn--muted{color:#b91c1c;background:#fff5f5;border-color:#fecaca}.access-modal-body{background:#f8fafc;gap:12px;padding:18px 24px;display:grid;overflow-y:auto}.access-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.access-module-card.is-on{border-color:#86efac;box-shadow:0 8px 24px #10b98114}.access-module-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.access-module-info{align-items:flex-start;gap:12px;min-width:0;display:flex}.access-module-icon{color:#475569;background:#f1f5f9;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.access-module-card.is-on .access-module-icon{color:#059669;background:#ecfdf5}.access-module-icon svg{width:20px;height:20px}.access-module-name{color:#0f172a;margin:0;font-size:15px;font-weight:800}.access-module-desc{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.4}.access-module-count{color:#64748b;background:#f1f5f9;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.access-module-card.is-on .access-module-count{color:#15803d;background:#dcfce7}.access-switch{flex-shrink:0;width:46px;height:26px;position:relative}.access-switch input{opacity:0;width:0;height:0;position:absolute}.access-switch-slider{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:background .15s;position:absolute;inset:0}.access-switch-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a33}.access-switch input:checked+.access-switch-slider{background:#10b981}.access-switch input:checked+.access-switch-slider:before{transform:translate(20px)}.access-function-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px;padding-top:14px;display:grid}.access-function-chip{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.access-function-chip input{accent-color:#10b981;flex-shrink:0;width:15px;height:15px}.access-function-chip.is-checked{color:#065f46;background:#ecfdf5;border-color:#86efac}.access-function-chip:hover{border-color:#94a3b8}.access-modal-footer{background:#fff;border-top:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.access-modal-error{color:#b91c1c;font-size:13px;font-weight:600}.access-modal-footer-actions{gap:10px;margin-left:auto;display:flex}.access-btn{cursor:pointer;border:none;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:700}.access-btn:disabled{opacity:.65;cursor:not-allowed}.access-btn--ghost{color:#475569;background:#f1f5f9}.access-btn--primary{color:#fff;background:linear-gradient(135deg,#0ba355,#059669);box-shadow:0 8px 18px #10b98147}@media (width<=640px){.access-modal-header,.access-modal-body,.access-modal-footer{padding-left:16px;padding-right:16px}.access-module-head{align-items:flex-start}.access-function-grid{grid-template-columns:1fr}}.inline-select{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}@media (width<=768px){.staff-toolbar{flex-direction:column;align-items:stretch}.staff-search-wrap{max-width:100%}.table-pagination{flex-direction:column;align-items:stretch}.table-pagination-nav{flex-wrap:wrap;justify-content:center}}.pro-form-page{width:100%;max-width:920px;animation:dashFadeIn .4s var(--dash-ease) both;margin:0 auto}.pro-form-shell{flex-direction:column;gap:1.25rem;display:flex}.form-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;width:fit-content;padding:.35rem 0;font-size:.875rem;font-weight:600;transition:color .2s;display:inline-flex}.form-back-btn:hover{color:var(--primary-color)}.pro-form-hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ecfdf5 0%,#fff 60%);border:1px solid #bbf7d0;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;display:flex}.pro-form-hero-icon{background:linear-gradient(145deg, var(--primary-color), var(--primary-dark));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 20px #10b98159}.pro-form-hero h1{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.55rem;font-weight:800}.pro-form-hero p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.pro-form-body{flex-direction:column;gap:1.25rem;display:flex}.form-section-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem 1.75rem}.form-section-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:.85rem;margin-bottom:1.35rem;padding-bottom:1rem;display:flex}.form-section-num{width:32px;height:32px;color:var(--primary-dark);background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.form-section-header h3{color:var(--text-main);margin:0 0 .2rem;font-size:1rem;font-weight:700}.form-section-header p{color:var(--text-muted);margin:0;font-size:.8rem}.required-mark{color:#ef4444;margin-left:2px}.form-label{color:#475569;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-control-pro{border:1px solid var(--border-color);box-sizing:border-box;background:#f8fafc;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.form-control-pro:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--input-focus);background:#fff;outline:none}.type-toggle{background:#f1f5f9;border-radius:12px;gap:.5rem;padding:4px;display:flex}.type-toggle label{text-align:center;color:var(--text-muted);cursor:pointer;border-radius:10px;flex:1;margin:0;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.type-toggle input{opacity:0;pointer-events:none;position:absolute}.type-toggle label:has(input:checked){color:var(--primary-dark);background:#fff;box-shadow:0 2px 8px #0f172a14}.pill-radio-group{flex-wrap:wrap;gap:.65rem;display:flex}.pill-radio{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#f8fafc;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pill-radio input{accent-color:var(--primary-color);width:auto!important}.pill-radio:has(input:checked){border-color:var(--primary-color);color:var(--primary-dark);background:#ecfdf5}.time-range-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem;display:grid}.time-range-sep{color:var(--text-muted);padding-bottom:.85rem;font-size:.8rem;font-weight:600}.form-actions-bar{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:5;background:#fff;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex;position:sticky;bottom:1rem}.form-actions-bar .btn-primary{min-width:160px}.star-rating{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.star-rating-btn{cursor:pointer;color:#d1d5db;background:0 0;border:none;outline:none;padding:0 2px;font-size:2rem;line-height:1;transition:color .15s,transform .15s}.star-rating-btn.active{color:#f59e0b;transform:scale(1.08)}.star-rating-btn:hover{transform:scale(1.12)}.star-rating-label{color:#334155;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;margin-left:.5rem;padding:.35rem .75rem;font-size:.9rem;font-weight:700}.status-pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.status-pill-group label{text-align:center;min-width:100px;color:var(--text-muted);cursor:pointer;border:1px solid var(--border-color);background:#f8fafc;border-radius:10px;flex:1;margin:0;padding:.6rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s}.status-pill-group input{opacity:0;pointer-events:none;position:absolute}.status-pill-group label:has(input:checked){border-color:var(--primary-color);color:var(--primary-dark);background:#ecfdf5}.form-toast{border-radius:12px;padding:.85rem 1.1rem;font-size:.875rem;font-weight:600;animation:.3s both dashFadeIn}.form-toast.success{color:#065f46;background:#ecfdf5;border:1px solid #bbf7d0}.form-toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.form-toast.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.assessment-pro-shell{max-width:980px}.form-step-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.form-step-pill{text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.4rem .85rem;font-size:.72rem;font-weight:700}.form-step-pill.active{color:var(--primary-dark);background:#ecfdf5;border-color:#bbf7d0}.assessment-section{background:#fff;border:none;border-radius:0;margin-top:0;padding:0}.assessment-section h3{color:var(--text-main);border-left:3px solid var(--primary-color);background:#f8fafc;border-radius:10px;margin:0 0 .85rem;padding:.65rem .85rem;font-size:.95rem;font-weight:700}.rating-table-wrap{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.rating-table{border-collapse:collapse;width:100%;min-width:520px}.rating-table th{border-bottom:1px solid var(--border-color);color:#64748b;text-transform:uppercase;letter-spacing:.03em;text-align:center;vertical-align:bottom;background:linear-gradient(#f8fafc,#f1f5f9);padding:.65rem .4rem;font-size:.7rem;font-weight:700;line-height:1.3}.rating-table th:first-child{text-align:left;min-width:160px;padding-left:1rem}.rating-table td{text-align:center;border-bottom:1px solid #f1f5f9;padding:.6rem .35rem;font-size:.875rem}.rating-table td:first-child{text-align:left;color:#334155;padding-left:1rem;font-weight:600}.rating-table tbody tr:last-child td{border-bottom:none}.rating-table tbody tr:hover{background:#fafafa}.rating-cell label{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin:0;transition:all .15s;display:inline-flex}.rating-cell label:has(input:checked){border-color:var(--primary-color);background:var(--primary-color);box-shadow:0 2px 8px #10b98166}.rating-cell input{opacity:0;width:0;height:0;position:absolute}.rating-cell label:has(input:checked):after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.pdf-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172abf;justify-content:center;align-items:center;animation:.2s both dashFadeIn;display:flex;position:fixed;inset:0}.pdf-overlay-card{text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;border-radius:24px;max-width:420px;padding:2.5rem 3rem}.pdf-overlay-icon{width:64px;height:64px;color:var(--primary-color);background:#ecfdf5;border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.75rem;animation:1.5s infinite dashPulse;display:flex}@media (width<=768px){.pro-form-hero,.form-row{flex-direction:column}.time-range-row{grid-template-columns:1fr}.time-range-sep{display:none}.form-actions-bar{flex-direction:column-reverse}.form-actions-bar .btn{width:100%}}.server-expired-page{background:linear-gradient(160deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.server-expired-orb{filter:blur(40px);opacity:.45;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite serverExpiredFloat;position:absolute}.server-expired-orb--one{background:#ef444473;width:280px;height:280px;top:-60px;right:-40px}.server-expired-orb--two{background:#b91c1c59;width:220px;height:220px;animation-duration:12s;animation-delay:-3s;bottom:-40px;left:-30px}.server-expired-orb--three{background:#fb718540;width:160px;height:160px;animation-duration:14s;animation-delay:-6s;top:40%;left:55%}.server-expired-card{z-index:1;text-align:center;background:#fffffff7;border:1px solid #fecacacc;border-radius:28px;width:100%;max-width:480px;padding:44px 34px 36px;animation:.7s cubic-bezier(.22,1,.36,1) both serverExpiredCardIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.server-expired-glow{pointer-events:none;background:radial-gradient(circle,#ef44442e,#0000 70%);height:55%;animation:3.5s ease-in-out infinite serverExpiredGlow;position:absolute;inset:-40% -20% auto}.server-expired-logo{object-fit:contain;height:64px;margin-bottom:22px;animation:.55s .1s both serverExpiredFadeUp}.server-expired-icon-wrap{place-items:center;width:92px;height:92px;margin:0 auto 22px;animation:.55s .2s both serverExpiredFadeUp;display:grid;position:relative}.server-expired-ring{border:2px solid #ef444459;border-radius:50%;position:absolute;inset:0}.server-expired-ring--outer{animation:2.4s ease-out infinite serverExpiredRing}.server-expired-ring--inner{border-color:#b91c1c73;animation:2.4s ease-out .45s infinite serverExpiredRing;inset:8px}.server-expired-icon{z-index:1;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:50%;place-items:center;width:72px;height:72px;font-size:34px;font-weight:800;animation:1.8s ease-in-out infinite serverExpiredPulse;display:grid;position:relative;box-shadow:0 12px 30px #ef444466}.server-expired-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:30px;font-weight:800;animation:.55s .32s both serverExpiredFadeUp,4.5s ease-in-out 1.4s infinite serverExpiredShake}.server-expired-text{color:#64748b;margin:0 0 18px;font-size:15px;line-height:1.55;animation:.55s .42s both serverExpiredFadeUp}.server-expired-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;font-size:13px;font-weight:700;animation:.55s .52s both serverExpiredFadeUp,2.2s ease-in-out 1.2s infinite serverExpiredBadgeGlow;display:inline-flex}.server-expired-badge-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite serverExpiredDot;box-shadow:0 0 #ef444480}.server-expired-help{color:#94a3b8;margin:0;font-size:12px;animation:.55s .62s both serverExpiredFadeUp}@keyframes serverExpiredFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18px,22px)scale(1.08)}}@keyframes serverExpiredCardIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes serverExpiredFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes serverExpiredPulse{0%,to{transform:scale(1);box-shadow:0 12px 30px #ef444459}50%{transform:scale(1.06);box-shadow:0 16px 36px #ef44448c}}@keyframes serverExpiredRing{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}@keyframes serverExpiredGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes serverExpiredShake{0%,88%,to{transform:translate(0)}90%{transform:translate(-3px)}92%{transform:translate(3px)}94%{transform:translate(-2px)}96%{transform:translate(2px)}}@keyframes serverExpiredBadgeGlow{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 6px #ef444414}}@keyframes serverExpiredDot{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@media (prefers-reduced-motion:reduce){.server-expired-page *,.server-expired-page :before,.server-expired-page :after{animation:none!important}}