:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e51a;--secondary:#06b6d4;--text-main:#0f172a;--text-muted:#64748b;--bg-main:#fff;--bg-card:#fff;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-lg:0 20px 30px -10px #4f46e526;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"Fira Code", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#f8fafc;line-height:1.6}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app-layout{flex-direction:column;min-height:100vh;display:flex}.status-submitted{color:#1d4ed8;background:#dbeafe}.status-in_progress{color:#0369a1;background:#e0f2fe}.status-closed{color:#475569;background:#e2e8f0}.dashboard-page{background:var(--bg-main);min-height:calc(100vh - 140px);padding:3rem 1.5rem}.dashboard-container{max-width:1100px;margin:0 auto}.dashboard-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-heading>div>span{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.dashboard-heading h1{color:var(--text-main);margin:.25rem 0;font-size:2.2rem}.dashboard-heading p{color:var(--text-muted)}.summary-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.summary-grid>div{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:1.15rem}.summary-grid span{color:var(--text-muted);font-size:.82rem;display:block}.summary-grid strong{color:var(--text-main);font-size:1.8rem}.search-filter{grid-template-columns:2fr 1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.search-filter input,.search-filter select{width:100%;min-width:0;font:inherit;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);background:#fff;padding:.7rem .8rem}.search-filter input:focus,.search-filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.grievance-card-list{gap:1rem;display:grid}.grievance-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:1.25rem;transition:all .2s;display:block}.grievance-card:hover{box-shadow:var(--shadow-md);border-color:#a5b4fc;transform:translateY(-2px)}.grievance-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.grievance-card h3{color:var(--text-main);margin-top:.2rem;font-size:1.1rem}.grievance-card-meta{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;display:grid}.grievance-card-meta dt{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.grievance-card-meta dd{color:var(--text-main);margin:.2rem 0 0;font-size:.85rem}.dashboard-state{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:240px;padding:2rem;display:flex}.dashboard-state h1,.dashboard-state h2{color:var(--text-main)}.dashboard-state p{color:var(--text-muted);max-width:460px}.error-state{border-color:#fecaca}.back-link{color:var(--primary);margin-bottom:1rem;font-weight:700;display:inline-block}.detail-page-container .grievance-detail{margin-top:0}.attachment-list li>span{gap:.15rem;display:grid}.detail-actions{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-tabs{border-bottom:1px solid var(--border-color);gap:.35rem;margin-bottom:1.2rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.dashboard-tabs button{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:0;padding:.55rem .85rem;font-weight:700}.dashboard-tabs button:hover,.dashboard-tabs button.active{color:var(--primary);background:var(--primary-light)}.admin-summary-grid{grid-template-columns:repeat(3,1fr)}.stat-spam{border-color:#fecaca!important}.stat-spam strong{color:#b91c1c}.stat-escalated{border-color:#fed7aa!important}.stat-escalated strong{color:#c2410c}.admin-quick-actions{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;margin-bottom:1.5rem;padding:1.25rem}.admin-quick-actions h2,.recent-grievances h2{color:var(--text-main);margin-bottom:.75rem;font-size:1.1rem}.admin-quick-actions>div{flex-wrap:wrap;gap:.75rem;display:flex}.admin-quick-actions button:disabled{opacity:.6;cursor:not-allowed}.section-title-row{margin-bottom:1rem}.section-title-row p{color:var(--text-muted);font-size:.88rem}.role-home{background:#fff}.role-home-hero{background:#fff;padding:3.5rem 1.5rem 3rem}.role-home-container{max-width:1000px;margin:auto}.role-greeting{color:var(--primary);margin-bottom:.55rem;font-weight:800}.role-home-copy h1{max-width:640px;color:var(--text-main);letter-spacing:-.035em;font-size:clamp(1.9rem,3.5vw,2.75rem);line-height:1.14}.role-home-copy>p:not(.role-greeting){max-width:620px;color:var(--text-muted);margin:1.15rem 0 1.75rem;font-size:1.05rem;line-height:1.65}.role-home-copy .hero-cta-group{justify-content:flex-start}.role-home-copy .hero-cta-group .btn{padding:.75rem 1.5rem;font-size:.98rem}.role-home-steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1000px;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:grid}.role-home-steps>div{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;background:#fff;padding:1.5rem}.role-home-steps span{color:var(--primary);letter-spacing:.1em;font-size:.8rem;font-weight:800}.role-home-steps h2{color:var(--text-main);margin:.55rem 0;font-size:1.1rem}.role-home-steps p{color:var(--text-muted);font-size:.9rem;line-height:1.6}@media (width<=768px){.role-home-hero{padding:3rem 1.25rem 2.5rem}.role-home-copy{text-align:center}.role-home-copy h1{margin:0 auto;font-size:2.2rem}.role-home-copy>p:not(.role-greeting){margin-left:auto;margin-right:auto}.role-home-copy .hero-cta-group{justify-content:center}.role-home-steps{grid-template-columns:1fr;gap:1rem;padding:1.25rem 1.25rem 3rem}.role-home-steps>div{text-align:center}}@media (width<=640px){.role-home-hero{padding:2.5rem 1.1rem 2rem}.role-home-copy h1{font-size:clamp(1.8rem,8vw,2.2rem)}.role-home-copy>p:not(.role-greeting){font-size:1rem}.role-home-steps{gap:.85rem;padding:1.1rem 1.1rem 2.5rem}.role-home-steps>div{padding:1.15rem}}@media (width<=768px){.dashboard-page{padding:2rem 1rem}.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-heading .btn{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.search-filter{grid-template-columns:1fr}.grievance-card-top{flex-direction:column}.grievance-card-meta{grid-template-columns:1fr;gap:.6rem}.attachment-list li{flex-direction:column;align-items:flex-start}}.app-main{flex:1}.grievance-detail-loading{background:#fff;place-items:center;min-height:calc(100vh - 80px);padding:2rem;display:grid}.grievance-detail-loading .dashboard-state{background:0 0;border:0;width:min(100%,480px);min-height:0;padding:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffeb;transition:all .3s;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.navbar-brand{color:var(--text-main);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.navbar-logo{object-fit:contain;width:auto;height:40px}.navbar-title{background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-weight:800}.navbar-menu{align-items:center;gap:2.5rem;display:flex}.navbar-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.95rem;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--primary);background-color:var(--primary-light)}.mobile-menu-btn{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger-line{background-color:var(--text-main);border-radius:2px;width:24px;height:2px}.btn{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.btn-outline{color:var(--text-main);border-color:var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.btn-block{width:100%}.btn-success{color:#fff;background-color:#10b981;box-shadow:0 4px 12px #10b98140}.btn-success:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.btn-danger{color:#fff;background-color:#ef4444;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.user-dropdown-container{position:relative}.user-profile-btn{border:1px solid var(--border-color);background:#fff;border-radius:9999px;align-items:center;gap:.6rem;padding:.4rem .8rem .4rem .4rem;transition:all .2s;display:flex}.user-profile-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.avatar-circle{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.user-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.9rem;font-weight:600;overflow:hidden}.dropdown-caret{color:var(--text-muted);font-size:.65rem;transition:transform .2s}.dropdown-caret.open{transform:rotate(180deg)}.dropdown-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-md);z-index:1100;background:#fff;padding:.5rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropdown-header{padding:.6rem .8rem}.dropdown-user-email{color:var(--text-main);word-break:break-all;font-size:.85rem;font-weight:600}.role-badge{text-transform:uppercase;letter-spacing:.05em;background-color:var(--primary-light);color:var(--primary);border-radius:9999px;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.4rem 0}.dropdown-item{width:100%;color:var(--text-main);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.9rem;font-weight:500;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item.logout-btn{color:#ef4444}.dropdown-item.logout-btn:hover{background-color:#fef2f2}.landing-page{width:100%}.hero-section{text-align:center;background:radial-gradient(circle at 50% 0,#4f46e514 0%,#f8fafc00 70%);padding:5rem 1.5rem 4rem}.hero-container{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.hero-badge{color:var(--primary);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #4f46e533;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b98166}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-logo-wrapper{margin-bottom:1.5rem}.hero-logo{object-fit:contain;filter:drop-shadow(0 10px 15px #4f46e533);width:auto;height:90px}.hero-title{letter-spacing:-.03em;color:#0f172a;margin-bottom:1.25rem;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-hero-primary,.btn-hero-secondary,.btn-hero-outline,.btn-hero-track{border-radius:var(--radius-md);background-color:#0000;border:2px solid;padding:.85rem 1.75rem;font-size:1.05rem;font-weight:700;transition:all .25s}.btn-hero-primary,.btn-hero-secondary,.btn-hero-outline,.btn-hero-track:hover{transform:translateY(-2px)}.btn-hero-primary{color:#4f46e5;border-color:#4f46e5}.btn-hero-primary:hover{background-color:#eef2ff;box-shadow:0 8px 20px -8px #4f46e54d}.btn-hero-secondary{color:#0d9488;border-color:#0d9488}.btn-hero-secondary:hover{background-color:#f0fdfa;box-shadow:0 8px 20px -8px #0d94884d}.btn-hero-outline{color:#475569;border-color:#64748b}.btn-hero-outline:hover{color:#1e293b;background-color:#f1f5f9;border-color:#334155;box-shadow:0 8px 20px -8px #4755694d}.hero-logo{height:120px}.stats-banner{border-y:1px solid var(--border-color);background-color:#fff;padding:3rem 1.5rem}.stats-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.stat-card{padding:1rem}.stat-value{color:var(--primary);letter-spacing:-.02em;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.95rem;font-weight:600}.features-section{max-width:1200px;margin:0 auto;padding:5rem 1.5rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.section-header p{color:var(--text-muted);font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.feature-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#4f46e54d;transform:translateY(-4px)}.feature-icon{background-color:var(--primary-light);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:.75rem;font-size:2.5rem;display:inline-block}.feature-card h3{color:var(--text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.auth-page-container{background:radial-gradient(circle at 50% 10%,#4f46e50d 0%,#f8fafc 100%);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2.5rem 1.5rem;display:flex}.auth-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-md);background:#fff;padding:2.5rem}.auth-card.register-card{max-width:620px}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-logo-link{margin-bottom:.75rem;display:inline-block}.auth-logo{object-fit:contain;width:auto;height:55px}.auth-header h2{color:var(--text-main);margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.label-with-link{justify-content:space-between;align-items:center;display:flex}.forgot-link,.auth-link{color:var(--primary);font-size:.825rem;font-weight:600;transition:color .2s}.forgot-link:hover,.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:#fff;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.auth-alert{border-radius:var(--radius-sm);text-align:left;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.auth-alert.danger{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.auth-alert.success{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.auth-alert.info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.alert-icon{font-size:1rem}.auth-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:1.75rem;padding-top:1.25rem;font-size:.9rem}.form-actions-split{justify-content:space-between;align-items:center;gap:1rem;display:flex}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.auth-alert code{overflow-wrap:anywhere;word-break:break-word}.reset-completed-view{flex-direction:column;gap:1.25rem;display:flex}.success-description{text-align:center;color:var(--text-muted);margin:0;font-size:.95rem}@media (width<=480px){.auth-page-container{padding:1.5rem 1rem}.auth-card{border-radius:var(--radius-md);padding:1.5rem 1.15rem}.auth-header{margin-bottom:1.25rem}.auth-header h2{font-size:1.35rem}.auth-logo{height:46px}.form-actions-split{flex-direction:column-reverse}.form-actions-split .btn{width:100%}}.placeholder-page{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem 1.5rem;display:flex}.placeholder-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:500px;box-shadow:var(--shadow-md);background:#fff;padding:3rem 2.5rem}.placeholder-badge{text-transform:uppercase;letter-spacing:.08em;background-color:var(--primary-light);color:var(--primary);border-radius:9999px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.placeholder-badge.danger{color:#dc2626;background-color:#fee2e2}.placeholder-card h2{color:var(--text-main);margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.placeholder-card p{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.grievance-page{background:radial-gradient(circle at 50% 0,#4f46e514,#0000 50%);min-height:calc(100vh - 140px);padding:3.5rem 1.5rem}.grievance-container{max-width:820px;margin:0 auto}.page-heading{text-align:center;margin-bottom:2rem}.page-heading>span,.detail-id{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.page-heading h1{color:var(--text-main);margin:.45rem 0 .6rem;font-size:2.25rem}.page-heading p{color:var(--text-muted);max-width:600px;margin:auto}.grievance-form,.tracking-form,.grievance-detail{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:2rem}.grievance-form{flex-direction:column;gap:1.3rem;display:flex}.required-star{color:#e53e3e;margin-left:1px;font-weight:700}.tracking-form{gap:1.15rem;max-width:540px;margin:auto;display:grid}.my-grievances{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;padding:1.4rem}.my-grievances-heading h2{color:var(--text-main);font-size:1.2rem}.my-grievances-heading p{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.my-grievance-list{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.my-grievance-list li{border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.my-grievance-list li>div:first-child{gap:.25rem;display:grid}.my-grievance-list strong{color:var(--text-main)}.my-grievance-list small{color:var(--text-muted)}.my-grievance-actions{align-items:center;gap:.75rem;display:flex}.my-grievance-actions .btn{padding:.45rem .75rem;font-size:.82rem}.tracking-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:2rem 0 1rem;font-size:.85rem;display:flex}.tracking-divider:before,.tracking-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.form-group textarea{resize:vertical;width:100%;font:inherit;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);padding:.7rem .85rem}.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group small{color:var(--text-muted);font-size:.78rem}.form-alert{border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.9rem;font-weight:500}.form-alert.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.anonymous-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;background:#f8fafc;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.anonymous-toggle input{width:18px;height:18px;accent-color:var(--primary);margin-top:.15rem}.anonymous-toggle span{gap:.2rem;display:grid}.anonymous-toggle small{color:var(--text-muted);line-height:1.45}.submit-grievance-btn{align-self:flex-end;min-width:180px}.drop-zone{border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-muted);background:#fafaff;border:2px dashed #c7d2fe;flex-direction:column;gap:.3rem;padding:1.5rem;transition:all .2s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--primary);background:var(--primary-light)}.drop-zone.is-disabled{opacity:.6;cursor:not-allowed}.drop-zone strong{color:var(--text-main);font-size:.92rem}.drop-zone span{font-size:.8rem}.drop-zone-icon{width:30px;height:30px;color:var(--primary);background:#e0e7ff;border-radius:50%;place-items:center;margin:auto;display:grid;font-size:1.2rem!important}.field-error{color:#b91c1c;margin-top:.4rem;font-size:.82rem}.file-list,.attachment-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.file-list li,.attachment-list li{border-radius:var(--radius-sm);background:#f8fafc;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.85rem;display:flex}.file-list small,.attachment-list small{color:var(--text-muted)}.file-list button{color:#b91c1c;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.file-list-item{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.file-name-preview-btn{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.file-name-preview-btn strong{color:var(--primary)}.file-preview-modal{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.file-preview-modal-content{background:0 0;flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:visible}.file-preview-modal-content img{object-fit:contain;border-radius:8px;width:100%;max-height:80vh}.file-preview-modal-content iframe{border:none;border-radius:8px;width:100%;height:80vh}.file-preview-close{color:#333;cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.4rem;transition:background .2s;display:grid;position:absolute;top:-10px;right:70px;box-shadow:0 2px 10px #0000004d}.file-preview-close:hover{background:#f0f0f0}.file-preview-filename{color:#fff;text-align:center;padding:.6rem .75rem;font-size:.85rem;font-weight:600}@media (width<=640px){.file-preview-modal{padding:.75rem}.file-preview-modal-content{max-width:95vw;max-height:85vh}.file-preview-modal-content img{max-height:70vh}.file-preview-modal-content iframe{height:70vh}.file-preview-close{width:32px;height:32px;font-size:1.2rem;top:-8px;right:0}.file-preview-filename{padding:.5rem;font-size:.78rem}}.modal-backdrop{z-index:2000;background:#0f172a8c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.confirmation-modal{text-align:center;border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);background:#fff;padding:2rem}.success-mark{color:#fff;background:#10b981;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.4rem;font-weight:800;display:grid}.error-mark{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.4rem;font-weight:800;display:grid}.confirmation-modal h2{color:var(--text-main);margin-bottom:.45rem}.confirmation-modal>p{color:var(--text-muted)}.confirmation-id,.secret-code{border-radius:var(--radius-sm);background:#f8fafc;gap:.35rem;margin-top:1.25rem;padding:1rem;display:grid}.confirmation-id span,.secret-code span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.confirmation-id strong{color:var(--primary);font-size:1.35rem}.secret-code{background:#fffbeb;border:1px solid #fde68a}.secret-code strong{letter-spacing:.12em;color:#92400e;font-size:1.45rem}.secret-code small{color:#92400e}.grievance-detail{gap:1.75rem;margin-top:2rem;display:grid}.detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:1rem;padding-bottom:1.25rem;display:flex}.detail-header h2{color:var(--text-main);margin:.25rem 0}.detail-header p,.detail-header time{color:var(--text-muted);font-size:.85rem}.status-badge{text-transform:capitalize;white-space:nowrap;color:#4338ca;background:#e0e7ff;border-radius:999px;align-self:flex-start;padding:.35rem .75rem;font-size:.78rem;font-weight:800}.status-resolved,.status-closed{color:#166534;background:#dcfce7}.status-rejected,.status-spam{color:#b91c1c;background:#fee2e2}.detail-meta{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.detail-meta div{border-radius:var(--radius-sm);background:#f8fafc;padding:.75rem}.detail-meta dt{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.detail-meta dd{color:var(--text-main);margin:.25rem 0 0;font-weight:600}.grievance-detail h3{color:var(--text-main);margin-bottom:.65rem;font-size:1rem}.detail-description{white-space:pre-wrap;color:var(--text-main);line-height:1.7}.attachment-list a{color:var(--primary);font-weight:700}.response-card{border-left:3px solid var(--primary);background:#f8fafc;padding:.85rem 1rem}.response-card header{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.response-card time,.empty-note{color:var(--text-muted);font-size:.85rem}.response-card p{white-space:pre-wrap;margin-top:.5rem}.history-list li{grid-template-columns:16px 1fr;gap:.75rem;display:grid}.history-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--primary-light);border-radius:50%;margin-top:.3rem}.history-list time{color:var(--text-muted);margin-top:.2rem;font-size:.8rem;display:block}.history-list p{color:var(--text-muted);margin-top:.3rem;font-size:.9rem}.loading-spinner-container{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.submit-loading-overlay{z-index:8000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);background:#f8fafc8c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);background-color:#fff;padding:1.5rem;font-size:.85rem}@media (width<=768px){.mobile-menu-btn{display:flex}.navbar-menu{border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;gap:1.5rem;padding:1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.navbar-menu.active{display:flex}.navbar-links{flex-direction:column;width:100%}.nav-link{text-align:center;width:100%}.navbar-auth{width:100%}.auth-buttons{flex-direction:column;gap:.75rem;width:100%;display:flex}.auth-buttons .btn{width:100%}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.form-row{grid-template-columns:1fr}.grievance-page{padding:2rem 1rem}.grievance-form,.tracking-form,.grievance-detail{padding:1.25rem}.page-heading h1{font-size:1.8rem}.submit-grievance-btn{width:100%}.detail-header{flex-direction:column}.detail-meta{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.my-grievance-list li,.my-grievance-actions{flex-direction:column;align-items:flex-start}.my-grievance-actions,.my-grievance-actions .btn{width:100%}}.track-page-redesign{background:radial-gradient(circle at 50% 2%,#6366f11a,#0000 35%),#fafbff;min-height:calc(100vh - 140px);padding:2rem max(1.5rem,50% - 660px)}.track-hero{text-align:center;justify-content:center;align-items:center;gap:8.5rem;min-height:150px;margin-bottom:1.4rem;display:flex}.track-hero h1{color:#111a34;font-size:clamp(2rem,3vw,2.55rem);line-height:1.2}.track-hero p{color:#4c5b72;margin-top:.9rem;font-size:1rem}.track-hero small{color:#4c5b72;font-size:.9rem}.track-hero-art{color:#4f46d9;width:135px;height:110px;position:relative}.track-hero-art .paper{text-align:left;background:#fff;border:5px solid;border-radius:7px;gap:7px;width:70px;height:88px;padding:20px 12px 9px;font-weight:900;display:grid;position:absolute;top:8px;right:3px;box-shadow:inset 0 0 0 3px #e1e4ff}.track-hero-art .paper i{background:#adb6ff;border-radius:3px;height:3px;display:block}.track-hero-art .clip{z-index:1;color:#fff;background:#4f46d9;border-radius:5px;padding:0 7px;font-size:24px;position:absolute;top:0;right:25px}.track-hero-art .lens{border:6px solid;border-radius:50%;width:55px;height:55px;position:absolute;bottom:5px;left:7px}.track-hero-art .lens:after{content:"";background:currentColor;border-radius:3px;width:30px;height:6px;position:absolute;bottom:-12px;right:-22px;transform:rotate(-50deg)}.track-workspace{background:#fff;border:1px solid #e8eaf4;border-radius:9px;overflow:hidden;box-shadow:0 3px 14px #24316314}.track-tabs{border-bottom:1px solid #e9ebf3;grid-template-columns:1.75fr 1fr;height:45px;display:grid}.track-tabs span{color:#536077;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.track-tabs .active{color:#4f46e5;border-bottom:3px solid #5146f4}.track-panels{grid-template-columns:1.75fr 1fr;display:grid}.student-grievances,.anonymous-track-panel{min-width:0;padding:1.85rem}.anonymous-track-panel{border-left:1px solid #e9ebf3}.panel-heading{justify-content:space-between;gap:1rem;margin-bottom:1.55rem;display:flex}.panel-heading h2{color:#162038;font-size:1.12rem}.panel-heading h2 span{color:#4f46e5;margin-right:.45rem}.panel-heading p{color:#617087;margin-top:.22rem;font-size:.84rem}.panel-heading select{color:#3b475c;font:inherit;background:#fff;border:1px solid #dfe3ec;border-radius:5px;align-self:start;padding:.5rem .72rem;font-size:.82rem}.student-grievance-list{gap:.9rem;list-style:none;display:grid}.student-grievance-list li{border:1px solid #e8eaf1;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto auto 12px;align-items:center;gap:.9rem;padding:1.05rem .9rem;display:grid}.grievance-type-icon{color:#4f46e5;background:#eeefff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:1.3rem;display:grid}.grievance-summary{gap:.1rem;min-width:0;display:grid}.grievance-summary>span{color:#4f46e5;font-size:.78rem;font-weight:800}.grievance-summary strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.grievance-summary small{color:#66748a;font-size:.74rem}.grievance-summary b{color:#64748b;margin-left:.65rem;margin-right:.22rem}.student-grievance-list .status-badge{padding:.33rem .56rem;font-size:.68rem}.track-details-button{color:#1d2940;font:inherit;background:#fff;border:1px solid #dfe3ec;border-radius:5px;padding:.5rem .78rem;font-size:.8rem}.track-details-button:hover{color:#4f46e5;border-color:#9ba2ff}.row-arrow{color:#708097;font-size:1.6rem;font-style:normal}.show-more{color:#4f46e5;font:inherit;background:0 0;border:0;margin:.9rem auto 0;font-size:.8rem;display:block}.track-empty{padding:1rem 0}.anonymous-track-panel{align-content:start;gap:.9rem;display:grid}.anonymous-track-panel .panel-heading{margin-bottom:.45rem}.track-field{gap:.35rem;display:grid}.track-field label{color:#263248;font-size:.72rem;font-weight:700}.track-field>div{position:relative}.track-field input{color:#263248;width:100%;font:inherit;border:1px solid #dfe3ec;border-radius:5px;padding:.63rem 2rem .63rem .7rem;font-size:.74rem}.track-field input:focus{border-color:#645cf0;outline:0;box-shadow:0 0 0 3px #4f46e51a}.track-field>div span{color:#7c8aa0;font-size:.9rem;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.track-submit{color:#fff;width:100%;font:inherit;background:linear-gradient(90deg,#4940dd,#5846ed);border:0;border-radius:5px;padding:.65rem;font-size:.75rem;font-weight:700;box-shadow:0 3px 8px #4f46e53d}.track-submit:disabled{opacity:.65}.privacy-message{color:#536079;background:#f2f3ff;border:1px solid #e5e6ff;border-radius:5px;gap:.45rem;padding:.65rem .75rem;font-size:.65rem;line-height:1.45;display:flex}.privacy-message span{color:#4f46e5;font-size:.85rem}.track-benefits{background:#fff;border:1px solid #e8eaf4;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:.75rem;padding:.85rem;display:grid;box-shadow:0 3px 14px #2431630d}.track-benefits>div{border:1px solid #edf0f5;border-radius:6px;align-items:center;gap:.7rem;min-width:0;padding:.55rem .65rem;display:flex}.benefit-icon{border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.purple{color:#7044e7;background:#f0eaff}.green{color:#22a23e;background:#e9fae9}.orange{color:#ec7923;background:#fff1e5}.blue{color:#3e62ef;background:#e9efff}.track-benefits p{color:#637088;font-size:.62rem;line-height:1.4;display:grid}.track-benefits strong{color:#263248;font-size:.7rem}.secret-reminder{color:#5d62ce;text-align:center;background:#f1f1ff;border:1px solid #e3e3ff;border-radius:5px;margin-top:.75rem;padding:.7rem;font-size:.69rem}.track-page-redesign .grievance-detail{max-width:900px;margin:1.5rem auto 0}@media (width<=800px){.track-page-redesign{padding:1.25rem 1rem}.track-hero{min-height:auto;margin-bottom:1.5rem}.track-hero-art{display:none}.track-tabs,.track-panels{grid-template-columns:1fr}.track-tabs span:last-child{display:none}.anonymous-track-panel{border-top:1px solid #e9ebf3;border-left:0}.student-grievance-list li{grid-template-columns:40px minmax(0,1fr) auto}.student-grievance-list .status-badge,.track-details-button{grid-column:2;justify-self:start}.row-arrow{grid-area:1/3}.track-benefits{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.student-grievances,.anonymous-track-panel{padding:1.1rem}.panel-heading{flex-direction:column}.track-benefits{grid-template-columns:1fr}.grievance-summary small b{margin-left:.25rem}.student-grievance-list li{gap:.5rem}}@media (width>=801px){.track-page-redesign{padding:2.5rem max(2rem,50% - 720px)}.track-hero{gap:10rem;min-height:180px;margin-bottom:1.8rem}.track-hero h1{font-size:2.9rem}.track-hero p{font-size:1.12rem}.track-hero small{font-size:1rem}.track-hero-art{transform:scale(1.18)}.track-tabs{height:58px}.track-tabs span{font-size:.98rem}.student-grievances,.anonymous-track-panel{padding:2.25rem}.panel-heading{margin-bottom:1.85rem}.panel-heading h2{font-size:1.35rem}.panel-heading p{font-size:.98rem}.panel-heading select{padding:.62rem .85rem;font-size:.92rem}.student-grievance-list{gap:1rem}.student-grievance-list li{grid-template-columns:60px minmax(0,1fr) auto auto 16px;gap:1rem;padding:1.25rem 1.1rem}.grievance-type-icon{width:50px;height:50px;font-size:1.5rem}.grievance-summary>span{font-size:.88rem}.grievance-summary strong{font-size:1.08rem}.grievance-summary small{font-size:.84rem}.student-grievance-list .status-badge{padding:.4rem .66rem;font-size:.76rem}.track-details-button{padding:.62rem .95rem;font-size:.9rem}.row-arrow{font-size:1.9rem}.show-more{margin-top:1.15rem;font-size:.9rem}.anonymous-track-panel{gap:1.15rem}.track-field{gap:.45rem}.track-field label{font-size:.88rem}.track-field input{padding:.82rem 2.3rem .82rem .85rem;font-size:.9rem}.track-field>div span{font-size:1.1rem;right:.85rem}.track-submit{padding:.88rem;font-size:.92rem}.privacy-message{padding:.85rem .95rem;font-size:.78rem}.track-benefits{gap:1rem;margin-top:1rem;padding:1rem}.track-benefits>div{gap:.9rem;padding:.8rem .9rem}.benefit-icon{flex-basis:40px;width:40px;height:40px;font-size:1.1rem}.track-benefits p{font-size:.76rem}.track-benefits strong{font-size:.86rem}.secret-reminder{margin-top:1rem;padding:.9rem;font-size:.84rem}}.status-submitted,.status-closed{color:#475569;background:#e2e8f0}.status-under_review{color:#1d4ed8;background:#dbeafe}.status-responded{color:#92400e;background:#fef3c7}.status-resolved{color:#166534;background:#dcfce7}.status-reopened{color:#c2410c;background:#ffedd5}.status-escalated{color:#b91c1c;background:#fee2e2}.status-spam{color:#6b21a8;background:#f3e8ff}.status-appeal_pending{color:#be185d;background:#fce7f3}.status-pending{color:#92400e;background:#fef3c7}.status-forwarded{color:#166534;background:#dcfce7}.search-filter{grid-template-columns:2fr repeat(2,1fr)}.filter-date{color:var(--text-muted);gap:.2rem;font-size:.74rem;font-weight:700;display:grid}.filter-date input{width:100%;min-width:0;font:inherit;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);background:#fff;padding:.7rem .8rem}.filter-date input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.workflow-toast{border-radius:var(--radius-sm);border:1px solid;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;font-weight:600;display:flex}.workflow-toast.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.workflow-toast.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.workflow-toast button{color:inherit;background:0 0;border:0;padding:0;font-size:1.35rem;line-height:1}.modal-backdrop{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.workflow-modal{border-radius:var(--radius-lg);background:#fff;gap:1rem;width:min(100%,580px);padding:2rem;animation:.18s slideUp;display:grid;position:relative;box-shadow:0 20px 60px -10px #0f172a4d}.workflow-loading-overlay{z-index:2;border-radius:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);background:#f8fafc8c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.workflow-modal h2{color:var(--text-main);margin:0;font-size:1.2rem}.workflow-modal>p{color:var(--text-muted);margin:0;font-size:.9rem}.workflow-modal label{color:var(--text-main);margin-bottom:.35rem;font-size:.86rem;font-weight:700;display:block}.workflow-modal textarea{box-sizing:border-box;resize:vertical;width:100%;color:var(--text-main);font:inherit;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem;font-size:.92rem;transition:all .15s}.workflow-modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.modal-actions{justify-content:flex-end;gap:.65rem;margin-top:.25rem;display:flex}.status-transition-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);background:#f8fafc;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.84rem;display:flex}.status-transition-preview .arrow{color:var(--primary);font-weight:700}.grievance-detail,.grievance-detail *{font-family:var(--sans)!important}.grievance-detail{color:var(--text-main);gap:1.5rem;display:grid}.detail-header{border-bottom:1px solid var(--border-color);gap:.85rem;padding-bottom:1.25rem;display:grid}.detail-header-top{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.detail-id{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.detail-header h1{color:var(--text-main);letter-spacing:-.015em;margin:0;font-size:1.6rem;font-weight:700;line-height:1.3}.detail-subtext{color:#64748b;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-top:.2rem;font-size:.86rem;line-height:1.5;display:flex}.detail-subtext span,.detail-subtext time{align-items:center;gap:.25rem;display:inline-flex}.detail-subtext strong{color:#334155;font-weight:600}.detail-subtext .dot{color:#cbd5e1;font-size:.75rem}.section-title{color:#0f172a;align-items:center;gap:.65rem;margin:0 0 .85rem;font-size:1.3rem;font-weight:700;display:flex}.section-title-accent{background:var(--primary);border-radius:999px;width:5px;height:1.2em;display:inline-block}.ai-analysis-section .ai-analysis-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.ai-analysis-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.ai-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.ai-badge-spam{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ai-badge-ham{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.ai-confidence{color:#475569;font-size:.82rem}.ai-reason{color:#374151;margin:.5rem 0;font-size:.82rem;line-height:1.5}.ai-disclaimer{color:#92400e;text-transform:uppercase;letter-spacing:.03em;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.72rem;font-weight:600}.audit-timeline{--tl-dot-col:24px;--tl-dot-pad:1.45rem;--tl-dot:10px;--tl-line-w:2px;--tl-gap:1.1rem;gap:var(--tl-gap);padding-left:.25rem;display:grid;position:relative}.timeline-item{grid-template-columns:var(--tl-dot-col) minmax(0, 1fr);align-items:stretch;gap:.9rem;display:grid;position:relative}.timeline-marker-col{z-index:1;padding-top:var(--tl-dot-pad);justify-content:center;align-items:flex-start;display:flex;position:relative}.timeline-marker-col:after{content:"";top:calc(var(--tl-dot-pad) + var(--tl-dot) / 2);height:calc(100% + var(--tl-gap));width:var(--tl-line-w);z-index:0;background:#e6eaf1;position:absolute;left:50%;transform:translate(-50%)}.timeline-item:last-child .timeline-marker-col:after{display:none}.timeline-marker-dot{z-index:2;width:var(--tl-dot);height:var(--tl-dot);background:var(--primary);border-radius:50%;position:relative;box-shadow:0 0 0 3px #fff,0 1px 3px #0f172a2e}.timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:.65rem;padding:1rem 1.15rem;transition:all .2s;display:grid;box-shadow:0 1px 4px #0f172a08}.timeline-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.timeline-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.timeline-transition{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.from-status-tag{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700}.timeline-transition .status-badge{padding:.2rem .55rem;font-size:.8rem}.timeline-transition .transition-arrow{width:13px;height:13px}.transition-arrow{color:#94a3b8;flex-shrink:0}.timeline-timestamp{color:#64748b;font-size:.8rem;font-weight:500}.timeline-actor-row{align-items:center;gap:.5rem;display:flex}.actor-badge{color:#475569;align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.actor-badge strong{color:#0f172a}.timeline-remarks-box{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:.65rem .85rem;font-size:.88rem}.timeline-remarks-box p{margin:0;line-height:1.5}.detail-meta{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;padding:1.15rem 1.25rem;display:grid}.detail-meta>div{gap:.2rem;display:grid}.detail-meta dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.detail-meta dd{color:var(--text-main);margin:0;font-size:.92rem;font-weight:600;line-height:1.4}.grievance-detail section{gap:.85rem;display:grid}.grievance-detail h2{color:var(--text-main);text-transform:none;letter-spacing:normal;margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.detail-description{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:.95rem;font-weight:400;line-height:1.65}.ai-analysis{border-radius:var(--radius-md);background:#eff6ff;border:1px solid #bfdbfe;gap:.75rem;padding:1.15rem 1.25rem;display:grid}.ai-analysis.is-spam{background:#fef2f2;border-color:#fecaca}.ai-analysis h2{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.ai-analysis dl{gap:2rem;margin:0;display:flex}.ai-analysis dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.ai-analysis dd{color:var(--text-main);margin:.15rem 0 0;font-size:.92rem;font-weight:700}.ai-analysis p{color:var(--text-main);margin:0;font-size:.92rem;line-height:1.55}.response-list{gap:.85rem;display:grid}.response-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;overflow:hidden}.response-card header{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.response-card header strong{color:var(--text-main);font-size:.92rem;font-weight:600}.response-card header time{color:var(--text-muted);font-size:.82rem;font-weight:500}.response-card p{color:var(--text-main);margin:0;padding:1rem;font-size:.92rem;font-weight:400;line-height:1.65}.history-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.history-list li{align-items:flex-start;gap:.75rem;padding-bottom:1.25rem;display:flex;position:relative}.history-list li:not(:last-child) .history-dot:after{content:"";background:var(--border-color);width:2px;position:absolute;top:18px;bottom:0;left:8px}.history-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 2px var(--primary);border:2px solid #fff;border-radius:50%;flex-shrink:0;align-self:start;margin-top:0;position:relative}.history-transition{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .25rem;font-size:.84rem;font-weight:500;display:flex}.history-transition span[aria-hidden]{color:var(--primary);font-weight:700}.history-list>li>div strong{color:var(--text-main);font-size:.9rem;font-weight:600;display:block}.history-list>li>div time{color:var(--text-muted);margin-top:.15rem;font-size:.8rem;font-weight:500;display:block}.history-list>li>div p{color:var(--text-muted);margin:.35rem 0 0;font-size:.88rem;font-style:normal;line-height:1.5}.attachment-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.attachment-list li{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fafafa;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.attachment-list li strong{color:var(--text-main);font-size:.9rem;font-weight:600;display:block}.attachment-list li small{color:var(--text-muted);font-size:.8rem;font-weight:500}.reopen-reason-box{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.reopen-reason-box strong{color:#92400e;margin-bottom:.3rem;font-size:.78rem;font-weight:600;display:block}.reopen-reason-box p{color:#78350f;margin:0;font-size:.85rem;line-height:1.5}.reopen-docs-subtitle{font-size:inherit;color:#334155;margin:0 0 .5rem;font-weight:700}.reopen-docs-in-card{margin-top:.2rem}.empty-note{color:var(--text-muted);margin:0;font-size:.9rem;font-style:normal}.hod-action-panel{border-radius:var(--radius-md);background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:2px solid #c7d2fe;gap:.85rem;padding:1.25rem 1.5rem;display:grid}.hod-action-panel-header{align-items:center;gap:.75rem;display:flex}.hod-action-panel-header svg{color:#4f46e5;flex-shrink:0}.hod-action-panel-header h3{color:#3730a3;margin:0;font-size:1rem}.hod-action-panel-header p{color:#6366f1;margin:.15rem 0 0;font-size:.82rem}.hod-action-panel .detail-actions{margin-top:.25rem}.status-comment-form{gap:.75rem;display:grid}.status-comment-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;background:#fff;padding:.75rem .9rem;font-family:inherit;font-size:.88rem}.status-comment-form textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b2e}.status-comment-list{gap:.75rem;display:grid}.status-comment-card{border-radius:var(--radius-md);background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;padding:1rem 1.25rem}.status-comment-card p{color:#78350f;white-space:pre-wrap;margin:0 0 .5rem;font-size:.9rem}.status-comment-card .request-audit-meta{margin-top:0}.status-comment-header{margin-bottom:.5rem}.status-comment-tag{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.detail-actions{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;display:flex}.detail-actions button:disabled{cursor:not-allowed;opacity:.55}.hod-stats-row{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.5rem;display:grid}.hod-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;gap:.25rem;padding:1rem 1.25rem;display:grid}.hod-stat-card span{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.75rem;font-weight:700}.hod-stat-card strong{color:var(--text-main);font-size:2rem;font-weight:800;line-height:1}.hod-stat-card.pending strong{color:#1d4ed8}.hod-stat-card.reopened strong{color:#c2410c}.hod-stat-card.escalated strong{color:#b91c1c}.hod-stat-card.resolved strong{color:#166534}.hod-status-tabs{border-bottom:2px solid var(--border-color);gap:.3rem;margin-bottom:1.25rem;display:flex}.hod-tab-btn{font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1rem;font-size:.88rem;font-weight:700;transition:all .15s}.hod-tab-btn:hover{color:var(--primary)}.hod-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.hod-tab-badge{background:var(--primary-light);min-width:18px;height:18px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;margin-left:.4rem;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-flex}.hod-tab-btn.active .hod-tab-badge{background:var(--primary);color:#fff}.hod-tab-badge.spam-badge{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.hod-tab-btn.active .hod-tab-badge.spam-badge{color:#fff;background:#92400e;border-color:#92400e}.spam-review-table-wrap{overflow-x:auto}.spam-review-table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;width:100%;min-width:680px;font-size:.9rem;overflow:hidden}.spam-review-table th,.spam-review-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.8rem .9rem}.spam-review-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:.72rem;font-weight:700}.spam-review-table tr:last-child td{border-bottom:0}.spam-review-table .spam-table-title{color:var(--primary-dark);margin:.2rem 0 0;font-size:.9rem;font-weight:600}.spam-review-table .spam-table-reason{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.ai-spam-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;border-left:3px solid #f59e0b;gap:.7rem;padding:.85rem 1rem;display:grid}.ai-spam-card.spam{border-left-color:#dc2626}.ai-spam-card.accepted{border-left-color:#10b981}.ai-spam-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ai-spam-label{color:var(--primary-dark);font-size:.92rem;font-weight:700}.ai-spam-card.spam .ai-spam-label{color:#b91c1c}.ai-spam-card.accepted .ai-spam-label{color:#047857}.ai-spam-confidence{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700}.ai-spam-reviewer{color:#64748b;font-size:.8rem}.ai-spam-actions{flex-wrap:wrap;gap:.5rem;display:flex}.spam-stats-chip{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;align-self:center;padding:.35rem .8rem;font-size:.84rem;font-weight:700}.hod-grievance-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;gap:.85rem;padding:1.15rem 1.25rem;transition:all .2s;display:grid}.hod-grievance-card:hover{box-shadow:var(--shadow-md);border-color:#a5b4fc}.hod-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hod-card-top>div{gap:.2rem;display:grid}.hod-card-id{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:.72rem;font-weight:800}.hod-card-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.hod-card-meta{flex-wrap:wrap;gap:1rem;display:flex}.hod-card-meta span{color:var(--text-muted);font-size:.8rem}.hod-card-meta strong{color:var(--text-main)}.hod-card-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.75rem;display:flex}.hod-card-actions .btn-sm{padding:.4rem .85rem;font-size:.82rem}.hod-card-actions a{text-decoration:none}.urgency-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.urgency-badge.high{color:#b91c1c;background:#fee2e2}@media (width<=768px){.detail-header{flex-direction:column}.detail-meta{grid-template-columns:1fr}.hod-stats-row{grid-template-columns:repeat(2,1fr)}.hod-status-tabs{overflow-x:auto}.modal-actions{flex-direction:column}}.status-select-dropdown{box-sizing:border-box;width:100%;font:inherit;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.75rem .85rem;font-size:.92rem;font-weight:600;transition:all .15s}.status-select-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.stat-pending-req{transition:transform .2s,box-shadow .2s;border-color:#a5b4fc!important}.stat-pending-req:hover,.stat-pending-req.active-card{box-shadow:var(--shadow-md);background:#f5f3ff;transform:translateY(-2px);border-color:var(--primary)!important}.stat-pending-req strong{color:#4f46e5}.stat-pending-req small{color:var(--text-muted);margin-top:.3rem;font-size:.7rem;font-weight:600;display:block}.active-card{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-light)!important}.req-status-pending{color:#92400e;background:#fef3c7;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.req-status-forwarded{color:#166534;background:#dcfce7;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.req-status-rejected{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.req-status-resolved{color:#065f46;background:#d1fae5;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.req-status-closed{color:#334155;background:#e2e8f0;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.request-modal,.admin-request-modal{gap:1.1rem;width:95%;max-width:650px;display:grid}.req-type-pill{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#4f46e5;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.grievance-context-snippet{border-radius:var(--radius-sm);border-left:3px solid var(--primary);background:#f1f5f9;padding:.85rem 1rem}.grievance-context-snippet strong{color:var(--text-main);font-size:.95rem;display:block}.grievance-context-snippet p{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.request-section-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#f8fafc;gap:.6rem;padding:1rem;display:grid}.request-section-card.highlight{background:#f0f9ff;border-color:#bae6fd}.section-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-card-header h3{color:var(--text-main);margin:0;font-size:.95rem}.request-meta-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.3rem 0;display:grid}.request-meta-grid dt{uppercase:true;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.request-meta-grid dd{color:var(--text-main);margin:.1rem 0 0;font-size:.85rem}.request-reason-box{color:var(--text-main);background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;font-size:.9rem}.request-reason-box p{white-space:pre-wrap;margin:.25rem 0 0;line-height:1.5}.request-attachment-snippet{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.85rem;font-weight:600;display:flex}.request-action-panel{border-radius:var(--radius-md);background:#fff;border:2px solid #a5b4fc;gap:.85rem;padding:1.15rem;display:grid}.request-action-panel h3{color:#312e81;margin:0;font-size:1rem}.action-toggle-row{gap:.75rem;display:flex}.request-audit-list{gap:.75rem;display:grid}.request-audit-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#f8fafc;gap:.4rem;padding:.85rem 1rem;display:grid}.request-audit-header{justify-content:space-between;align-items:center;display:flex}.request-audit-reason{color:var(--text-main);margin:0;font-size:.88rem}.request-audit-meta{color:var(--text-muted);gap:1.25rem;font-size:.78rem;display:flex}.request-admin-remark{color:#1e1b4b;background:#eef2ff;border-left:3px solid #6366f1;border-radius:4px;margin:.2rem 0 0;padding:.5rem .75rem;font-size:.84rem}.landing-page{background:#fff;overflow:hidden}.hero-section{isolation:isolate;text-align:left;background:#fff;padding:clamp(4.25rem,8vw,7.5rem) 1.5rem 5.5rem;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;background:0 0;position:absolute;inset:0}.hero-orb{display:none}.hero-container{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(3rem,7vw,7rem);max-width:1200px;margin:0 auto;display:grid}.hero-content{z-index:1;position:relative}.hero-badge{color:#3730a3;background:#ffffffbf;border-color:#4f46e533;width:fit-content;margin:0 0 1.65rem;padding:.48rem .9rem;box-shadow:0 6px 22px #4338ca14}.hero-heading-row{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.hero-logo-wrapper{background:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin:0;display:grid;box-shadow:0 12px 25px #3341551f}.hero-logo{filter:none;width:47px;height:47px}.hero-kicker,.section-eyebrow{color:#0f766e;letter-spacing:.15em;font-size:.73rem;font-weight:800}.hero-title{color:#111a33;letter-spacing:-.06em;max-width:680px;margin-bottom:1.35rem;font-size:clamp(3rem,5.2vw,5rem);line-height:1.03}.gradient-text{background:linear-gradient(105deg,#4f46e5 8%,#0891b2 95%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:#526078;max-width:610px;margin:0 0 2.2rem;font-size:1.1rem;line-height:1.75}.hero-cta-group{justify-content:flex-start;gap:.75rem}.btn-hero-primary,.btn-hero-secondary,.btn-hero-outline,.btn-hero-track{border-width:1px;border-radius:12px;min-height:50px;padding:.78rem 1.15rem;font-size:.95rem}.btn-hero-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;box-shadow:0 14px 24px #6366f140}.btn-hero-primary:hover{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 18px 28px #6366f152}.btn-hero-primary svg{fill:none;stroke:currentColor;stroke-width:2.3px;width:18px;height:18px}.btn-hero-secondary{color:#0f766e;background:#ffffffc2;border-color:#99f6e4}.btn-hero-secondary:hover{background:#f0fdfa;border-color:#14b8a6}.btn-hero-outline{color:#475569;background:0 0;border-color:#cbd5e1}.btn-hero-track{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;box-shadow:0 14px 24px #14b8a640}.btn-hero-track:hover{color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e);border-color:#0d9488;box-shadow:0 18px 28px #14b8a652}.hero-trust{color:#526078;flex-wrap:wrap;gap:1.1rem;margin-top:1.45rem;font-size:.8rem;font-weight:700;display:flex}.hero-trust span{align-items:center;gap:.35rem;display:inline-flex}.hero-trust svg{fill:none;stroke:#0f766e;stroke-width:2.5px;width:15px;height:15px}.hero-visual{place-items:center;min-height:420px;display:grid;position:relative}.visual-glow{background:radial-gradient(circle,#3b82f633 0%,#60a5fa1f 55%,#0000 78%);border:2px solid #60a5fa;border-radius:50%;width:330px;height:330px;position:absolute;box-shadow:0 0 0 34px #3b82f638,0 0 0 68px #60a5fa2e,0 0 70px #3b82f647}.portal-card{z-index:1;color:#334155;background:linear-gradient(165deg,#fff,#eef2ff 140%);border:1px solid #dfe3ff;border-radius:24px;width:min(100%,360px);padding:1.5rem;position:relative;transform:rotate(-4deg);box-shadow:0 30px 48px #4f46e51a}.portal-card-top,.portal-card-bottom{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.portal-emblem{background:#f1f5f9;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.portal-emblem svg{fill:none;stroke:#4f46e5;stroke-width:1.75px;width:24px}.portal-status{color:#64748b;align-items:center;gap:.38rem;font-size:.73rem;font-weight:700;display:inline-flex}.portal-status i{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #10b98121}.portal-card>p{color:#64748b;margin:2.1rem 0 .3rem;font-size:.76rem}.portal-card>p b{color:#4f46e5;font-weight:800}.portal-card h3{color:#1e293b;letter-spacing:-.01em;margin-bottom:1.7rem;font-size:1.15rem}.portal-progress{grid-template-columns:1.1fr 1.1fr .7fr;gap:.4rem;margin-bottom:1.7rem;display:grid}.portal-progress span{background:#e2e8f0;border-radius:99px;height:5px}.portal-progress span:first-child,.portal-progress span:nth-child(2){background:#4f46e5}.portal-card-bottom{border-top:1px solid #f1f5f9;padding-top:.85rem;font-size:.72rem}.portal-card-bottom span{color:#475569;align-items:center;gap:.35rem;display:inline-flex}.portal-card-bottom svg{fill:none;stroke:#4f46e5;stroke-width:2px;width:15px}.portal-card-bottom strong{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:99px;padding:.26rem .6rem}.floating-note{z-index:2;background:#ffffffe8;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:.7rem;padding:.75rem .85rem;display:flex;position:absolute;box-shadow:0 15px 30px #3341551f}.floating-note b,.floating-note small{line-height:1.35;display:block}.floating-note b{color:#1e293b;font-size:.76rem}.floating-note small{color:#64748b;font-size:.65rem}.note-one{top:12%;left:-3%}.note-two{bottom:10%;right:-6%}.mini-icon,.note-check{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.mini-icon{color:#4338ca;background:#eef2ff}.note-check{color:#047857;background:#d1fae5}.mini-icon svg,.note-check svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px}.stats-banner{z-index:2;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:-1px auto 0;padding:1.1rem 1.5rem;position:relative}.stats-container{text-align:left;gap:0;max-width:1120px}.stat-card{padding:1rem 2rem;position:relative}.stat-card:not(:last-child):after{content:"";background:#e2e8f0;width:1px;height:56%;position:absolute;top:22%;right:0}.stat-value{color:#312e81;font-size:1.65rem;line-height:1.1}.stat-label{margin-top:.3rem;font-size:.78rem;font-weight:700}.features-section{max-width:1200px;padding:clamp(4.5rem,8vw,7rem) 1.5rem}.section-header{max-width:630px;margin:0 auto 3.3rem}.section-header h2{color:#16213d;letter-spacing:-.045em;margin:.65rem 0 .9rem;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1}.section-header p{color:#64748b;font-size:1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-height:255px;padding:1.7rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a09}.feature-card:after{content:"";border:20px solid #f1f5f9;border-radius:50%;width:120px;height:120px;transition:transform .3s;position:absolute;bottom:-40px;right:-35px}.feature-card:hover{border-color:#c7d2fe;transform:translateY(-6px);box-shadow:0 18px 35px #4338ca1f}.feature-card:hover:after{transform:scale(1.2)}.feature-card-featured{background:#fff;border-color:#e2e8f0}.feature-icon{color:#4f46e5;background:#f1f5f9;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:1.7rem;display:grid}.feature-card-featured .feature-icon{color:#0f766e;background:#f1f5f9}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:25px}.feature-index{color:#94a3b8;letter-spacing:.1em;font-size:.73rem;font-weight:800;position:absolute;top:1.9rem;right:1.7rem}.feature-card h3{z-index:1;color:#1e293b;margin-bottom:.6rem;font-size:1.14rem;position:relative}.feature-card p{z-index:1;max-width:235px;font-size:.91rem;line-height:1.7;position:relative}@media (width<=900px){.hero-container{grid-template-columns:1fr}.hero-content{text-align:center;max-width:720px;margin:0 auto}.hero-badge{margin-left:auto;margin-right:auto}.hero-heading-row{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-trust{justify-content:center}.hero-visual{width:min(100%,550px);min-height:350px;margin:1rem auto -1rem}.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:1.35rem}.note-one{left:0}.note-two{right:0}}@media (width<=640px){.hero-section{padding:3.8rem 1.1rem 4rem}.hero-title{font-size:clamp(2.65rem,12vw,3.6rem)}.hero-heading-row{gap:.7rem}.hero-logo-wrapper{border-radius:15px;width:53px;height:53px}.hero-logo{width:39px;height:39px}.hero-kicker{font-size:.62rem}.hero-description{font-size:1rem}.hero-cta-group{grid-template-columns:1fr;width:100%;display:grid}.hero-cta-group .btn{width:100%}.hero-visual{min-height:300px;margin:-1rem auto -2rem;transform:scale(.9)}.floating-note{display:none}.stats-banner{padding:.7rem .85rem}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.8rem 1rem}.stat-card:nth-child(2):after{display:none}.stat-card:nth-child(-n+2){border-bottom:1px solid #e2e8f0}.stat-value{font-size:1.3rem}.features-section{padding:4rem 1.1rem}.features-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.section-header{margin-bottom:2.25rem}}.dashboard-page:has(.detail-page-container){background:linear-gradient(145deg,#f5f7ff 0%,#f8fafc 46%,#f0fdfa 100%);padding-top:2.35rem;position:relative}.detail-page-container{max-width:980px!important}.detail-page-container .back-link{color:#4f46e5;letter-spacing:.01em;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;margin:0 0 1.1rem;padding:.5rem .95rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.detail-page-container .back-link:hover{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 3px 8px #4f46e51f}.detail-page-container .workflow-toast{border-radius:12px;box-shadow:0 8px 22px #0f172a0f}.detail-page-container .pending-review-banner{color:#713f12;background:linear-gradient(100deg,#fffbeb,#fffdf5);border:1px solid #f5d58a;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex;box-shadow:0 10px 24px #b4530914}.pending-review-icon{color:#b45309;background:#fef3c7;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.pending-review-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.pending-review-copy{min-width:0}.pending-review-copy strong{color:#78350f;letter-spacing:.01em;font-size:.86rem;display:block}.pending-review-copy p{color:#a16207;margin:.12rem 0 0;font-size:.8rem;line-height:1.45}.pending-review-copy em{color:#92400e;font-style:normal;font-weight:800}.pending-review-copy time{color:#854d0e;white-space:nowrap;font-weight:700}.pending-review-state{color:#92400e;letter-spacing:.05em;text-transform:uppercase;background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;flex:none;margin-left:auto;padding:.27rem .58rem;font-size:.68rem;font-weight:800}.detail-page-container .grievance-detail{background:#fff;border:1px solid #e2e8f0f2;border-radius:24px;gap:1.15rem;padding:clamp(1.15rem,3.5vw,2.25rem);box-shadow:0 24px 50px -30px #1e293b47}.detail-page-container .detail-header{border-bottom-color:#e8edf6;align-items:flex-start;padding:0 0 1.6rem;position:relative}.detail-page-container .detail-header:before{content:"";pointer-events:none;background:0 0;border-radius:24px 0 110px;width:180px;height:125px;position:absolute;top:-2.25rem;left:-2.25rem}.detail-page-container .detail-header>div{z-index:1;gap:.48rem;position:relative}.detail-page-container .detail-id{color:#4f46e5;letter-spacing:.09em;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;width:fit-content;padding:.28rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.detail-page-container .detail-header h1{color:#17203c;letter-spacing:-.035em;max-width:690px;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.17}.detail-page-container .detail-header p{color:#64748b;font-size:.88rem}.detail-page-container .detail-header>.status-badge{margin-top:.15rem;padding:.5rem .82rem;box-shadow:0 5px 13px #0f172a12}.detail-page-container .detail-meta{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:0}.detail-page-container .detail-meta>div{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e6ebf3;border-radius:12px;min-height:78px;padding:.8rem .85rem;transition:all .2s}.detail-page-container .detail-meta>div:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 18px #4f46e514}.detail-page-container .detail-meta dt{color:#8491a7;letter-spacing:.085em;font-size:.65rem}.detail-page-container .detail-meta dd{overflow-wrap:anywhere;color:#24304a;font-size:.82rem;line-height:1.35}.detail-page-container .grievance-detail>section{background:#fff;border:1px solid #e8edf4;border-radius:16px;gap:.85rem;padding:1.35rem;position:relative}.detail-page-container .grievance-detail>section>h2{color:#0f172a;letter-spacing:normal;margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.detail-page-container .grievance-detail>section>h2:before{display:none}.detail-page-container .detail-description{color:#45536b;max-width:820px;font-size:.95rem;line-height:1.85}.detail-page-container .empty-note{color:#718096;background:#f8fafc;border-radius:9px;padding:.65rem .8rem}.detail-page-container .attachment-list{gap:.6rem}.detail-page-container .attachment-list li{background:#fbfcfe;border-color:#e5eaf1;border-radius:12px;padding:.85rem 1rem;transition:all .2s}.detail-page-container .attachment-list li:hover{background:#f8faff;border-color:#c7d2fe}.detail-page-container .attachment-list li strong{color:#2b3850}.detail-page-container .attachment-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.detail-page-container .attachment-actions .btn{white-space:nowrap}.detail-page-container .attachment-preview{color:#475569;background:#fff;border-color:#e2e8f0}.detail-page-container .attachment-preview:hover{color:#4f46e5;background:#f8faff;border-color:#c7d2fe}.detail-page-container .attachment-list li{flex-direction:column;align-items:stretch;gap:.75rem}.detail-page-container .attachment-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-page-container .attachment-row>span{gap:.15rem;min-width:0;display:grid}.attachment-inline-preview{background:#f8fafc;border:1px solid #e5eaf1;border-radius:10px;place-items:center;min-height:0;margin-top:.6rem;padding:.6rem;display:grid}.attachment-inline-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:420px;box-shadow:0 6px 20px #0f172a1f}.attachment-inline-preview iframe{background:#fff;border:0;border-radius:8px;width:100%;height:70vh;min-height:480px;max-height:800px}.detail-page-container .response-list{gap:.7rem}.detail-page-container .response-card{background:#fbfcff;border:1px solid #e6ebf3;border-left:4px solid #6366f1;border-radius:12px;overflow:hidden}.detail-page-container .response-card header{background:linear-gradient(90deg,#f5f7ff,#fbfcff);padding:.75rem .95rem}.detail-page-container .response-card p{color:#45536b;padding:.95rem;line-height:1.7}.detail-page-container .history-list{padding:.1rem .1rem 0}.detail-page-container .history-list li{align-items:flex-start;gap:.85rem;padding-bottom:1.5rem;display:flex}.detail-page-container .history-dot{background:#6366f1;flex-shrink:0;align-self:auto;width:12px;height:12px;margin-top:0;box-shadow:0 0 0 4px #e0e7ff}.detail-page-container .history-list li:not(:last-child) .history-dot:after{background:linear-gradient(#c7d2fe,#e2e8f0);top:18px;left:9px}.detail-page-container .history-transition{gap:.5rem}.detail-page-container .history-list>li>div strong{color:#334155}.detail-page-container .history-list>li>div p{color:#64748b;background:#f8fafc;border-radius:8px;padding:.55rem .7rem;font-style:normal}.detail-page-container .request-audit-card{background:#fbfcff;border-color:#e2e8f0;border-radius:12px;padding:1rem}.detail-page-container .request-audit-header strong{color:#334155}.detail-page-container .request-audit-reason{color:#526078;line-height:1.65}.detail-page-container .request-audit-meta{flex-wrap:wrap;gap:.45rem 1rem}.detail-page-container .request-admin-remark{border-radius:8px}.detail-page-container .ai-analysis{border-radius:16px;padding:1.25rem}.detail-page-container .ai-analysis h2{color:#1e3a5f}.detail-page-container .hod-action-panel{box-shadow:none;border-radius:16px}.detail-page-container .detail-actions{background:0 0;border:0;padding:.85rem 0 0}.detail-page-container .detail-meta dt{font-size:.72rem}.detail-page-container .detail-meta dd{font-size:.9rem}.detail-page-container .detail-description{font-size:1.05rem}.detail-page-container .empty-note,.detail-page-container .attachment-list li strong{font-size:1rem}.detail-page-container .attachment-list li small{font-size:.9rem}.detail-page-container .response-card header strong{font-size:1rem}.detail-page-container .response-card header time{font-size:.9rem}.detail-page-container .response-card p{font-size:1.02rem}.detail-page-container .timeline-timestamp{font-size:.76rem}.detail-page-container .actor-badge{font-size:.8rem}.detail-page-container .timeline-remarks-box{font-size:.84rem}.detail-page-container .request-audit-reason{font-size:.95rem}.detail-page-container .request-audit-meta{font-size:.86rem}.detail-page-container .request-admin-remark{font-size:.92rem}.detail-page-container .hod-action-panel-header h3{font-size:1.15rem}.detail-page-container .hod-action-panel-header p{font-size:.92rem}@media (width<=800px){.detail-page-container .detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-page-container .detail-header:before{top:-1.2rem;left:-1.2rem}.detail-page-container .grievance-detail{border-radius:18px}}@media (width<=540px){.dashboard-page:has(.detail-page-container){padding:1.4rem .85rem 2.5rem}.detail-page-container .grievance-detail{padding:1rem}.detail-page-container .detail-header{gap:.8rem;padding-bottom:1.15rem}.detail-page-container .detail-header>.status-badge{align-self:flex-start}.detail-page-container .detail-meta{grid-template-columns:1fr 1fr;gap:.5rem}.detail-page-container .detail-meta>div{min-height:70px;padding:.65rem}.detail-page-container .grievance-detail>section{border-radius:13px;padding:1rem}.detail-page-container .attachment-list li{align-items:flex-start}.detail-page-container .response-card header{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-page-container .history-transition{flex-direction:column;align-items:flex-start}.detail-page-container .history-transition span[aria-hidden]{display:none}.detail-page-container .pending-review-banner{align-items:flex-start;gap:.65rem}.pending-review-icon{width:34px;height:34px}.pending-review-state{display:none}.pending-review-copy p{font-size:.76rem}.pending-review-copy time{white-space:normal}}@media (width<=640px){.detail-page-container .detail-header h1{font-size:1.45rem}.detail-page-container .detail-subtext{grid-template-columns:1fr;gap:.45rem;font-size:.82rem;display:grid}.detail-page-container .detail-subtext .dot{display:none}.detail-page-container .detail-subtext span,.detail-page-container .detail-subtext time{flex-wrap:wrap;align-items:flex-start}.detail-page-container .detail-meta{grid-template-columns:1fr 1fr;gap:.5rem}.detail-page-container .grievance-detail>section{border-radius:14px;padding:1.1rem}.detail-page-container .timeline-item{--tl-dot-col:16px;grid-template-columns:16px 1fr;gap:.6rem}.detail-page-container .timeline-card{padding:.9rem .95rem}.detail-page-container .timeline-card-header{flex-direction:column;align-items:flex-start;gap:.45rem}.detail-page-container .timeline-transition{gap:.45rem}.detail-page-container .hod-action-panel{padding:1rem}.detail-page-container .hod-action-panel-header{align-items:flex-start}.detail-page-container .detail-actions .btn{flex:100%}.detail-page-container .attachment-list li{flex-direction:column;align-items:stretch;gap:.6rem}.detail-page-container .attachment-row{flex-direction:column;align-items:flex-start;gap:.6rem}.detail-page-container .attachment-actions{flex-wrap:wrap;width:100%}.detail-page-container .attachment-actions .btn{flex:100%}.detail-page-container .request-audit-card{padding:.9rem}.detail-page-container .request-audit-header,.detail-page-container .status-transition-preview{flex-wrap:wrap;gap:.4rem}.modal-backdrop{align-items:flex-end;padding:.85rem;overflow-y:auto}.workflow-modal{width:100%;max-height:calc(100vh - 1.7rem);padding:1.4rem;overflow-y:auto}}@media (width<=400px){.detail-page-container .detail-meta{grid-template-columns:1fr}.detail-page-container .audit-timeline,.detail-page-container .timeline-marker-col{--tl-dot-pad:1.35rem}.detail-page-container .timeline-marker-col{padding-top:1.35rem}.detail-page-container .pending-review-banner{flex-wrap:wrap}}.student-dashboard-page{min-height:calc(100vh - 140px);font-family:var(--sans);background:radial-gradient(circle at 95% 0,#6366f114,#0000 40%),radial-gradient(circle at 10% 20%,#06b6d40f,#0000 35%),#f8fafc;padding:2.5rem 1.5rem;position:relative}.student-dashboard-page .dashboard-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.student-dashboard-page .dashboard-heading{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #0f172a0d}.student-dashboard-page .heading-content{flex-direction:column;gap:.35rem;display:flex}.student-dashboard-page .eyebrow-badge{background-color:var(--primary-light);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-self:flex-start;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.student-dashboard-page .dashboard-title{color:var(--text-main);letter-spacing:-.025em;margin:0;font-size:1.85rem;font-weight:800;line-height:1.25}.student-dashboard-page .dashboard-description{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.student-dashboard-page .submit-btn{color:#fff;background-color:var(--primary);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.student-dashboard-page .submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.summary-metrics-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.metric-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.total-icon{color:#4338ca;background-color:#e0e7ff}.pending-icon{color:#b45309;background-color:#fef3c7}.responded-icon{color:#0369a1;background-color:#e0f2fe}.resolved-icon{color:#15803d;background-color:#dcfce7}.metric-value{color:var(--text-main);font-size:1.85rem;font-weight:800;line-height:1}.search-filter-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.search-input-group{align-items:center;width:100%;display:flex;position:relative}.search-input-group .search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.search-input-group .search-input{width:100%;height:44px;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;padding:0 2.75rem;font-family:inherit;font-size:.925rem;transition:all .2s}.search-input-group .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background-color:#fff;outline:none}.search-input-group .clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.9rem;display:flex;position:absolute;right:.85rem}.search-input-group .clear-search-btn:hover{color:var(--text-main);background-color:var(--border-color)}.filter-controls-grid{grid-template-columns:repeat(5,1fr);align-items:flex-end;gap:.85rem;display:grid}@media (width>=1025px){.search-filter-wrapper.compact .filter-controls-grid{grid-template-columns:repeat(4,1fr)}}.filter-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.filter-field .field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.75rem;font-weight:700}.filter-field .filter-input,.filter-field .filter-select{width:100%;height:40px;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;min-width:0;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.filter-field .filter-input:focus,.filter-field .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.student-dashboard-page .grievance-card-list{flex-direction:column;gap:1rem;display:flex}.grievance-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;background:#fff;flex-direction:column;gap:1rem;padding:1.4rem 1.6rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.grievance-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 24px -4px #4f46e51f}.grievance-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.grievance-card-title-group{flex-direction:column;gap:.3rem;display:flex}.grievance-id-badge{color:var(--primary);letter-spacing:.04em;font-size:.75rem;font-weight:700;font-family:var(--mono)}.grievance-card-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.grievance-card-meta{border-top:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1rem;display:grid}.grievance-card-meta .meta-item{flex-direction:column;gap:.2rem;min-width:0;display:flex}.grievance-card-meta .meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.grievance-card-meta .meta-value{color:var(--text-main);word-wrap:break-word;overflow-wrap:break-word;font-size:.875rem;font-weight:600}.grievance-card-footer{justify-content:flex-end;align-items:center;padding-top:.25rem;display:flex}.view-details-link{color:var(--primary);align-items:center;gap:.35rem;font-size:.825rem;font-weight:700;transition:transform .2s;display:inline-flex}.grievance-card:hover .view-details-link{transform:translate(4px)}.view-details-link .arrow-icon{transition:transform .2s}.student-dashboard-page .dashboard-state{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 2rem;display:flex}.student-dashboard-page .dashboard-state .empty-icon{color:var(--text-muted);opacity:.6;margin-bottom:.25rem}.student-dashboard-page .dashboard-state h2{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:700}.student-dashboard-page .dashboard-state p{color:var(--text-muted);max-width:440px;margin:0;font-size:.95rem}.track-page-redesign{background:var(--bg-main);min-height:0;padding-top:clamp(1.6rem,4vw,2.75rem);padding-bottom:3rem;position:relative;overflow:hidden}.track-page-redesign:before{content:none}.track-page-redesign .track-hero{text-align:center;max-width:640px;min-height:0;margin:0 auto 1.5rem;display:block;position:relative}.track-eyebrow,.form-eyebrow{color:#0f766e;letter-spacing:.14em;font-size:.68rem;font-weight:800}.track-page-redesign .track-hero h1{color:#15213b;letter-spacing:-.045em;margin-top:.6rem;font-size:clamp(2rem,4.5vw,3rem);line-height:1.08}.track-page-redesign .track-hero h1 em{color:#4f46e5;font-style:normal}.track-page-redesign .track-hero p{color:#64748b;max-width:520px;margin:.6rem auto 0;font-size:.95rem;line-height:1.65}.track-page-redesign .track-hero .track-dashboard-link{color:#4f46e5;justify-content:center;align-items:center;gap:.55rem;margin-top:1.25rem;font-size:.85rem;font-weight:800;display:inline-flex}.track-page-redesign .track-hero-art{filter:drop-shadow(0 18px 18px #4f46e521);margin-right:4rem;transform:scale(1.2)rotate(4deg)}.track-lookup-workspace{z-index:1;background:#ffffffed;border:1px solid #dbe4f3;border-radius:22px;max-width:560px;margin:0 auto 1.25rem;padding:clamp(1.35rem,3vw,1.85rem);position:relative;overflow:hidden;box-shadow:0 22px 45px #1e293b17}.track-lookup-copy{color:#e0e7ff;background:linear-gradient(145deg,#172554,#312e81 60%,#0e7490);padding:clamp(1.7rem,4vw,2.7rem)}.track-copy-icon{color:#a5f3fc;background:#ffffff1f;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:1.2rem;font-size:1.5rem;display:grid}.track-lookup-copy h2{color:#fff;letter-spacing:-.025em;font-size:1.5rem}.track-lookup-copy p{color:#c7d2fe;max-width:340px;margin-top:.7rem;font-size:.92rem;line-height:1.7}.track-lookup-copy ul{color:#e0e7ff;gap:.7rem;margin:1.6rem 0;padding:0;font-size:.82rem;list-style:none;display:grid}.track-lookup-copy li:before{content:"✓";color:#164e63;background:#99f6e4;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:.55rem;font-size:.66rem;font-weight:900;display:inline-grid}.track-dashboard-link{color:#fff;align-items:center;gap:.55rem;font-size:.82rem;font-weight:800;display:inline-flex}.track-dashboard-link span{transition:transform .2s}.track-dashboard-link:hover span{transform:translate(4px)}.track-lookup-workspace .anonymous-track-panel{background:0 0;border:0;align-content:center;gap:1.05rem;padding:0;display:grid}.track-lookup-workspace .panel-heading{margin:0 0 .35rem}.track-lookup-workspace .panel-heading h2{color:#1e293b;margin-top:.35rem;font-size:1.28rem}.track-lookup-workspace .panel-heading p{color:#718096;margin-top:.35rem;font-size:.8rem}.track-fields-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.track-lookup-workspace .track-field{gap:.42rem;display:grid}.track-lookup-workspace .track-field label{color:#475569;font-size:.74rem}.track-lookup-workspace .track-field input{border:1px solid #dce4ef;border-radius:10px;width:100%;padding:.85rem .9rem;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.track-lookup-workspace .track-submit{letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:10px;margin-top:.15rem;padding:.9rem;font-size:.9rem;box-shadow:0 10px 19px #4f46e533}.track-lookup-workspace .privacy-message{text-align:center;border-radius:9px;justify-content:center;margin:0;padding:.6rem .8rem;font-size:.72rem}.track-page-redesign .track-benefits{z-index:1;background:#fffc;border-radius:15px;max-width:1030px;margin:1rem auto 0;padding:.75rem;position:relative}.track-page-redesign .track-benefits>div{border-radius:10px;padding:.65rem .75rem}.track-page-redesign .secret-reminder{z-index:1;border-radius:10px;max-width:1030px;margin-left:auto;margin-right:auto;position:relative}.track-result{z-index:1;background:#fff;border:1px solid #dbe4f3;border-radius:20px;margin-left:auto;margin-right:auto;padding:1.4rem;position:relative;box-shadow:0 18px 36px #1e293b14;max-width:720px!important}.track-result-head{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;padding:0 2.4rem 1rem 0;display:flex}.track-result-head h1{color:#1e293b;letter-spacing:-.02em;min-width:0;margin:0;font-size:1.35rem;line-height:1.3}.track-result-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.35rem;line-height:1;transition:color .18s,background .18s,border-color .18s,transform .18s;display:grid;position:absolute;top:.85rem;right:.85rem}.track-result-close:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca;transform:rotate(90deg)}.track-result .detail-section{background:#fff;border:1px solid #e8edf4;border-radius:16px;min-width:0;margin-top:0;padding:1.35rem}.track-result .detail-section>.section-title{color:#0f172a;letter-spacing:normal;margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.track-result .timeline-timestamp{font-size:.76rem}.track-result .actor-badge{font-size:.8rem}.track-result .timeline-remarks-box{font-size:.84rem}@media (width<=1024px){.summary-metrics-grid{grid-template-columns:repeat(2,1fr)}.filter-controls-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.student-dashboard-page{padding:1.5rem 1rem}.student-dashboard-page .dashboard-heading{flex-direction:column;align-items:flex-start}.student-dashboard-page .submit-btn{justify-content:center;width:100%}.filter-controls-grid,.grievance-card-meta{grid-template-columns:repeat(2,1fr)}.grievance-card-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.summary-metrics-grid,.filter-controls-grid,.grievance-card-meta{grid-template-columns:1fr}.track-page-redesign .track-hero{text-align:center;min-height:auto;padding:0 .25rem}.track-page-redesign .track-hero-art{display:none}.track-lookup-workspace{border-radius:16px;margin:0}.track-lookup-copy,.track-lookup-workspace .anonymous-track-panel{padding:1.55rem}.track-page-redesign .track-benefits{grid-template-columns:1fr 1fr;margin-left:0;margin-right:0}.track-page-redesign .secret-reminder,.track-result{margin-left:0;margin-right:0}.track-result{border-radius:16px;padding:1rem}.track-result .detail-meta{grid-template-columns:repeat(2,1fr)}}.track-result .detail-header,.track-result .response-list,.track-result .audit-timeline,.track-result .attachment-list{min-width:0}@media (width<=768px){.track-result .detail-section{padding:1rem}.track-result .detail-header h1{font-size:1.45rem}.response-card header{flex-wrap:wrap}}@media (width<=480px){.track-result{border-radius:16px;padding:1.05rem}.track-result-head{gap:.5rem;padding-bottom:.85rem}.track-result-head h1{font-size:1.2rem;line-height:1.3}.track-result .detail-section{gap:.7rem;padding:.95rem}.track-result .section-title{font-size:1.1rem}.response-card header{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.65rem .8rem}.response-card p{padding:.8rem;font-size:.88rem}.timeline-card{padding:.8rem .9rem}.timeline-card-header{align-items:flex-start}.timeline-timestamp{width:100%}.timeline-actor-row{flex-wrap:wrap}.detail-description,.response-card p{overflow-wrap:anywhere}.track-result-close{width:32px;height:32px;top:.65rem;right:.65rem}}.department-dashboard-page{background:radial-gradient(circle at 95% 0,#2dd4bf26,#0000 22%),radial-gradient(circle at 8% 6%,#6366f11f,#0000 26%),#f8fafc;position:relative}.department-dashboard-page .dashboard-container{max-width:1180px}.department-dashboard-page .dashboard-heading{background:linear-gradient(115deg,#fff,#eef2ff 75%,#ecfeff);border:1px solid #c7d2febf;border-radius:20px;margin-bottom:1.2rem;padding:1.65rem 1.85rem;box-shadow:0 15px 32px #1e293b12}.department-dashboard-page .dashboard-heading>div>span{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:.28rem .62rem;font-size:.67rem;display:inline-flex}.department-dashboard-page .dashboard-heading h1{color:#17203c;letter-spacing:-.045em;margin:.45rem 0 .3rem;font-size:clamp(2rem,4vw,2.7rem)}.department-dashboard-page .dashboard-heading p{color:#64748b;max-width:620px}.department-overview-grid{grid-template-columns:1.05fr .95fr;gap:1rem;margin-bottom:1rem;display:grid}.dept-health-card,.dept-chart-card{background:#ffffffed;border:1px solid #e1e8f2;border-radius:18px;min-width:0;box-shadow:0 9px 22px #0f172a0b}.dept-health-card{color:#eef2ff;background:linear-gradient(135deg,#172554,#3730a3 61%,#0e7490);border:0;padding:1.55rem;position:relative;overflow:hidden}.dept-health-card:after{content:"";border:28px solid #ffffff17;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-70px;right:-56px}.dept-card-eyebrow{color:#64748b;letter-spacing:.12em;font-size:.64rem;font-weight:800;display:block}.dept-health-card .dept-card-eyebrow{color:#a5b4fc}.dept-health-card h2,.dept-chart-card h2{color:#fff;letter-spacing:-.025em;margin:.45rem 0 .5rem;font-size:1.35rem}.dept-chart-card h2{color:#263552}.dept-health-card p{color:#c7d2fe;max-width:400px;font-size:.86rem;line-height:1.6}.dept-chart-card{padding:1.35rem 1.45rem}.dept-chart-card p{color:#718096;font-size:.76rem}.dept-health-progress{z-index:1;background:#ffffff29;border-radius:99px;max-width:455px;height:8px;margin-top:1.5rem;position:relative;overflow:hidden}.dept-health-progress span{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#a5f3fc);min-width:0;height:100%;transition:width .3s;display:block}.dept-health-meta{z-index:1;color:#c7d2fe;gap:1.35rem;margin-top:.6rem;font-size:.72rem;display:flex;position:relative}.dept-health-meta strong{color:#fff;margin-right:.2rem;font-size:.9rem}.dept-chart-wrap{grid-template-columns:125px 1fr;align-items:center;gap:1.1rem;margin-top:.5rem;display:grid}.dept-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:118px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fffc}.dept-donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:19px;box-shadow:0 2px 8px #0f172a0d}.dept-donut>div{z-index:1;text-align:center;display:grid;position:relative}.dept-donut strong{color:#263552;font-size:1.4rem;line-height:1}.dept-donut span{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-top:.15rem;font-size:.64rem;font-weight:800}.dept-chart-legend{gap:.2rem;display:grid}.dept-chart-legend button{color:#64748b;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:9px 1fr auto;align-items:center;gap:.45rem;padding:.26rem .32rem;font-size:.69rem;display:grid}.dept-chart-legend button:hover{color:#4338ca;background:#f5f7ff}.dept-chart-legend i{border-radius:50%;width:8px;height:8px}.dept-chart-legend strong{color:#334155;font-size:.7rem}.department-dashboard-page .hod-stats-row{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.15rem}.department-dashboard-page .hod-stat-card{background:#ffffffeb;border-color:#e1e8f2;border-radius:14px;min-height:100px;padding:1rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 5px 14px #0f172a08}.department-dashboard-page .hod-stat-card:before{content:"";background:#818cf8;width:100%;height:3px;position:absolute;top:0;left:0}.department-dashboard-page .hod-stat-card:nth-child(2):before{background:#38bdf8}.department-dashboard-page .hod-stat-card:nth-child(3):before{background:#f97316}.department-dashboard-page .hod-stat-card:nth-child(4):before{background:#10b981}.department-dashboard-page .hod-stat-card:nth-child(5):before{background:#f43f5e}.department-dashboard-page .hod-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0f172a14}.department-dashboard-page .hod-stat-card span{color:#718096;letter-spacing:.065em;font-size:.64rem}.department-dashboard-page .hod-stat-card strong{color:#263552;margin-top:.35rem;font-size:1.85rem}.department-dashboard-page .hod-stat-card.pending strong{color:#d97706}.department-dashboard-page .hod-stat-card.escalated strong{color:#ea580c}.department-dashboard-page .hod-stat-card.resolved strong{color:#059669}.department-dashboard-page .hod-status-tabs{background:#ffffffe0;border:1px solid #e2e8f0;border-radius:12px;gap:.2rem;margin-bottom:.8rem;padding:.35rem;overflow-x:auto}.department-dashboard-page .hod-tab-btn{border:0;border-radius:8px;margin:0;padding:.55rem .75rem;font-size:.78rem}.department-dashboard-page .hod-tab-btn.active{color:#4338ca;background:#eef2ff;border:0}.department-dashboard-page .hod-tab-badge{background:0 0}.department-dashboard-page .hod-tab-btn.active .hod-tab-badge{background:#4f46e5}.department-dashboard-page .search-filter{background:#ffffffe0;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1.8fr repeat(2,minmax(110px,.85fr)) minmax(115px,.8fr) minmax(115px,.8fr) minmax(125px,.85fr);padding:.75rem}.department-dashboard-page .search-filter input,.department-dashboard-page .search-filter select,.department-dashboard-page .filter-date input{border-radius:8px;height:39px;padding:.5rem .65rem;font-size:.78rem}.department-dashboard-page .filter-date{gap:.1rem;font-size:.62rem}.department-dashboard-page .hod-grievance-card{background:#fffffff2;border-color:#e2e8f0;border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 5px 16px #0f172a09}.department-dashboard-page .hod-grievance-card:hover{border-color:#a5b4fc;box-shadow:0 13px 24px #4338ca1a}.department-dashboard-page .hod-card-id{background:#eef2ff;border-radius:999px;padding:.22rem .5rem;font-size:.64rem;display:inline-flex}.department-dashboard-page .hod-card-title{color:#263552;margin-top:.42rem}.department-dashboard-page .hod-card-meta{border-top:1px solid #eef1f5;gap:.55rem 1.2rem;padding-top:.75rem}.department-dashboard-page .hod-card-meta span{font-size:.76rem}.department-dashboard-page .hod-card-actions{border-top:0;padding-top:.7rem}.department-dashboard-page .hod-card-actions .btn{border-radius:8px}@media (width<=900px){.department-overview-grid{grid-template-columns:1fr}.department-dashboard-page .hod-stats-row,.department-dashboard-page .search-filter{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.department-dashboard-page .dashboard-heading{padding:1.25rem}.department-dashboard-page .hod-stats-row{grid-template-columns:repeat(2,1fr)}.department-dashboard-page .hod-stat-card:last-child{grid-column:span 2}.department-dashboard-page .search-filter{grid-template-columns:1fr 1fr}.department-dashboard-page .search-filter>input{grid-column:1/-1}.dept-health-card,.dept-chart-card{padding:1.2rem}.dept-chart-wrap{grid-template-columns:112px 1fr;gap:.5rem}.dept-donut{width:105px}.department-dashboard-page .hod-card-top{flex-direction:column}.department-dashboard-page .hod-card-meta{grid-template-columns:1fr 1fr;display:grid}}.modal-backdrop:has(.request-modal){z-index:9100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;padding:1rem}.request-modal{background:#fff;border:none;border-radius:16px;flex-direction:column;gap:1rem;width:min(100%,520px);max-width:520px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a40}.request-modal:before{display:none}.request-modal>*{z-index:1;position:relative}.request-modal .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.85rem;display:flex}.request-modal .modal-tag{color:#4f46e5;letter-spacing:.06em;text-transform:uppercase;background:#eef2ff;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.request-modal .modal-header h2{color:#0f172a;letter-spacing:-.01em;margin-top:.4rem;font-size:1.15rem;font-weight:700;line-height:1.3}.request-modal .close-btn{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;transition:all .15s;display:grid}.request-modal .close-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.request-modal .grievance-context-snippet{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #6366f1;border-radius:10px;padding:.75rem .85rem}.request-modal .grievance-context-snippet strong{color:#1e293b;font-size:.82rem;font-weight:600}.request-modal .grievance-context-snippet p{color:#64748b;margin-top:.3rem;font-size:.76rem;line-height:1.5}.request-modal .form-group{gap:.4rem;display:grid}.request-modal .form-group>label{color:#334155;font-size:.75rem;font-weight:700}.request-modal .required-star{color:#e11d48}.request-modal textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:100px;padding:.7rem .8rem;font-size:.85rem;line-height:1.55;transition:border-color .15s}.request-modal textarea::placeholder{color:#94a3b8}.request-modal textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.request-file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.request-file-picker label{color:#64748b;cursor:pointer;background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.76rem;transition:all .15s;display:grid}.request-file-picker label:hover{color:#4f46e5;background:#f5f3ff;border-style:solid;border-color:#a5b4fc}.request-file-icon{color:#4f46e5;background:#e0e7ff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.request-file-picker label>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;color:#475569;overflow:hidden}.request-file-picker b{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:6px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.request-modal .form-help{color:#94a3b8;font-size:.66rem}.request-modal .workflow-toast{border-radius:8px;margin:0;padding:.6rem .7rem;font-size:.76rem}.request-modal .modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;margin:.25rem 0 0;padding-top:.85rem;display:flex}.request-modal .modal-actions .btn{border-radius:8px;min-height:38px;padding:0 1rem;font-size:.8rem;font-weight:600}.request-modal .modal-actions .btn-primary{background:linear-gradient(135deg,#5b4df4,#4338ca);box-shadow:0 4px 12px #4f46e533}.request-modal .modal-actions .btn-primary:hover{box-shadow:0 6px 16px #4f46e54d}.request-modal-spam_appeal .modal-tag{color:#9a3412;background:#ffedd5}.request-modal-spam_appeal .grievance-context-snippet{background:#fffaf5;border-color:#fed7aa #fed7aa #fed7aa #f97316}.request-modal-rejection_appeal .modal-tag{color:#be123c;background:#ffe4e6}.request-modal-rejection_appeal .grievance-context-snippet{background:#fff8f8;border-color:#fecdd3 #fecdd3 #fecdd3 #f43f5e}@media (width<=540px){.modal-backdrop:has(.request-modal){align-items:flex-end;padding:0}.request-modal{border-radius:16px 16px 0 0;width:100%;max-height:90vh;padding:1.25rem 1rem;overflow-y:auto}.request-modal .modal-actions{grid-template-columns:1fr 1.5fr;display:grid}.request-modal .modal-actions .btn{width:100%;padding:0 .5rem}.request-file-picker label{grid-template-columns:30px minmax(0,1fr)}.request-file-picker b{display:none}}.modal-backdrop:has(.admin-request-modal){z-index:9100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a9e;padding:.75rem}.admin-request-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(100%,720px);max-height:95vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a4d}.arm-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e5e7eb;padding:.85rem 1.25rem;position:relative}.arm-header-top{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.req-type-pill{letter-spacing:.05em;color:#fff;background:#6366f1;border-radius:999px;padding:.25rem .65rem;font-size:.65rem;font-weight:700;display:inline-flex}.req-type-pill.req-type-escalation{background:linear-gradient(135deg,#d97706,#f59e0b)}.req-type-pill.req-type-reopen{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.req-type-pill.req-type-rejection_appeal{background:linear-gradient(135deg,#dc2626,#f87171)}.req-type-pill.req-type-spam_appeal{background:linear-gradient(135deg,#ea580c,#fb923c)}.arm-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.arm-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .15s;display:grid;position:absolute;top:1rem;right:1rem}.arm-close:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.arm-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 1.5rem;padding:.75rem 1rem;font-size:.82rem}.arm-body{flex-direction:column;flex:1;gap:.75rem;padding:.85rem 1.25rem;display:flex;overflow-y:auto}.arm-section{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6366f1;border-radius:12px;padding:.75rem}.arm-section-label{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:6px;margin-bottom:.5rem;padding:.2rem .65rem;font-size:.68rem;font-weight:700;display:inline-block}.arm-grievance{background:#fff;border-left-color:#6366f1}.arm-grievance .arm-section-label{background:linear-gradient(135deg,#4f46e5,#6366f1)}.arm-grievance-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.4rem;display:flex}.arm-grievance-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.arm-grievance-title{color:#0f172a}.arm-grievance-description{color:#374151}.arm-status-select{margin-bottom:.4rem}.arm-status-select label{color:#374151;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.arm-grievance-desc{color:#374151;margin:0 0 .6rem;font-size:.85rem;line-height:1.6}.arm-grievance-meta{color:#6b7280;flex-wrap:wrap;gap:.4rem .9rem;font-size:.78rem;display:flex}.arm-grievance-meta strong{color:#374151}.arm-grievance-meta-grid{margin-bottom:.6rem}.arm-grievance-attachments{border-top:1px solid #e5e7eb;margin-top:.45rem;padding-top:.45rem}.arm-grievance-attachments strong{text-transform:uppercase;letter-spacing:.04em;color:#374151;margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.arm-attachment-list{flex-direction:column;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.arm-attachment-list li{color:#374151;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;display:flex}.arm-sensitive-badge{color:#92400e;background:#fef3c7;border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.arm-request-info{background:#fff;border-left-color:#0ea5e9}.arm-request-info .arm-section-label{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.arm-meta-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;margin:0 0 .5rem;display:grid}.arm-meta-grid dt{text-transform:uppercase;letter-spacing:.05em;color:#1e293b;margin:0;font-size:.62rem;font-weight:600}.arm-meta-grid dd{color:#374151;margin:.15rem 0 0;font-size:.8rem}.arm-meta-minor dt{color:#1e293b;font-size:.58rem}.arm-meta-minor dd{color:#6b7280;font-size:.73rem}.arm-description-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.4rem;padding:.55rem .65rem}.arm-description-block strong{text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.arm-description-block p{color:#374151;margin:0;font-size:.85rem;line-height:1.6}.arm-reason-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem .65rem;font-size:.82rem}.arm-reason-box strong{text-transform:uppercase;letter-spacing:.04em;color:#475569;font-size:.72rem;font-weight:700}.arm-reason-box p{color:#374151;margin:.25rem 0 0;line-height:1.55}.arm-attachment{margin-top:.6rem}.arm-response{background:#eef2ff;border-color:#a5b4fc}.arm-response .arm-section-label{color:#4338ca;background:#c7d2fe}.arm-response-item{background:#fff;border:1px solid #c7d2fe;border-radius:8px;padding:.7rem .8rem}.arm-response-item+.arm-response-item{margin-top:.5rem}.arm-response-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.78rem;display:flex}.arm-response-header strong{color:#4338ca}.arm-response-header time{color:#9ca3af;font-size:.7rem}.arm-response-item p{color:#374151;margin:0;font-size:.82rem;line-height:1.5}.arm-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.85rem 1.25rem}.arm-action-toggle{background:#e5e7eb;border-radius:10px;gap:.5rem;margin-bottom:.75rem;padding:.3rem;display:flex}.arm-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.arm-action-btn:hover{color:#374151}.arm-action-active.arm-action-resolve{color:#059669;background:#fff;box-shadow:0 1px 3px #00000014}.arm-action-active.arm-action-status{color:#6366f1;background:#fff;box-shadow:0 1px 3px #00000014}.arm-action-active.arm-action-reject{color:#dc2626;background:#fff;box-shadow:0 1px 3px #00000014}.arm-footer .form-group{gap:.4rem;display:grid}.arm-footer .form-group label{color:#374151;font-size:.78rem;font-weight:600}.arm-footer textarea{resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.65rem .8rem;font-family:inherit;font-size:.82rem}.arm-footer textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.arm-footer-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.6rem;margin-top:.75rem;padding-top:.75rem;display:flex}.arm-resolved{color:#374151;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.82rem;display:flex}.arm-admin-remark{color:#6b7280;margin:.3rem 0 0;font-style:italic}.arm-loading{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.85rem;display:flex}@media (width<=540px){.modal-backdrop:has(.admin-request-modal){align-items:end;padding:0}.admin-request-modal{border-radius:16px 16px 0 0;width:100%;max-height:95vh}.arm-header{padding:.65rem .85rem}.arm-header h2{font-size:.92rem}.arm-body{gap:.5rem;padding:.65rem .85rem}.arm-section{padding:.5rem}.arm-meta-grid{grid-template-columns:1fr 1fr;gap:.3rem}.arm-grievance-header{flex-direction:column;gap:.35rem}.arm-description-block,.arm-reason-box{padding:.4rem .5rem}.arm-status-select{align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.arm-status-select label{white-space:nowrap;margin-bottom:0;font-size:.7rem}.arm-status-select .status-select-dropdown{flex:1;padding:.35rem .45rem;font-size:.72rem}.status-transition-preview{gap:.3rem;margin-bottom:.15rem;padding:.3rem .45rem;font-size:.65rem}.arm-footer .form-group{gap:.15rem}.arm-footer .form-group label{margin-bottom:.05rem;font-size:.68rem}.arm-footer textarea{min-height:50px;padding:.35rem .45rem;font-size:.72rem}.arm-footer{padding:.65rem .85rem}.arm-footer-actions{flex-direction:column-reverse;gap:.4rem}.arm-footer-actions .btn{justify-content:center;width:100%;padding:.55rem}}.admin-dashboard-page{background:#fff}.admin-dashboard-page .dashboard-container{max-width:1180px}.admin-dashboard-page .dashboard-heading{background:linear-gradient(112deg,#fff,#f5f7ff 72%,#eff6ff);border:1px solid #dce4f0;border-radius:20px;margin-bottom:1.25rem;padding:clamp(1.3rem,3vw,1.85rem);box-shadow:0 14px 32px #0f172a0f}.admin-dashboard-page .dashboard-heading>div>span{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:.28rem .62rem;font-size:.66rem;display:inline-flex}.admin-dashboard-page .dashboard-heading h1{color:#17203c;letter-spacing:-.05em;margin:.43rem 0 .28rem;font-size:clamp(2rem,4vw,2.7rem)}.admin-dashboard-page .dashboard-heading p{color:#64748b;max-width:570px}.admin-kpi-grid{grid-template-columns:repeat(8,1fr);gap:.4rem;margin-bottom:1rem;display:grid;overflow-x:auto}.admin-kpi-card{color:#334155;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.4rem;min-width:0;padding:.6rem .5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 5px 14px #0f172a09}.admin-kpi-card:hover{border-color:#a5b4fc;transform:translateY(-3px);box-shadow:0 12px 22px #4338ca1a}.admin-chart-legend button:focus-visible{outline-offset:2px;outline:3px solid #6366f14d}.admin-kpi-card:active,.admin-kpi-card:focus,.admin-kpi-card:focus-visible{background:#fff;border-color:#e2e8f0;outline:none;transform:none;box-shadow:0 5px 14px #0f172a09}.admin-kpi-icon-wrap{color:#4f46e5;background:#eef2ff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.admin-kpi-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.admin-kpi-copy{min-width:0;line-height:1.15;display:grid}.admin-kpi-copy>span{color:#718096;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:750;overflow:hidden}.admin-kpi-copy strong{color:#1e293b;letter-spacing:-.03em;margin-top:.15rem;font-size:1.15rem}.admin-kpi-card.warning .admin-kpi-icon-wrap{color:#b45309;background:#fef3c7}.admin-kpi-card.warning strong{color:#b45309}.admin-kpi-card.orange .admin-kpi-icon-wrap{color:#c2410c;background:#ffedd5}.admin-kpi-card.orange strong{color:#c2410c}.admin-kpi-card.danger .admin-kpi-icon-wrap{color:#dc2626;background:#fee2e2}.admin-kpi-card.danger strong{color:#dc2626}.admin-kpi-card.violet .admin-kpi-icon-wrap{color:#7c3aed;background:#ede9fe}.admin-kpi-card.violet strong{color:#7c3aed}.admin-kpi-card.success .admin-kpi-icon-wrap{color:#059669;background:#d1fae5}.admin-kpi-card.success strong{color:#059669}.admin-charts-grid{grid-template-columns:.92fr 1.08fr;gap:1rem;margin-bottom:1.25rem;display:grid}.admin-chart-card{background:#fffffff0;border:1px solid #e1e8f2;border-radius:18px;min-width:0;padding:1.3rem 1.4rem;box-shadow:0 8px 22px #0f172a0b}.admin-chart-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.admin-chart-heading div>span,.admin-workspace-label>div>span{color:#94a3b8;letter-spacing:.11em;font-size:.63rem;font-weight:800}.admin-chart-heading h2,.admin-workspace-label h2{color:#263552;letter-spacing:-.025em;margin-top:.28rem;font-size:1.08rem}.chart-toggle-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:3px;display:inline-flex}.chart-toggle-pill button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .75rem;font-size:.7rem;font-weight:700;transition:all .2s}.chart-toggle-pill button.active{color:#4f46e5;background:#fff;box-shadow:0 2px 6px #00000014}.chart-select-dropdown{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;outline:none;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:border-color .2s}.chart-select-dropdown:focus{border-color:#6366f1}.horizontal-chart-body{flex-direction:column;gap:.65rem;max-height:290px;padding-right:.3rem;display:flex;overflow-y:auto}.horizontal-chart-body::-webkit-scrollbar{width:5px}.horizontal-chart-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chart-bar-row{align-items:center;gap:.75rem;min-height:28px;display:flex}.chart-bar-label-col{color:#475569;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:125px;font-size:.73rem;font-weight:600;overflow:hidden}.chart-bar-track-col{background:#f1f5f9;border-radius:6px;flex-grow:1;height:18px;position:relative}.chart-bar-fill{cursor:pointer;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.chart-bar-fill .chart-bar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1e293b;border-radius:6px;padding:.3rem .6rem;font-size:.68rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:-34px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.chart-bar-fill:hover .chart-bar-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.chart-bar-val-col{text-align:right;color:#1e293b;flex-shrink:0;width:45px;font-size:.76rem;font-weight:700}.trend-header-right{align-items:center;gap:1.2rem;display:flex}.trend-legend{align-items:center;gap:1rem;display:flex}.trend-legend .legend-item{color:#64748b;align-items:center;gap:.38rem;font-size:.72rem;font-weight:600;display:flex}.trend-legend .legend-item i{border-radius:50%;width:10px;height:10px}.trend-legend .legend-item.total i{background:#6366f1}.trend-legend .legend-item.resolved i{background:#10b981}.trend-chart-wrapper{width:100%;height:280px;margin-top:.5rem;position:relative}.trend-svg{width:100%;height:100%;overflow:visible}.trend-grid-line{stroke:#e2e8f0;stroke-dasharray:4 4;stroke-width:1px}.trend-axis-text{fill:#94a3b8;font-size:11px;font-weight:600}.trend-line-total{fill:none;stroke:#6366f1;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.trend-area-total{fill:url(#totalGradient);opacity:.15}.trend-line-resolved{fill:none;stroke:#10b981;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.trend-point{cursor:pointer;transition:r .15s}.trend-point:hover{r:6}.trend-point-total{fill:#fff;stroke:#6366f1;stroke-width:2.5px}.trend-point-resolved{fill:#fff;stroke:#10b981;stroke-width:2.5px}.trend-hover-line{stroke:#cbd5e1;stroke-dasharray:3 3;stroke-width:1.5px}.trend-tooltip-card{color:#fff;pointer-events:none;z-index:20;white-space:nowrap;background:#0f172a;border-radius:8px;padding:.5rem .75rem;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 25px #0003}.trend-tooltip-date{color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;font-weight:700}.trend-tooltip-row{justify-content:space-between;align-items:center;gap:.8rem;font-size:.74rem;line-height:1.3;display:flex}.trend-tooltip-row.total span{color:#818cf8}.trend-tooltip-row.resolved span{color:#34d399}.trend-tooltip-row strong{font-weight:800}.admin-chart-heading small{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:.28rem .5rem;font-size:.66rem}.admin-status-chart-body{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:1.25rem;min-height:210px;display:grid}.admin-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:170px;display:grid;position:relative}.admin-donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:28px;box-shadow:0 1px 5px #0f172a12}.admin-donut>div{z-index:1;text-align:center;display:grid;position:relative}.admin-donut strong{color:#263552;font-size:1.8rem;line-height:1}.admin-donut span{color:#94a3b8;letter-spacing:.07em;text-transform:uppercase;margin-top:.17rem;font-size:.66rem;font-weight:800}.admin-chart-legend{flex-direction:column;justify-content:space-evenly;align-self:stretch;gap:.2rem;display:flex}.admin-chart-legend button{color:#475569;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:9px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.38rem .5rem;font-size:.72rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:grid}.admin-chart-legend button:hover{color:#1e293b;background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 6px #0f172a0d}.admin-chart-legend i{border-radius:50%;width:10px;height:10px}.admin-chart-legend strong{color:#334155;text-align:center;border-radius:999px;min-width:30px;padding:.14rem .48rem;font-size:.72rem;font-weight:800}.admin-chart-legend p{color:#94a3b8;font-size:.76rem}.admin-bar-chart{border-bottom:1px solid #e9eef5;grid-template-columns:repeat(6,minmax(34px,1fr));align-items:end;gap:.65rem;height:153px;margin-top:.7rem;padding:.25rem .25rem 0;display:grid}.admin-bar-column{text-align:center;grid-template-rows:17px 1fr 20px;align-items:end;height:100%;display:grid}.admin-bar-value{color:#64748b;font-size:.65rem;font-weight:800}.admin-bar-track{justify-content:center;align-items:end;height:100%;display:flex}.admin-bar-track i{background:linear-gradient(#818cf8,#4f46e5);border-radius:7px 7px 2px 2px;width:min(100%,28px);min-height:2px;transition:height .35s;display:block;box-shadow:0 4px 8px #4f46e52e}.admin-bar-column:hover .admin-bar-track i{background:linear-gradient(#38bdf8,#4f46e5)}.admin-bar-label{color:#94a3b8;align-self:end;padding-top:.35rem;font-size:.65rem;font-weight:750}.admin-workspace-label{justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .8rem;display:flex}.admin-workspace-label p{color:#94a3b8;font-size:.76rem}@media (width<=1060px){.admin-kpi-grid{grid-template-columns:repeat(8,1fr)}.admin-charts-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.admin-dashboard-page{padding-top:1.5rem}.admin-charts-grid{grid-template-columns:1fr}.admin-kpi-grid{grid-template-columns:repeat(8,minmax(95px,1fr))}.admin-workspace-label{flex-direction:column;align-items:flex-start;gap:.35rem}.admin-status-chart-body{grid-template-columns:156px minmax(0,1fr);gap:1rem}.admin-donut{width:152px}}@media (width<=390px){.admin-kpi-grid{grid-template-columns:repeat(8,minmax(90px,1fr))}.admin-chart-card{padding:1.1rem}.admin-status-chart-body{grid-template-columns:120px minmax(0,1fr);gap:.5rem}.admin-donut{width:118px}.admin-chart-heading small{display:none}}@media (prefers-color-scheme:dark){.admin-dashboard-page{background:radial-gradient(circle at 90% 0,#818cf829,#0000 27%),#0f172a}.admin-dashboard-page .dashboard-heading,.admin-kpi-card,.admin-chart-card,.admin-kpi-card:active,.admin-kpi-card:focus,.admin-kpi-card:focus-visible{background:#172033;border-color:#334155;box-shadow:0 10px 25px #0000002e}.admin-dashboard-page .dashboard-heading{background:linear-gradient(112deg,#172033,#1e293b)}.admin-dashboard-page .dashboard-heading h1,.admin-chart-heading h2,.admin-workspace-label h2,.admin-kpi-copy strong,.admin-donut .chart-toggle-pill{background:#0f172a;border-color:#334155}.chart-toggle-pill button{color:#94a3b8}.chart-toggle-pill button.active{color:#818cf8;background:#1e293b}.chart-select-dropdown{color:#f1f5f9;background:#0f172a;border-color:#334155}.chart-bar-label-col{color:#cbd5e1}.chart-bar-track-col{background:#0f172a}.chart-bar-val-col{color:#f1f5f9}.trend-grid-line{stroke:#334155}.trend-legend .legend-item{color:#94a3b8}.admin-dashboard-page .dashboard-heading p,.admin-kpi-copy>span,.admin-chart-heading small,.admin-chart-legend,.admin-chart-legend button,.admin-workspace-label p,.admin-bar-value{color:#a8b5c7}.admin-chart-heading small{background:#273449}.admin-donut:before{background:#172033}.admin-chart-legend button:hover{color:#c7d2fe;background:#263449}.admin-bar-chart{border-color:#334155}.admin-dashboard-page .hod-status-tabs,.admin-dashboard-page .search-filter{background:#172033;border-color:#334155}.admin-dashboard-page .search-filter input,.admin-dashboard-page .search-filter select{color:#e2e8f0;background:#1e293b;border-color:#475569}}.sd-page{background:#f0f2f8;min-height:calc(100vh - 140px)}.sd-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 45%,#1e3a5f 100%);padding:4rem 1.5rem 3.5rem;position:relative;overflow:hidden}.sd-orb{pointer-events:none;border-radius:50%;position:absolute}.sd-orb-1{background:radial-gradient(circle,#6366f159 0%,#0000 65%);width:600px;height:600px;top:-260px;right:-180px}.sd-orb-2{background:radial-gradient(circle,#0ea5e940 0%,#0000 65%);width:400px;height:400px;bottom:-200px;left:-100px}.sd-orb-3{background:radial-gradient(circle,#a78bfa2e 0%,#0000 65%);width:280px;height:280px;top:40px;left:35%}.sd-hero-inner{z-index:1;grid-template-columns:1fr 340px;align-items:center;gap:3rem;max-width:1160px;margin:0 auto;display:grid;position:relative}.sd-role-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c7d2fe;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.sd-role-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite roleDotPulse;box-shadow:0 0 6px #4ade80b3}@keyframes roleDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.sd-hero-title{letter-spacing:-.04em;color:#ffffffd9;margin-bottom:1.1rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.1}.sd-hero-name{background:linear-gradient(90deg,#a5b4fc,#67e8f9 60%,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sd-hero-subtitle{color:#ffffff8c;max-width:520px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.sd-hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sd-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 24px #6366f173}.sd-cta-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 30px #6366f199}.sd-cta-primary.sd-cta-sm{padding:.55rem 1rem;font-size:.84rem}.sd-cta-ghost{color:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-size:.92rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.sd-cta-ghost:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.sd-activity-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;padding:1.5rem;box-shadow:0 20px 50px #0000004d}.sd-activity-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.sd-activity-heading{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.8rem;font-weight:800}.sd-activity-total{color:#fff9;background:#ffffff14;border-radius:9999px;padding:.25rem .65rem;font-size:.78rem;font-weight:700}.sd-bars{flex-direction:column;gap:1rem;display:flex}.sd-bar-row{grid-template-columns:72px 1fr 28px;align-items:center;gap:.75rem;display:grid}.sd-bar-label{color:#fff9;font-size:.78rem;font-weight:600}.sd-bar-track{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.sd-bar-fill{height:100%;width:var(--bar-w,0%);opacity:.85;border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1)}.sd-bar-count{text-align:right;font-size:.78rem;font-weight:700}.sd-activity-footer{color:#ffffff4d;border-top:1px solid #ffffff14;margin-top:1.25rem;padding-top:1rem;font-size:.7rem}.sd-stats-strip{z-index:2;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1160px;margin:-1.75rem auto 0;padding:0 1.5rem;display:grid;position:relative}.sd-stat-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:transform .2s,box-shadow .2s;animation:.5s both sdStatIn;display:flex;box-shadow:0 4px 20px #00000012}.sd-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}@keyframes sdStatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sd-stat-icon{background:var(--stat-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.sd-stat-body{flex-direction:column;gap:.1rem;display:flex}.sd-stat-value{letter-spacing:-.04em;color:var(--stat-color);font-size:1.65rem;font-weight:900;line-height:1}.sd-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.sd-list-section{max-width:1160px;margin:2.5rem auto 3rem;padding:0 1.5rem}.sd-list-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.sd-list-title{color:#0f172a;letter-spacing:-.03em;font-size:1.45rem;font-weight:800}.sd-list-sub{color:#94a3b8;margin-top:.2rem;font-size:.84rem}.sf-root{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1.25rem;padding:.85rem;box-shadow:0 2px 8px #0000000a}.sf-primary-row{grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;display:grid}.sf-search-wrap{align-items:center;display:flex;position:relative}.sf-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.sf-search{width:100%;font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.6rem 2.2rem .6rem 2.4rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.sf-search:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.sf-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;position:absolute;right:.6rem}.sf-clear:hover{color:#4f46e5}.sf-select{font:inherit;color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.6rem .8rem;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.sf-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.sf-filter-toggle{font:inherit;color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:.4rem;padding:.6rem .9rem;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.sf-filter-toggle:hover,.sf-filter-toggle.active{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.sf-filter-dot{background:#4f46e5;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.sf-filter-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-top:.75rem;padding-top:.75rem;animation:.2s sfFilterIn;display:flex}@keyframes sfFilterIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sf-filter-field{flex-direction:column;flex:140px;gap:.35rem;display:flex}.sf-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.sf-date{font:inherit;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.6rem .7rem;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.sf-date:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.sf-clear-all{font:inherit;color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px dashed #cbd5e1;border-radius:9px;align-self:flex-end;padding:.6rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.sf-clear-all:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.sd-card-grid{gap:.85rem;display:grid}.gc-card{background:#fff;border:1px solid #e8ecf3;border-radius:14px;align-items:stretch;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.4s both gcCardIn;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.gc-card:hover{border-color:#a5b4fc;transform:translateY(-3px);box-shadow:0 10px 28px #4f46e521}@keyframes gcCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gc-accent{background:linear-gradient(#6366f1,#06b6d4);flex-shrink:0;width:4px}.gc-card:hover .gc-accent{background:linear-gradient(#4f46e5,#0891b2)}.gc-body{flex:1;min-width:0;padding:1.1rem 1.2rem}.gc-top{align-items:flex-start;gap:.85rem;display:flex}.gc-icon-wrap{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;line-height:1;display:flex}.gc-id-title{flex:1;min-width:0}.gc-id{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:800}.gc-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:1rem;font-weight:700;line-height:1.4;overflow:hidden}.gc-meta{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.85rem;padding-top:.75rem;display:flex}.gc-meta-item{color:#64748b;align-items:center;gap:.3rem;font-size:.79rem;display:flex}.gc-meta-icon{font-size:.85rem}.gc-arrow{color:#cbd5e1;flex-shrink:0;align-items:center;padding:0 1rem;font-size:1.4rem;transition:color .2s,transform .2s;display:flex}.gc-card:hover .gc-arrow{color:#6366f1;transform:translate(3px)}.sd-state{text-align:center;background:#fff;border:1px solid #e8ecf3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:280px;padding:3rem 2rem;display:flex}.sd-state h3{color:#0f172a;font-size:1.1rem;font-weight:700}.sd-state p{color:#94a3b8;max-width:360px;font-size:.9rem;line-height:1.6}.sd-state-icon{font-size:2.5rem}.sd-state-error{background:#fff8f8;border-color:#fecaca}.sd-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite sdSpin}@keyframes sdSpin{to{transform:rotate(360deg)}}.status-badge{letter-spacing:.03em;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.71rem;font-weight:700;display:inline-flex}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.badge--pending{color:#92400e;background:#fef3c7}.badge--approved,.badge--forwarded{color:#065f46;background:#d1fae5}.badge--denied,.badge--rejected{color:#991b1b;background:#fee2e2}@media (width<=900px){.sd-hero-inner{grid-template-columns:1fr;gap:2rem}.sd-hero-right{max-width:420px}.sd-stats-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sd-hero{padding:2.75rem 1.25rem 3rem}.sd-hero-title{font-size:2.1rem}.sd-stats-strip{grid-template-columns:repeat(2,1fr);margin-top:-1.25rem;padding:0 1rem}.sd-list-section{margin-top:2rem;padding:0 1rem}.sd-list-header{flex-direction:column;align-items:flex-start}.sd-list-header .sd-cta-primary{justify-content:center;width:100%}.sf-primary-row{grid-template-columns:1fr auto}.sf-filter-row{grid-template-columns:1fr 1fr;display:grid}.gc-top{flex-wrap:wrap}.gc-title{white-space:normal}}.lp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 24px #6366f166}.lp-btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 30px #6366f18c}.lp-btn-ghost{color:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.lp-btn-ghost:hover{color:#fff;background:#ffffff29;border-color:#ffffff4d}.lp-btn-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px #6366f173}.lp-btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 35px #6366f199}.lp-btn-cta-ghost{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.4rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.lp-btn-cta-ghost:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.lp-btn-cta-outline{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.lp-btn-cta-outline:hover{color:#fff;background:#ffffff26}.lp-role-page{background:#f0f2f8;min-height:calc(100vh - 140px)}.lp-role-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 48%,#1e3a5f 100%);padding:5rem 1.5rem 4.5rem;position:relative;overflow:hidden}.lp-role-orb{pointer-events:none;border-radius:50%;position:absolute}.lp-role-orb-a{background:radial-gradient(circle,#6366f161 0%,#0000 65%);width:550px;height:550px;top:-220px;right:-160px}.lp-role-orb-b{background:radial-gradient(circle,#0ea5e938 0%,#0000 65%);width:380px;height:380px;bottom:-200px;left:-80px}.lp-role-hero-inner{z-index:1;grid-template-columns:1fr 320px;align-items:center;gap:3.5rem;max-width:1160px;margin:0 auto;display:grid;position:relative}.lp-role-eyebrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c7d2fe;letter-spacing:.09em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.2rem;padding:.32rem .8rem;font-size:.73rem;font-weight:700;display:inline-flex}.lp-role-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite lpRolePulse;box-shadow:0 0 6px #4ade80b3}@keyframes lpRolePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.lp-role-greeting{color:#ffffff8c;margin-bottom:.65rem;font-size:1.05rem;font-weight:600}.lp-role-title{letter-spacing:-.04em;color:#fff;margin-bottom:1.1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.12}.lp-role-desc{color:#ffffff8c;max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.75}.lp-role-ctas{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.lp-role-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eef2ff;background:linear-gradient(145deg,#6366f140,#0ea5e926);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.lp-panel-glow{pointer-events:none;background:radial-gradient(circle,#a78bfa59,#0000 65%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.lp-panel-logo{object-fit:contain;background:#fff;border-radius:13px;width:60px;height:60px;padding:.4rem;box-shadow:0 6px 20px #0003}.lp-panel-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;margin-top:.5rem;font-size:.68rem;font-weight:800}.lp-panel-title{max-width:220px;font-size:1.45rem;font-weight:800;line-height:1.2}.lp-panel-desc{color:#dbeafe;max-width:210px;font-size:.85rem;line-height:1.55}.lp-panel-divider{background:#67e8f9;border-radius:99px;width:50px;height:3px;margin-top:auto}.lp-panel-footer{color:#bfdbfe;font-size:.7rem}.lp-role-steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1160px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:grid}.lp-role-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.6rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.lp-role-step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #4f46e51a}.lp-step-icon-wrap{color:#4f46e5;background:#6366f11a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:.85rem;display:flex}.lp-step-icon-wrap svg{stroke-width:2px}.lp-step-num{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:800}.lp-step-title{color:#0f172a;margin:.4rem 0 .5rem;font-size:1.08rem;font-weight:700}.lp-step-body{color:#64748b;font-size:.88rem;line-height:1.6}.lp-role-department .lp-role-hero{background:linear-gradient(135deg,#164e63,#0f766e 55%,#0891b2)}.lp-role-admin .lp-role-hero{background:linear-gradient(135deg,#3f1d7a,#7e22ce 50%,#9333ea)}.lp-public{width:100%;overflow-x:hidden}.lp-hero{background:linear-gradient(160deg,#0f0d2b 0%,#1a1650 40%,#0c2a4a 100%);padding:6rem 1.5rem 5rem;position:relative;overflow:hidden}.lp-hero-orb{pointer-events:none;border-radius:50%;position:absolute}.lp-hero-orb-1{background:radial-gradient(circle,#6366f14d 0%,#0000 65%);width:700px;height:700px;top:-300px;right:-200px}.lp-hero-orb-2{background:radial-gradient(circle,#06b6d433 0%,#0000 65%);width:500px;height:500px;bottom:-280px;left:-150px}.lp-hero-orb-3{background:radial-gradient(circle,#a78bfa26 0%,#0000 65%);width:320px;height:320px;top:20%;left:38%}.lp-hero-inner{z-index:1;grid-template-columns:1fr 440px;align-items:center;gap:4rem;max-width:1180px;margin:0 auto;display:grid;position:relative}.lp-badge{color:#a5b4fc;letter-spacing:.06em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.76rem;font-weight:700;display:inline-flex}.lp-badge-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite lpBadgePulse;box-shadow:0 0 6px #4ade80b3}@keyframes lpBadgePulse{0%,to{opacity:1}50%{opacity:.5}}.lp-hero-title{letter-spacing:-.045em;color:#ffffffeb;margin-bottom:1.2rem;font-size:clamp(2.8rem,5.5vw,4.4rem);font-weight:900;line-height:1.08}.lp-gradient-text{background:linear-gradient(90deg,#a5b4fc 0%,#67e8f9 55%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero-desc{color:#ffffff80;max-width:520px;margin-bottom:2.25rem;font-size:1.1rem;line-height:1.75}.lp-hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.lp-trust-row{color:#fff6;flex-wrap:wrap;align-items:center;gap:1.4rem;font-size:.8rem;font-weight:600;display:flex}.lp-trust-row span{align-items:center;gap:.35rem;display:flex}.lp-trust-row svg{color:#4ade80}.lp-card-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f14d,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-40px;right:-40px}.lp-hero-visual{z-index:1;position:relative}.lp-portal-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;padding:1.75rem;position:relative;box-shadow:0 28px 60px #0006}.lp-portal-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.lp-portal-emblem{color:#fff;background:linear-gradient(135deg,#6366f1,#0891b2);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lp-portal-emblem svg{stroke-width:1.8px}.lp-portal-status{color:#a5f3fc;background:#06b6d426;border:1px solid #06b6d440;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:flex}.lp-portal-status i{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s infinite lpBadgePulse}.lp-portal-id{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:800}.lp-portal-name{color:#fff;margin:.3rem 0 1rem;font-size:1.2rem;font-weight:700;line-height:1.3}.lp-portal-progress{gap:.45rem;margin-bottom:1.25rem;display:flex}.lp-portal-progress span{background:#ffffff1f;border-radius:99px;flex:1;height:5px;transition:background .3s}.lp-portal-progress span.active{background:linear-gradient(90deg,#818cf8,#38bdf8)}.lp-portal-card-bottom{color:#ffffff73;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.8rem;display:flex}.lp-portal-card-bottom span{align-items:center;gap:.35rem;display:flex}.lp-portal-card-bottom svg{width:14px;height:14px}.lp-in-review{color:#fbbf24;background:#fbbf241f;border-radius:9999px;padding:.22rem .6rem;font-size:.75rem;font-weight:700}.lp-float-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem .9rem;font-size:.78rem;animation:4s ease-in-out infinite alternate lpFloat;display:flex;position:absolute;box-shadow:0 8px 24px #0000004d}.lp-float-note b{color:#fff;font-weight:700;display:block}.lp-float-note small{color:#ffffff73;margin-top:.1rem;display:block}.lp-float-icon{color:#a5b4fc;background:#6366f14d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lp-float-icon svg{width:15px;height:15px}.lp-float-check{color:#34d399;background:#34d39940;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.lp-note-a{animation-duration:5s;bottom:-30px;left:-50px}.lp-note-b{animation-duration:6s;animation-delay:.5s;top:-20px;right:-30px}@keyframes lpFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.lp-stats-strip{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:3rem 1.5rem}.lp-stats-inner{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.lp-stat-val{letter-spacing:-.04em;color:#4f46e5;margin-bottom:.3rem;font-size:2.2rem;font-weight:900;display:block}.lp-stat-label{color:#64748b;font-size:.88rem;font-weight:500}.lp-features{background:#f8fafc;padding:6rem 1.5rem}.lp-features-inner{max-width:1100px;margin:0 auto}.lp-section-head{text-align:center;margin-bottom:3.5rem}.lp-section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4f46e5;margin-bottom:.75rem;font-size:.72rem;font-weight:800;display:block}.lp-section-head h2{color:#0f172a;letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.lp-section-head p{color:#64748b;max-width:580px;margin:0 auto;font-size:1.05rem}.lp-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.lp-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #0000000a}.lp-feature-card:hover{border-color:#c7d2fe;transform:translateY(-5px);box-shadow:0 12px 32px #4f46e51a}.lp-feature-featured{color:#fff;background:linear-gradient(145deg,#312e81,#4f46e5);border-color:#0000}.lp-feature-featured:hover{box-shadow:0 14px 40px #4f46e573}.lp-feature-featured h3{color:#fff}.lp-feature-featured p{color:#ffffffa6}.lp-feature-featured .lp-feature-n{color:#fff6}.lp-feature-icon{color:#4f46e5;background:#4f46e51a;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1.25rem;display:flex}.lp-feature-featured .lp-feature-icon{color:#a5b4fc;background:#ffffff1f}.lp-feature-icon svg{width:22px;height:22px}.lp-feature-n{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;margin-bottom:.45rem;font-size:.7rem;font-weight:800;display:block}.lp-feature-card h3{color:#0f172a;margin-bottom:.6rem;font-size:1.15rem;font-weight:700}.lp-feature-card p{color:#64748b;font-size:.9rem;line-height:1.65}.lp-cta-banner{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#1e3a5f 100%);padding:6rem 1.5rem;position:relative;overflow:hidden}.lp-cta-banner-glow{pointer-events:none;background:radial-gradient(circle,#6366f166,#0000 60%);border-radius:50%;width:600px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.lp-cta-banner-inner{z-index:1;text-align:center;max-width:680px;margin:0 auto;position:relative}.lp-cta-banner-inner h2{color:#fff;letter-spacing:-.04em;margin-bottom:.85rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.lp-cta-banner-inner p{color:#ffffff80;margin-bottom:2rem;font-size:1.05rem;line-height:1.65}.lp-cta-banner-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=1000px){.lp-hero-inner,.lp-role-hero-inner{grid-template-columns:1fr;gap:2.5rem}.lp-hero-inner{text-align:center}.lp-hero-copy{flex-direction:column;align-items:center;display:flex}.lp-hero-ctas,.lp-trust-row{justify-content:center}.lp-hero-visual{max-width:400px;margin:0 auto}.lp-note-a,.lp-note-b{display:none}.lp-role-hero-inner{text-align:left}.lp-role-panel{max-width:360px}.lp-stats-inner{grid-template-columns:repeat(2,1fr)}.lp-features-grid,.lp-role-steps{grid-template-columns:1fr 1fr}}@media (width<=640px){.lp-hero{padding:4rem 1.25rem}.lp-hero-title{font-size:2.5rem}.lp-role-hero{padding:3.5rem 1.25rem 3rem}.lp-role-title{font-size:2rem}.lp-features-grid,.lp-role-steps{grid-template-columns:1fr}.lp-stats-inner{grid-template-columns:1fr 1fr;gap:1.25rem}.lp-cta-banner{padding:4rem 1.25rem}}.sensitive-gate-blur-wrapper{min-height:100%;position:relative}.sensitive-blurred{filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;max-height:100vh;overflow:hidden}.sensitive-gate-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#fff6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.sensitive-gate-modal{border-radius:var(--radius-md);text-align:center;background:#fffffffa;border:1px solid #fbbf24;width:100%;max-width:420px;margin:auto;padding:2.5rem 2rem;animation:.2s modalFadeIn;box-shadow:0 20px 60px #d9770626}.sensitive-gate-icon{color:#d97706;background:#fef3c7;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:grid}.sensitive-gate-modal h2{color:#92400e;margin:0 0 .75rem;font-size:1.35rem;font-weight:700}.sensitive-gate-modal p{color:var(--text-muted);margin:0 0 .5rem;font-size:.92rem;line-height:1.6}.sensitive-gate-confirm{font-weight:600;color:var(--text-main)!important;margin-top:.75rem!important}.sensitive-gate-actions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.sensitive-gate-actions .btn{min-width:160px}.btn-warning{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#d97706;border:none;padding:.6rem 1.25rem;font-weight:600;transition:background .2s}.btn-warning:hover{background:#b45309}.sensitive-radio-row{gap:1.5rem;margin-top:.5rem;display:flex}.sensitive-radio-label{cursor:pointer;color:var(--text-main);align-items:center;gap:.45rem;font-size:.92rem;display:flex}.sensitive-radio-label input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.sensitive-hint{color:var(--text-muted);margin-top:.5rem;display:block}.preview-overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.preview-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.6rem;line-height:1;transition:background .2s;display:grid;position:absolute;top:1rem;right:1.25rem}.preview-close:hover{background:#ffffff40}.preview-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;place-items:center;width:48px;height:48px;font-size:2rem;line-height:1;transition:background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.preview-nav:hover{background:#ffffff38}.preview-nav:disabled{opacity:.25;cursor:not-allowed;background:0 0}.preview-prev{left:1rem}.preview-next{right:1rem}.preview-content{justify-content:center;align-items:center;max-width:90vw;max-height:85vh;display:flex}.preview-content img{object-fit:contain;border-radius:4px;max-width:100%;max-height:85vh}.preview-content iframe{background:#fff;border:none;border-radius:4px;width:80vw;height:85vh}.preview-footer{z-index:10;background:linear-gradient(#0000,#000000b3);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-filename{color:#fff;opacity:.9;font-size:.88rem;font-weight:500}.preview-counter{color:#ffffffb3;font-size:.82rem}.profile-page{background:radial-gradient(circle at 50% 0,#4f46e514,#0000 50%);min-height:calc(100vh - 140px);padding:3.5rem 1.5rem}.profile-container{max-width:640px;margin:0 auto}.profile-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.profile-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:2rem}.profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1.25rem;padding-bottom:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:flex}.profile-header-info h2{color:var(--text-main);margin-bottom:.35rem;font-size:1.4rem;font-weight:800}.profile-warning{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;margin-top:1rem;padding:.6rem .9rem;font-size:.85rem}.profile-details{padding:1.25rem 0 1.75rem}.profile-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.profile-row:last-child{border-bottom:none}.profile-row-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.profile-row-value{color:var(--text-main);text-align:right;word-break:break-word;font-size:.95rem;font-weight:600}.profile-footer{justify-content:center;padding-top:.5rem;display:flex}@media (width<=1024px){.hero-cta-group{flex-wrap:wrap}.hero-container{gap:2.5rem}.hero-visual{min-height:360px}}@media (width<=768px){.hero-section{padding:3.6rem 1.15rem 4.2rem}.hero-title{font-size:clamp(2.45rem,9.5vw,3.4rem)}.hero-description{font-size:1.02rem}.hero-cta-group{grid-template-columns:1fr;width:100%;display:grid}.hero-cta-group .btn{width:100%}.hero-visual{width:min(100%,480px);min-height:300px;margin:.75rem auto -1rem}.visual-glow{width:260px;height:260px}.stats-container{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}.stat-card{text-align:center;padding:.85rem .5rem}.stat-card:after{display:none}.features-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.feature-card{min-height:0;padding:1.5rem}.feature-card p{max-width:none}.section-header{text-align:center}.section-header p{margin-left:auto;margin-right:auto}.hero-trust{justify-content:center}.track-lookup-workspace{margin-left:1rem;margin-right:1rem}.track-lookup-workspace .anonymous-track-panel{padding:0}.track-page-redesign .track-benefits{grid-template-columns:1fr 1fr;margin-left:1rem;margin-right:1rem}.track-page-redesign .secret-reminder,.track-result{margin-left:1rem;margin-right:1rem}.track-result{padding:1.2rem}}@media (width<=480px){.hero-title{font-size:clamp(2.1rem,11vw,2.7rem)}.hero-logo-wrapper{border-radius:14px;width:50px;height:50px}.hero-logo{width:37px;height:37px}.hero-kicker{font-size:.6rem}.hero-heading-row{flex-direction:column;gap:.55rem}.hero-visual,.floating-note{display:none}.track-page-redesign{padding-top:2.2rem;padding-bottom:2.6rem}.track-page-redesign .track-hero h1{font-size:clamp(2rem,10vw,2.6rem)}.track-page-redesign .track-hero{margin-bottom:1.2rem}.track-fields-row{grid-template-columns:1fr}.track-lookup-workspace,.track-page-redesign .secret-reminder,.track-result{margin-left:.7rem;margin-right:.7rem}}.admin-charts-section{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.admin-charts-top-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.admin-charts-bottom-row{grid-template-columns:1fr;display:grid}.admin-charts-bottom-row.analytics-split{grid-template-columns:2fr 3fr;gap:1.25rem}.admin-charts-bottom-row.analytics-split .admin-chart-card,.hod-analytics .admin-chart-card{min-height:440px}.admin-chart-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:1rem;min-height:320px;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000f}.admin-chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:34px;display:flex}.admin-chart-heading>div>span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#9ca3af);margin-bottom:.2rem;font-size:.65rem;font-weight:700;display:block}.admin-chart-heading h2{color:var(--text-primary,#111827);margin:0;font-size:1rem;font-weight:700}.chart-toggle-pill{background:var(--surface-alt,#f3f4f6);border-radius:.5rem;gap:2px;padding:3px;display:inline-flex}.chart-toggle-pill button{color:var(--text-muted,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.chart-toggle-pill button.active{background:var(--card-bg,#fff);color:var(--text-primary,#111827);box-shadow:0 1px 3px #0000001a}.chart-select-dropdown{appearance:none;background:var(--surface-alt,#f3f4f6);border:1px solid var(--border,#e5e7eb);color:var(--text-primary,#111827);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.3rem 2rem .3rem .75rem;font-size:.75rem;font-weight:600;transition:border-color .15s}.chart-select-dropdown:focus{border-color:var(--accent,#6366f1);outline:none}.horizontal-chart-body{flex-direction:column;flex:1;gap:.32rem;padding-top:0;display:flex;overflow:visible}.category-chart-card{gap:1rem}.chart-bar-row{grid-template-columns:130px 1fr 42px;align-items:center;gap:.4rem;display:grid;position:relative}.chart-bar-label-col{color:var(--text-secondary,#374151);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.chart-bar-track-col{background:var(--surface-alt,#f3f4f6);border-radius:99px;height:7px;position:relative;overflow:visible}.chart-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%);border-radius:99px;min-width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.chart-bar-fill.rate-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.chart-bar-fill.other-fill{background:linear-gradient(90deg,#9ca3af 0%,#d1d5db 100%)}.chart-bar-tooltip{background:var(--text-primary,#111827);color:#fff;white-space:nowrap;pointer-events:none;z-index:50;border-radius:.375rem;padding:.3rem .65rem;font-size:.7rem;font-weight:500;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.chart-bar-row:first-child .chart-bar-tooltip{top:calc(100% + 6px);bottom:auto}.chart-bar-fill:hover .chart-bar-tooltip,.chart-bar-row:hover .chart-bar-tooltip{display:block}.chart-bar-val-col{color:var(--text-primary,#111827);text-align:right;font-size:.7rem;font-weight:700}.resolved-unresolved-body{flex:1;height:220px;min-height:0;padding:.25rem 0 .4rem;position:relative}.trend-title-wrap{flex-wrap:nowrap;align-items:center;gap:.6rem;min-width:0;display:flex}.trend-header-hover-pill{background:var(--surface-alt,#f3f4f6);border:1px solid var(--border,#e5e7eb);border-radius:99px;align-items:center;gap:.6rem;padding:.22rem .65rem;font-size:.72rem;animation:.15s ease-out fadeIn;display:inline-flex}.trend-header-hover-pill .pill-date{color:var(--text-primary,#111827);font-weight:700}.trend-header-hover-pill .pill-stat{color:var(--text-secondary,#4b5563)}.trend-header-hover-pill .pill-stat.total strong{color:#6366f1}.trend-header-hover-pill .pill-stat.resolved strong{color:#10b981}.trend-header-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.trend-legend{gap:.75rem;display:flex}.legend-item{color:var(--text-secondary,#6b7280);align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.legend-item i{border-radius:2px;width:24px;height:3px;display:inline-block}.legend-item.total i{background:#6366f1}.legend-item.resolved i{background:#10b981}.trend-chart-wrapper{flex:1;width:100%;height:auto;min-height:0;margin-top:0;position:relative;overflow:hidden}.trend-svg{width:100%;height:100%;display:block}.trend-grid-line{stroke:var(--border,#e5e7eb);stroke-width:1px}.trend-axis-text{fill:var(--text-muted,#9ca3af);font-family:inherit;font-size:9px}.trend-area-total{fill:url(#totalGradient)}.trend-line-total{fill:none;stroke:#6366f1;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.trend-line-resolved{fill:none;stroke:#10b981;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.trend-hover-line{stroke:var(--border,#d1d5db);stroke-width:1px;stroke-dasharray:4 3}.trend-point{stroke-width:2px;transition:r .1s}.trend-point-total{fill:#6366f1;stroke:#fff}.trend-point-resolved{fill:#10b981;stroke:#fff}.trend-tooltip-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);pointer-events:none;z-index:50;white-space:nowrap;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.trend-tooltip-date{color:var(--text-primary,#111827);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.trend-tooltip-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.trend-tooltip-row span{color:var(--text-muted,#6b7280)}.trend-tooltip-row strong{color:var(--text-primary,#111827)}.trend-tooltip-row.total strong{color:#6366f1}.trend-tooltip-row.resolved strong{color:#10b981}@media (width<=900px){.admin-charts-top-row,.admin-charts-bottom-row.analytics-split{grid-template-columns:1fr}.chart-bar-row{grid-template-columns:100px 1fr 40px}}@media (prefers-color-scheme:dark){.admin-chart-card{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}.admin-chart-heading h2{color:var(--text-primary,#f1f5f9)}.admin-chart-heading>div>span{color:var(--text-muted,#64748b)}.chart-toggle-pill{background:var(--surface-alt,#0f172a)}.chart-toggle-pill button{color:var(--text-muted,#94a3b8)}.chart-toggle-pill button.active{background:var(--card-bg,#1e293b);color:var(--text-primary,#f1f5f9)}.chart-select-dropdown{background-color:var(--surface-alt,#0f172a);border-color:var(--border,#334155);color:var(--text-primary,#f1f5f9)}.chart-bar-track-col{background:var(--surface-alt,#0f172a)}.chart-bar-label-col{color:var(--text-secondary,#cbd5e1)}.chart-bar-val-col{color:var(--text-primary,#f1f5f9)}.chart-bar-tooltip{color:#0f172a;background:#f1f5f9}.trend-grid-line{stroke:var(--border,#334155)}.trend-axis-text{fill:var(--text-muted,#64748b)}.trend-tooltip-card{background:#1e293b;border-color:#334155}.trend-tooltip-date{color:#f1f5f9}.trend-tooltip-row span{color:#94a3b8}.trend-tooltip-row strong{color:#f1f5f9}}.kpi-sub{color:#059669;letter-spacing:.01em;margin-top:.05rem;font-size:.6rem;font-weight:600;line-height:1;display:block}.admin-kpi-card.neutral{opacity:.95}.admin-kpi-card.neutral .admin-kpi-icon-wrap{color:#64748b;background:#f1f5f9}.admin-kpi-card.neutral strong{color:#334155}.chart-empty-note{text-align:center;color:#94a3b8;padding:1.5rem 0;font-size:.82rem}.chart-bar-row.zero-row .chart-bar-label-col{color:#9ca3af}.chart-bar-fill.zero-fill{background:#e5e7eb}.val-zero{color:#9ca3af!important}.trend-heading-left{flex-direction:column;gap:.2rem;display:flex}.trend-comparison{border-radius:99px;align-items:center;width:fit-content;padding:.1rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.trend-comparison.up{color:#b45309;background:#fef3c7}.trend-comparison.down{color:#059669;background:#d1fae5}.trend-tooltip-row.rate strong{color:#6366f1}.attention-required-section{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.attention-header{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.attention-header h2{color:var(--text-primary,#111827);margin:0;font-size:.9rem;font-weight:700}.attention-badge{color:#92400e;background:#fef3c7;border-radius:99px;align-items:center;padding:.15rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}.attention-items{flex-direction:column;gap:.3rem;display:flex}.attention-row{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.5rem;grid-template-columns:1.4rem 1fr auto auto;align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;font-size:.8rem;transition:background .15s,border-color .15s;display:grid}.attention-row:hover{background:#f1f5f9;border-color:#e2e8f0}.attention-row.urgent{background:#fff7ed;border-color:#fed7aa}.attention-row.urgent:hover{background:#ffedd5}.attention-icon{font-size:.85rem;line-height:1}.attention-label{color:var(--text-primary,#374151);font-weight:500}.attention-count{color:#1e293b;text-align:right;min-width:2rem;font-size:.9rem;font-weight:700}.attention-link{color:#6366f1;white-space:nowrap;font-size:.75rem;font-weight:600}@media (prefers-color-scheme:dark){.attention-required-section{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}.attention-row{background:#0f172a;border-color:#1e293b}.attention-row:hover{background:#1e293b;border-color:#334155}.attention-row.urgent{background:#1c1008;border-color:#7c3000}.attention-label{color:#cbd5e1}.attention-count,.attention-header h2{color:#f1f5f9}.trend-comparison.up{color:#fbbf24;background:#2d1d00}.trend-comparison.down{color:#34d399;background:#022c22}.kpi-sub{color:#34d399}.chart-empty-note{color:#64748b}.chart-bar-row.zero-row .chart-bar-label-col{color:#475569}.val-zero{color:#475569!important}}.page-back-nav{align-items:center;margin-bottom:1rem;display:flex}.back-nav-btn{color:#2563eb;border-radius:var(--radius-sm);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #2563eb0d}.back-nav-btn:hover{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd;text-decoration:none;transform:translate(-3px);box-shadow:0 2px 4px #2563eb1f}.settings-back-link{color:var(--primary);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;transition:transform .15s,color .15s;display:inline-flex}.settings-back-link:hover{color:var(--primary-hover);text-decoration:none;transform:translate(-2px)}.admin-settings-nav-btn{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:nowrap;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-settings-nav-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-settings-form{flex-direction:column;gap:1.75rem;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.75rem;display:grid}.admin-setting-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:1.75rem;transition:box-shadow .2s,border-color .2s;display:flex}.admin-setting-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.setting-card-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.setting-icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.setting-icon-badge.primary{color:#2563eb;background:#eff6ff}.setting-icon-badge.warning{color:#ea580c;background:#fff7ed}.setting-card-header h2{color:var(--text-main);margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.setting-card-header p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.setting-card-body{flex-direction:column;gap:1.25rem;display:flex}.setting-field{flex-direction:column;gap:.45rem;display:flex}.setting-field label{color:var(--text-main);font-size:.9rem;font-weight:600}.setting-input-wrap{align-items:center;display:flex;position:relative}.setting-input-wrap input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff;padding:.75rem 7.5rem .75rem 1rem;font-size:1.05rem;font-weight:600;transition:all .2s}.setting-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-suffix{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:500;position:absolute;right:1rem}.setting-hint{color:var(--text-muted);font-size:.8rem;line-height:1.45}.setting-hint code{font-family:var(--mono);color:#0f172a;background:#f1f5f9;border-radius:4px;padding:.15rem .35rem;font-size:.75rem}.setting-presets{flex-direction:column;gap:.45rem;display:flex}.preset-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.775rem;font-weight:600}.preset-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.preset-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-main);background:#f8fafc;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.preset-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.preset-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.setting-divider{background:var(--border-color);border:0;height:1px;margin:.25rem 0}.admin-settings-footer{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.settings-audit-info{color:var(--text-muted);font-size:.85rem}.settings-audit-info strong{color:var(--text-main)}.settings-actions{align-items:center;gap:.75rem;display:flex}@media (width<=768px){.settings-grid{grid-template-columns:1fr}.admin-settings-footer{flex-direction:column;align-items:stretch;gap:1.25rem}.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}}.system-settings-success-modal{max-width:440px;padding:2.25rem 2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn}.setting-success-badge{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) tickBounce;display:flex;box-shadow:0 8px 20px -4px #10b98159}@keyframes tickBounce{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.settings-success-summary{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:#f8fafc;flex-direction:column;gap:.6rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.settings-success-summary .summary-item{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.settings-success-summary .summary-item strong{color:var(--text-main);font-weight:600}