:root{--bg:#fff;--bg-page:#f8fafc;--bg-muted:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-sub:#475569;--text-muted:#94a3b8;--accent:#f97316;--accent-2:#ea580c;--accent-light:#fff7ed;--white:#fff;--error:#ef4444;--error-bg:#fef2f2;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--s-new:#1d4ed8;--s-new-bg:#eff6ff;--s-open:#92400e;--s-open-bg:#fef3c7;--s-proc:#b45309;--s-proc-bg:#fff7ed;--s-prog:#6d28d9;--s-prog-bg:#f5f3ff;--s-res:#166534;--s-res-bg:#dcfce7;--s-closed:#52525b;--s-closed-bg:#f4f4f5;--radius-xs:6px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 3px #0000000f;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--font:"Inter", system-ui, -apple-system, sans-serif;--header-h:60px;--bottom-nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{font-family:var(--font);background:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;height:100%;min-height:100%}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}#app{background:var(--bg-page);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #00000014}.app-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);height:var(--header-h);align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.app-header-back{width:36px;height:36px;color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.app-header-back:active{background:var(--bg-muted)}.app-header-brand{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.app-header-logo{object-fit:contain;border-radius:var(--radius-xs);flex-shrink:0;width:36px;height:36px}.app-header-titles{min-width:0}.app-header-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;line-height:1.2;overflow:hidden}.app-header-subtitle{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.app-header-actions{align-items:center;gap:.25rem;display:flex}.app-header-btn{width:36px;height:36px;color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:background .15s;display:flex}.app-header-btn:active{background:var(--bg-muted)}.header-avatar{background:var(--accent);width:32px;height:32px;color:var(--white);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.bottom-nav{width:100%;max-width:480px;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--border);z-index:50;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;font-family:inherit;font-size:.625rem;font-weight:600;transition:color .15s;display:flex}.bottom-nav-item .nav-icon{font-size:1.125rem;transition:transform .15s}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active .nav-icon{transform:scale(1.1)}.scroll-view{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 1rem);flex:1;overflow-y:auto}.page-pad{padding:1rem}.login-page{color:#0f172a;background:#f1f3f6;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:2.5rem 1.75rem;display:flex}.login-container{z-index:10;flex-direction:column;gap:1.5rem;width:100%;max-width:360px;display:flex}.back-btn-circle{color:#0f172a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #00000008}.back-btn-circle:active{transform:scale(.92)}.login-brand-section{align-items:center;gap:1rem;width:100%;margin-top:.5rem;display:flex}.login-brand-logo{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:56px;height:56px;padding:4px;box-shadow:0 4px 12px #00000008}.login-page-title{color:#000;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800;line-height:1.15}.login-page-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.login-form-body{flex-direction:column;gap:1.125rem;width:100%;margin-top:.5rem;display:flex}.login-form-body .input-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.login-form-body .input-wrap input{color:#0f172a;box-shadow:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1rem 1rem 1rem 3rem;font-size:.9375rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login-form-body .input-wrap input::placeholder{color:#94a3b8}.login-form-body .input-wrap input:focus{background:#fff;border-color:#f97316;transform:translateY(-2px);box-shadow:0 0 0 5px #f9731614}.login-form-body .input-icon{color:#94a3b8;transition:color .25s;left:1.125rem}.login-form-body .input-wrap input:focus+.input-icon{color:#f97316}.connect-btn{cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#fff!important;background:#f97316!important;border:none!important;border-radius:12px!important;width:100%!important;padding:.8rem 1rem!important;font-size:.9375rem!important;font-weight:700!important;box-shadow:0 8px 24px #f973162e!important}.connect-btn:active{opacity:.95;transform:scale(.96)}.or-divider{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:.75rem 0;font-size:.75rem;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";border-bottom:1.5px solid #e2e8f0;flex:1}.or-divider:not(:empty):before{margin-right:1em}.or-divider:not(:empty):after{margin-left:1em}.input-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.input-group label{color:var(--text);font-size:.8125rem;font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:.8125rem;position:absolute;left:.875rem}.input-wrap input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-page);width:100%;color:var(--text);-webkit-appearance:none;outline:none;padding:.875rem .875rem .875rem 2.625rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.toggle-pwd{color:var(--text-muted);cursor:pointer;border-radius:50%;padding:.5rem;font-size:.875rem;transition:color .15s;position:absolute;right:.75rem}.toggle-pwd:active{color:var(--text)}.btn{border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:disabled{opacity:.55}.btn-outline{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.btn-outline:active{background:var(--bg-muted)}.btn-full{width:100%}.btn-sm{padding:.6rem 1rem;font-size:.8125rem}.alert{border-radius:var(--radius);align-items:center;gap:.625rem;margin-bottom:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.alert-error{background:var(--error-bg);color:var(--error)}.alert-success{background:var(--success-bg);color:var(--success)}.stats-strip{-webkit-overflow-scrolling:touch;gap:.75rem;padding:1rem 1rem .25rem;display:flex;overflow-x:auto}.stats-strip::-webkit-scrollbar{display:none}.stat-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;align-items:center;gap:.1rem;min-width:80px;padding:.75rem 1rem;display:flex}.stat-chip-num{font-size:1.375rem;font-weight:800}.stat-chip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.625rem;font-weight:600}.search-bar-wrap{gap:.625rem;padding:.75rem 1rem;display:flex}.search-bar{flex:1;position:relative}.search-bar-icon{color:var(--text-muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-bar input{border:1.5px solid var(--border);-webkit-appearance:none;width:100%;color:var(--text);background:#f1f5f9;border-radius:16px;outline:none;padding:.875rem 1rem .875rem 2.75rem;font-size:.9375rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.search-bar input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #f9731614}.filter-pill-btn{background:var(--bg);border:1.5px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:background .15s;display:flex}.filter-pill-btn:active{background:var(--bg-muted)}.filter-chips{-webkit-overflow-scrolling:touch;gap:.5rem;padding:0 1rem .75rem;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--border);background:var(--bg);color:var(--text-sub);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-shrink:0;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1)}.chip.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 4px 12px #f973162e}.chip.active .chip-count{color:var(--white);background:#ffffff40}.chip-count{background:var(--bg-muted);min-width:1.125rem;height:1.125rem;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;margin-left:.25rem;padding:0 .3rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.grievance-list{background:0 0;flex-direction:column;gap:.75rem;min-height:calc(100vh - 180px);padding:.75rem 1rem;display:flex}.grievance-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:#00000008;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.35rem;margin-bottom:0;padding:1rem;transition:background .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.grievance-card:active{background:#f8fafc}.grievance-card *{pointer-events:none}.card-top{justify-content:space-between;align-items:center;display:flex}.card-ref{color:var(--text-muted);font-family:monospace;font-size:.7rem;font-weight:700}.card-arrow{color:var(--text-muted);font-size:.75rem}.card-name{font-size:1rem;font-weight:700;line-height:1.3}.card-msg{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-bottom{justify-content:space-between;align-items:center;margin-top:.125rem;padding-top:.25rem;display:flex}.card-phone,.card-date{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.sk-line{height:.875rem}.sk-sm{width:35%}.sk-md{width:60%}.sk-lg{width:90%}.sk-gap{margin-top:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-header-table{background:var(--bg);border-bottom:1.5px solid #e2e8f0;justify-content:space-between;padding:.875rem 1rem .5rem;display:flex}.section-header-table span{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3.5rem 2rem;display:flex}.empty-state h3{color:var(--text-sub);font-size:1rem}.empty-state p{font-size:.875rem}.load-more-wrap{padding:.5rem 1rem 1rem}.btn-load-more{background:var(--bg-muted);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-sub);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:.875rem;font-family:inherit;font-size:.875rem;font-weight:600}.btn-load-more:active{background:var(--border)}.detail-hero{background:var(--bg);border-bottom:1px solid var(--border);padding:1rem}.detail-ref{color:var(--text-muted);margin-bottom:.375rem;font-family:monospace;font-size:.7rem;font-weight:700}.detail-name{color:var(--text);margin-bottom:.625rem;font-size:1.05rem;font-weight:700;line-height:1.4}.detail-chips{flex-wrap:wrap;gap:.5rem;display:flex}.info-section{padding:1rem}.info-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden}.info-card-header{border-bottom:1px solid var(--border);color:var(--text-sub);background:var(--bg-page);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:700;display:flex}.info-card-body{padding:1rem}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem 0;display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.75rem;font-weight:600}.info-value{color:var(--text);text-align:right;font-size:.875rem;font-weight:500}.desc-text{color:var(--text-sub);font-size:.9375rem;line-height:1.65}.attachment-img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-height:240px}.action-sheet{background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border);width:100%;max-width:480px;padding:1rem 1rem calc(1rem + var(--safe-bottom));z-index:200;display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 40px #0000001f}.action-sheet.open{display:block}.action-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto .875rem}.action-sheet-title{text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:700}.overlay{z-index:199;background:#0006;display:none;position:fixed;inset:0}.overlay.open{display:block}.fab-row{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + .875rem);z-index:40;gap:.625rem;width:calc(100% - 2rem);max-width:calc(480px - 2rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.fab{border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:transform .1s;display:flex}.fab:active{transform:scale(.97)}.fab-primary{background:var(--accent);color:var(--white)}.fab-outline{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.sheet-input{border:1.5px solid var(--border);border-radius:var(--radius);-webkit-appearance:none;outline:none;width:100%;margin-bottom:.75rem;padding:.875rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.sheet-input:focus{border-color:var(--accent)}.sheet-textarea{resize:vertical;border:1.5px solid var(--border);border-radius:var(--radius);-webkit-appearance:none;outline:none;width:100%;min-height:100px;margin-bottom:.75rem;padding:.875rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.sheet-textarea:focus{border-color:var(--accent)}.checkbox-row{color:var(--text-sub);cursor:pointer;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.875rem;display:flex}.checkbox-row input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.conv-list{flex-direction:column;gap:.65rem;padding:1rem;display:flex}.conv-bubble-wrap{align-items:flex-end;gap:.25rem;margin-bottom:.1rem;display:flex}.conv-bubble-wrap.admin{flex-direction:row-reverse}.conv-bubble-wrap.system{justify-content:center;margin:.25rem 0}.conv-avatar{background:var(--bg-muted);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6rem;display:flex}.conv-bubble{border-radius:12px;max-width:80%;padding:.5rem .75rem;font-size:.775rem;line-height:1.4;box-shadow:0 1px 2px #0000000d}.conv-bubble-wrap.citizen .conv-bubble{border:1px solid var(--border);color:var(--text);background:#f8fafc;border-bottom-left-radius:4px}.conv-bubble-wrap.admin .conv-bubble{background:var(--accent);color:var(--white);border-bottom-right-radius:4px}.conv-bubble-wrap.system .conv-bubble{color:#475569;text-align:center;max-width:90%;box-shadow:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.75rem}.conv-time{color:var(--text-muted);margin-top:.15rem;font-size:.55rem}.conv-bubble-wrap.admin .conv-time{color:#ffffffb3;text-align:right}.conv-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.1rem;font-size:.6rem;font-weight:700}.conv-bubble-wrap.admin .conv-label{text-align:right;color:#ffffffb3}.status{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .7rem;font-size:.6875rem;font-weight:700;display:inline-flex}.status-new{background:var(--s-new-bg);color:var(--s-new)}.status-open{background:var(--s-open-bg);color:var(--s-open)}.status-processing{background:var(--s-proc-bg);color:var(--s-proc)}.status-inprogress{background:var(--s-prog-bg);color:var(--s-prog)}.status-resolved{background:var(--s-res-bg);color:var(--s-res)}.status-closed{background:var(--s-closed-bg);color:var(--s-closed)}.type-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-muted);color:var(--text-sub);align-items:center;padding:.25rem .7rem;font-size:.6875rem;font-weight:700;display:inline-flex}.profile-row{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:1rem;display:flex}.profile-avatar-lg{background:var(--accent);width:52px;height:52px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.profile-name{font-size:1rem;font-weight:700}.profile-role{color:var(--text-sub);font-size:.8125rem}.logout-btn{background:var(--error-bg);width:100%;color:var(--error);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #fecaca;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:700;display:flex}#toast{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 1rem);border-radius:var(--radius-lg);z-index:300;pointer-events:none;opacity:0;width:calc(100% - 2rem);max-width:400px;box-shadow:var(--shadow-lg);align-items:center;gap:.625rem;padding:.875rem 1.125rem;font-size:.9rem;font-weight:600;transition:opacity .25s;display:flex;position:fixed;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#toast.success{color:#fff;background:#0a0a0a}#toast.error{background:var(--error);color:#fff}.hidden{display:none!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}@media (width>=481px){body{background:#e5e5e5}.bottom-nav,.fab-row{left:50%;transform:translate(-50%)}}.page-fade-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards pageFadeSlide}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.stagger-in{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards itemFadeUp}@keyframes itemFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:40ms}.delay-2{animation-delay:80ms}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.16s}.delay-5{animation-delay:.2s}.bg-glow-orb{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:12s ease-in-out infinite alternate floatOrb;position:absolute;top:10%;right:-50px}.bg-glow-orb-2{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f973160f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:16s ease-in-out infinite alternate floatOrb2;position:absolute;bottom:10%;left:-80px}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}to{transform:translate(-20px,40px)scale(.9)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,40px)scale(1.1)}to{transform:translate(40px,-20px)scale(.95)}}.float-logo{animation:5s ease-in-out infinite gentleFloat}@keyframes gentleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1deg)}}.btn-primary{transition:transform .1s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .25s;position:relative;overflow:hidden}.btn-primary:active{transform:scale(.965);box-shadow:0 2px 8px #f9731633}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.input-wrap input{transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background-color .25s cubic-bezier(.16,1,.3,1)}.input-wrap input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 4px #f973161f,0 4px 12px #f973160a}.grievance-card{transition:background-color .2s,transform .15s cubic-bezier(.16,1,.3,1)}.grievance-card:active{transform:scale(.98);background:var(--accent-light)!important}.onboarding-hero-card{background:linear-gradient(135deg,#fb923c 0%,#f97316 60%,#ea580c 100%);border-radius:0 0 36px 36px;justify-content:center;align-items:center;width:100%;height:46dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #f9731626}.onboarding-logo-container{z-index:5;background:#fff;border-radius:50%;width:120px;height:120px;padding:8px;box-shadow:0 12px 32px #0000001f}.onboarding-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.onboarding-content-section{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:.875rem;padding:2rem;display:flex}.onboarding-main-title{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:18px;font-weight:800;line-height:1.25}.onboarding-desc{color:#64748b;margin:0 0 .5rem;font-size:12px;line-height:1.55}.glow-orb-onboarding{pointer-events:none;border-radius:50%;position:absolute}.animate-glow-1{background:#ffffff1a;width:200px;height:200px;animation:8s ease-in-out infinite alternate floatOrbOnboard;top:-50px;left:-50px}@keyframes floatOrbOnboard{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(25px,20px)}}.pulse-button-glow{animation:2s infinite pulseButton}@keyframes pulseButton{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 14px #f9731600}to{box-shadow:0 0 #f9731600}}.login-hero-card{background:linear-gradient(135deg,#fb923c 0%,#f97316 60%,#ea580c 100%);border-radius:0 0 32px 32px;justify-content:center;align-items:center;width:100%;height:32dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #f973161f}.back-btn-circle-dark{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.back-btn-circle-dark:active{background:#ffffff4d;transform:scale(.9)}.login-hero-logo-wrap{z-index:5;background:#fff;border-radius:50%;width:120px;height:120px;padding:8px;box-shadow:0 8px 24px #00000014}.login-hero-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.login-form-section{flex-direction:column;flex:1;width:100%;padding:1.25rem;display:flex}.reply-input-container{background:var(--bg);align-items:center;gap:.75rem;padding:.75rem 1rem 1rem;display:flex}.reply-input-bar{color:var(--text);background:#f1f3f6;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.reply-input-bar:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #f9731614}.reply-send-btn{color:#fff;cursor:default;background:#cbd5e1;border:none;border-radius:12px;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1)}.reply-send-btn.active{background:var(--accent);cursor:pointer;box-shadow:0 4px 12px #f973162e}.reply-send-btn.active:active{transform:scale(.96)}