.header{height:var(--header-height);padding:0 var(--space-lg);-webkit-backdrop-filter:blur(12px);z-index:90;background:#ffffffd9;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.header__spacer{width:36px}.header__back{width:36px;height:36px;color:var(--gray-800);transition:background var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.header__back:hover{background:var(--gray-100)}.header__title{font-family:var(--font-heading);color:var(--gray-900);align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.header__title--brand{color:var(--primary-dark);letter-spacing:1px;font-size:20px;font-weight:800}.header__eye{font-size:18px}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.header__icon-btn{width:36px;height:36px;color:var(--gray-700);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex;position:relative}.header__icon-btn:hover{background:var(--gray-100)}.header__badge{background:var(--danger);color:#fff;min-width:16px;height:16px;font-family:var(--font-heading);border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.header__avatar{background:var(--primary-50);width:32px;height:32px;color:var(--primary);border:2px solid var(--primary-100);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.header__avatar:hover{border-color:var(--primary);background:var(--primary-100)}.bottom-nav{width:100%;max-width:480px;height:var(--bottom-nav-height);background:var(--white);z-index:100;border-top:1px solid var(--gray-200);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #0000000f}.bottom-nav__tab{height:100%;color:var(--gray-500);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:20px;display:flex;position:relative}.bottom-nav__tab span{font-family:var(--font-heading);font-size:10px;font-weight:600}.bottom-nav__tab--active{color:var(--primary)}.bottom-nav__tab--active:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav__tab--center{flex:1}.bottom-nav__fab{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);width:56px;height:56px;color:var(--white);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;margin-top:-28px;font-size:24px;display:flex;position:relative;box-shadow:0 4px 16px #e8871e66}.bottom-nav__tab--center:hover .bottom-nav__fab{transform:scale(1.08);box-shadow:0 6px 24px #e8871e80}.bottom-nav__tab--center:active .bottom-nav__fab{transform:scale(.95)}.bottom-nav__tab--center:before{display:none!important}.splash{z-index:9999;background:linear-gradient(160deg,#064d4d 0%,#0a6e6e 40%,#0d8f8f 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.splash--fade{opacity:0;pointer-events:none}.splash__content{flex-direction:column;align-items:center;animation:.8s fadeInUp;display:flex}.splash__ring-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex;position:relative}.splash__ring{border:2px solid #fff3;border-radius:50%;position:absolute}.splash__ring--1{width:80px;height:80px;animation:2s ease-out infinite ripple}.splash__ring--2{width:80px;height:80px;animation:2s ease-out .5s infinite ripple}.splash__ring--3{width:80px;height:80px;animation:2s ease-out 1s infinite ripple}.splash__eye{z-index:1;filter:drop-shadow(0 4px 12px #0000004d);font-size:48px;animation:2s infinite pulse}.splash__title{color:#fff;letter-spacing:6px;text-shadow:0 4px 20px #0003;font-family:Outfit,sans-serif;font-size:42px;font-weight:800}.splash__subtitle{color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-family:DM Sans,sans-serif;font-size:14px}.splash__footer{position:absolute;bottom:48px}.splash__footer p{color:#fff6;font-family:DM Sans,sans-serif;font-size:12px}.onboarding{min-height:100vh;background:var(--white);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.onboarding__skip{z-index:10;font-family:var(--font-heading);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.onboarding__skip:hover{background:var(--gray-100);color:var(--gray-800)}.onboarding__slide{flex-direction:column;flex:1;display:flex}.onboarding__illustration{background:linear-gradient(180deg, color-mix(in srgb, var(--ob-color) 8%, white) 0%, white 100%);flex:1;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.onboarding__icon-ring{z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;animation:.6s bounceIn;display:flex;box-shadow:0 8px 32px #00000014}.onboarding__emoji{font-size:64px}.onboarding__bg-circle{background:color-mix(in srgb, var(--ob-color) 6%, transparent);border-radius:50%;position:absolute}.onboarding__bg-circle--1{width:280px;height:280px;animation:3s infinite pulse}.onboarding__bg-circle--2{width:400px;height:400px;animation:3s .5s infinite pulse}.onboarding__text{text-align:center;padding:32px 28px 16px}.onboarding__text h2{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:12px;font-size:28px;font-weight:800}.onboarding__text p{font-family:var(--font-body);color:var(--gray-600);max-width:340px;margin:0 auto;font-size:15px;line-height:1.7}.onboarding__footer{flex-direction:column;gap:20px;padding:16px 28px 40px;display:flex}.onboarding__dots{justify-content:center;gap:8px;display:flex}.onboarding__dot{background:var(--gray-300);width:8px;height:8px;transition:all var(--transition-base);border-radius:50%}.onboarding__dot--active{border-radius:4px;width:28px}.auth{min-height:100vh;background:var(--white);max-width:480px;min-height:100dvh;margin:0 auto}.auth__hero{background:linear-gradient(160deg,#064d4d 0%,#0a6e6e 50%,#0d8f8f 100%);padding:48px 28px 0;position:relative;overflow:hidden}.auth__hero:before{content:"";background:#ffffff0d;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.auth__hero:after{content:"";background:#ffffff0a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:20px;left:-30px}.auth__hero-content{z-index:1;text-align:center;padding-bottom:40px;position:relative}.auth__hero-icon{filter:drop-shadow(0 4px 12px #0003);margin-bottom:16px;font-size:48px}.auth__hero-content h1{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:26px;font-weight:800}.auth__hero-content p{font-family:var(--font-body);color:#ffffffb3;font-size:14px;line-height:1.5}.auth__wave{margin-top:-1px;position:relative}.auth__wave svg{width:100%;height:40px;display:block}.auth__form-area{padding:8px 28px 40px}.auth__toggle{background:var(--gray-100);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.auth__toggle-btn{font-family:var(--font-heading);color:var(--gray-600);transition:all var(--transition-base);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.auth__toggle-btn--active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.auth__form{flex-direction:column;gap:4px;display:flex}.auth__phone-input{border:1.5px solid var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;display:flex;overflow:hidden}.auth__phone-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.auth__country-code{font-family:var(--font-heading);color:var(--gray-700);background:var(--gray-50);border-right:1px solid var(--gray-200);align-items:center;height:48px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.auth__phone-input .form-input{border:none;border-radius:0}.auth__phone-input .form-input:focus{box-shadow:none}.auth__otp-row{justify-content:center;gap:8px;display:flex}.auth__otp-digit{border:2px solid var(--gray-300);text-align:center;width:44px;height:52px;font-family:var(--font-heading);color:var(--gray-900);transition:all var(--transition-fast);background:var(--white);border-radius:12px;font-size:22px;font-weight:700}.auth__otp-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.auth__otp-hint{text-align:center;color:var(--gray-500);justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.auth__otp-hint i{color:var(--info)}.auth__footer-text{text-align:center;color:var(--gray-500);margin-top:24px;font-size:11px;line-height:1.5}.auth__footer-text a{color:var(--primary);font-weight:500}.stat-card{align-items:center;gap:var(--space-md);background:var(--white);border-radius:var(--card-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);min-width:0;transition:all var(--transition-base);flex:1;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{background:color-mix(in srgb, var(--stat-color) 12%, white);width:42px;height:42px;color:var(--stat-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.stat-card__info{flex-direction:column;min-width:0;display:flex}.stat-card__value{font-family:var(--font-heading);color:var(--gray-900);font-size:22px;font-weight:800;line-height:1}.stat-card__label{font-family:var(--font-body);color:var(--gray-600);margin-top:2px;font-size:11px;font-weight:500}.stat-card__trend{font-family:var(--font-heading);align-items:center;gap:2px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.stat-card__trend--up{color:var(--success)}.stat-card__trend--down{color:var(--danger)}.severity-badge{font-family:var(--font-heading);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.severity-badge i{font-size:10px}.severity-badge--sm{padding:2px 8px;font-size:10px}.severity-badge--sm i{font-size:8px}.severity-badge--md{font-size:11px}.severity-badge--lg{padding:4px 14px;font-size:13px}.status-badge{font-family:var(--font-heading);background:color-mix(in srgb, var(--status-color) 12%, transparent);color:var(--status-color);white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge__dot{background:var(--status-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge--sm{padding:2px 8px;font-size:10px}.status-badge--sm .status-badge__dot{width:5px;height:5px}.status-badge--lg{padding:4px 14px;font-size:13px}.complaint-card{gap:var(--space-md);background:var(--white);border-radius:var(--card-radius);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);animation:.3s both fadeInUp;display:flex}.complaint-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-100);transform:translateY(-2px)}.complaint-card__thumb{border-radius:var(--radius-md);flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.complaint-card__thumb img{object-fit:cover;width:100%;height:100%}.complaint-card__category-chip{color:#fff;font-family:var(--font-heading);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;bottom:4px;left:4px}.complaint-card__category-chip i{font-size:8px}.complaint-card__body{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.complaint-card__title{font-family:var(--font-heading);color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.complaint-card__meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:4px 0;display:flex}.complaint-card__location{color:var(--gray-600);align-items:center;gap:3px;font-size:11px;display:flex}.complaint-card__location i{color:var(--primary);font-size:10px}.complaint-card__time{color:var(--gray-500);font-size:10px}.complaint-card__footer{align-items:center;gap:var(--space-sm);display:flex}.complaint-card--compact{padding:var(--space-sm)}.complaint-card--compact .complaint-card__thumb{width:64px;height:64px}.complaint-card--compact .complaint-card__title{-webkit-line-clamp:1;font-size:12px}.upvote-btn{background:var(--gray-50);border:1.5px solid var(--gray-200);color:var(--gray-600);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;outline:none;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.upvote-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 8px rgba(var(--primary-rgb), .1);background:#fff;transform:translateY(-1px)}.upvote-btn:active{transform:scale(.95)}.upvote-btn--active{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.upvote-btn--active i{animation:.4s cubic-bezier(.175,.885,.32,1.275) heartPop}.upvote-btn__count{font-variant-numeric:tabular-nums;min-width:1ch}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.upvote-btn--large{border:2px solid var(--gray-100);background:#fff;border-radius:12px;justify-content:center;width:100%;margin-top:16px;padding:12px 24px;font-size:1.05rem}.upvote-btn--active.upvote-btn--large{background:var(--primary-50);border-color:var(--primary)}.category-icon{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.category-icon:hover{transform:scale(1.08)}.category-icon:active{transform:scale(.95)}.category-icon__circle{background:color-mix(in srgb, var(--cat-color) 12%, white);width:52px;height:52px;color:var(--cat-color);transition:all var(--transition-base);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.category-icon:hover .category-icon__circle{background:color-mix(in srgb, var(--cat-color) 20%, white);border-color:color-mix(in srgb, var(--cat-color) 30%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--cat-color) 20%, transparent)}.category-icon--active .category-icon__circle{background:var(--cat-color);color:#fff;box-shadow:0 4px 16px color-mix(in srgb, var(--cat-color) 40%, transparent)}.category-icon__label{font-family:var(--font-heading);color:var(--gray-700);text-align:center;max-width:64px;font-size:10px;font-weight:600;line-height:1.2}.dashboard{padding:0 var(--space-lg) var(--space-lg);animation:.3s fadeIn}.dashboard__greeting{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);border-radius:var(--card-radius);padding:var(--space-xl);margin-top:var(--space-md);color:#fff;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.dashboard__greeting:before{content:"";background:#ffffff0f;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.dashboard__greeting-text{z-index:1;position:relative}.dashboard__greeting-label{font-family:var(--font-body);opacity:.8;font-size:13px}.dashboard__greeting-name{font-family:var(--font-heading);margin-top:2px;font-size:22px;font-weight:800}.dashboard__greeting-subtitle{opacity:.7;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.dashboard__greeting-visual{width:60px;height:60px;position:relative}.dashboard__greeting-ring{border:3px solid #fff3;border-radius:50%;width:60px;height:60px;animation:2s infinite pulse}.dashboard__stats{gap:var(--space-md);margin-top:var(--space-md);display:flex}.dashboard__section{margin-top:var(--space-xl)}.dashboard__section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.dashboard__section-header h2{font-family:var(--font-heading);color:var(--gray-900);font-size:17px;font-weight:700}.dashboard__categories{gap:var(--space-md);grid-template-columns:repeat(3,1fr);justify-items:center;display:grid}.dashboard__city-stats{background:var(--white);border-radius:var(--card-radius);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);justify-content:space-around;align-items:center;display:flex}.dashboard__city-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.dashboard__city-stat-value{font-family:var(--font-heading);color:var(--primary);font-size:22px;font-weight:800}.dashboard__city-stat-label{font-family:var(--font-body);color:var(--gray-600);text-align:center;font-size:10px}.dashboard__city-stat-divider{background:var(--gray-200);width:1px;height:36px}.dashboard__complaints-list{gap:var(--space-md);flex-direction:column;display:flex}.dashboard__transparency-card{align-items:center;gap:var(--space-md);background:linear-gradient(135deg, var(--primary-50) 0%, #0d8f8f14 100%);border-radius:var(--card-radius);padding:var(--space-lg);border:1px solid var(--primary-100);cursor:pointer;transition:all var(--transition-base);display:flex}.dashboard__transparency-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__transparency-icon{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.dashboard__transparency-text h3{font-family:var(--font-heading);color:var(--primary-dark);font-size:14px;font-weight:700}.dashboard__transparency-text p{color:var(--gray-600);margin-top:2px;font-size:12px;line-height:1.4}.dashboard__transparency-arrow{color:var(--primary);flex-shrink:0;margin-left:auto;font-size:14px}.map-view{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));flex-direction:column;display:flex;position:relative}.map-view__bar{padding:var(--space-md) var(--space-lg);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10}.map-view__search{align-items:center;gap:var(--space-sm);background:var(--gray-100);border-radius:var(--radius-md);padding:0 var(--space-md);height:40px;display:flex}.map-view__search i{color:var(--gray-500);font-size:14px}.map-view__search input{background:0 0;flex:1;font-size:13px}.map-view__filters{margin-top:var(--space-sm);gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.map-view__filters::-webkit-scrollbar{display:none}.map-view__filter-chip{font-family:var(--font-heading);background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.map-view__filter-chip:hover{background:var(--gray-200)}.map-view__filter-chip--active{border-color:#0000}.map-view__container{flex:1;position:relative}.map-view__popup{flex-direction:column;gap:4px;min-width:160px;display:flex}.map-view__popup strong{font-family:var(--font-heading);font-size:13px;font-weight:600}.map-view__popup-loc{color:var(--gray-600);font-size:11px}.map-view__sheet{bottom:var(--bottom-nav-height);background:var(--white);border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:var(--shadow-xl);z-index:20;padding:var(--space-sm) var(--space-lg) var(--space-lg);position:absolute;left:0;right:0}.map-view__sheet-handle{background:var(--gray-300);width:36px;height:4px;margin:0 auto var(--space-md);cursor:pointer;border-radius:2px}.map-view__sheet-content{gap:var(--space-md);display:flex}.map-view__sheet-img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:72px;height:72px}.map-view__sheet-info{flex:1;min-width:0}.map-view__sheet-info h3{font-family:var(--font-heading);color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.map-view__sheet-loc{color:var(--gray-600);align-items:center;gap:3px;margin:4px 0;font-size:11px;display:flex}.map-view__sheet-loc i{color:var(--primary);font-size:10px}.map-view__sheet-badges{gap:6px;margin-top:4px;display:flex}.step-indicator{padding:var(--space-lg) var(--space-xl);justify-content:center;align-items:flex-start;gap:0;display:flex}.step-indicator__item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-indicator__circle{width:32px;height:32px;font-family:var(--font-heading);background:var(--gray-200);color:var(--gray-500);transition:all var(--transition-base);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.step-indicator__item--active .step-indicator__circle{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0a6e6e4d}.step-indicator__item--completed .step-indicator__circle{background:var(--success);color:#fff}.step-indicator__label{font-family:var(--font-heading);color:var(--gray-500);text-align:center;margin-top:6px;font-size:10px;font-weight:600}.step-indicator__item--active .step-indicator__label{color:var(--primary)}.step-indicator__item--completed .step-indicator__label{color:var(--success)}.step-indicator__line{background:var(--gray-200);width:calc(100% - 40px);height:2px;position:absolute;top:16px;left:calc(50% + 20px)}.step-indicator__item--completed .step-indicator__line{background:var(--success)}.report-issue{padding:0 var(--space-lg) var(--space-lg)}.report-issue__step{gap:var(--space-lg);flex-direction:column;display:flex}.report-issue__step h3{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:4px;font-size:16px;font-weight:700}.report-issue__photo-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.report-issue__photo-item{aspect-ratio:4/3;border-radius:var(--radius-md);position:relative;overflow:hidden}.report-issue__photo-item img{object-fit:cover;width:100%;height:100%}.report-issue__photo-remove{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:6px;right:6px}.report-issue__photo-add{aspect-ratio:4/3;border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all var(--transition-base);background:var(--gray-50);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:24px;display:flex}.report-issue__photo-add span{font-family:var(--font-heading);font-size:11px;font-weight:600}.report-issue__photo-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.report-issue__gps-card{align-items:center;gap:var(--space-md);background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-sm);display:flex}.report-issue__gps-card--detecting{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 15px #0277bd1a}.report-issue__gps-icon{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.animate-pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.report-issue__gps-info{flex:1;min-width:0}.report-issue__gps-coords{font-family:var(--font-heading);color:var(--primary);font-size:11px;font-weight:600}.report-issue__gps-address{color:var(--gray-700);margin-top:2px;font-size:12px;display:block}.report-issue__gps-accuracy{font-family:var(--font-heading);color:var(--success);flex-shrink:0;font-size:10px;font-weight:600}.report-issue__category-chips{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.report-issue__chip{font-family:var(--font-heading);background:var(--gray-100);color:var(--gray-700);border:1.5px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.report-issue__chip i{font-size:11px}.report-issue__chip:hover{background:var(--gray-200)}.report-issue__chip--active{border-color:#0000}.report-issue__char-count{text-align:right;color:var(--gray-500);margin-top:4px;font-size:11px;display:block}.report-issue__nav-buttons{gap:var(--space-md);display:flex}.report-issue__hint{text-align:center;color:var(--gray-500);justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.report-issue__hint i{color:var(--info)}.report-issue__review-card{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);overflow:hidden}.report-issue__review-img{object-fit:cover;width:100%;height:180px}.report-issue__review-details{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.report-issue__review-row{flex-direction:column;gap:4px;display:flex}.report-issue__review-row p{color:var(--gray-800);font-size:13px;line-height:1.5}.report-issue__confirm{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);cursor:pointer;display:flex}.report-issue__confirm input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.report-issue__confirm span{color:var(--gray-800);font-size:13px;font-weight:500}.report-success{padding:60px var(--space-xl) var(--space-xl);text-align:center;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;animation:.5s fadeInUp;display:flex}.report-success__icon{background:var(--severity-low-bg);width:80px;height:80px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:40px;animation:.6s bounceIn;display:flex}.report-success h2{font-family:var(--font-heading);color:var(--gray-900);font-size:24px;font-weight:800}.report-success p{color:var(--gray-600);margin-top:4px;font-size:14px}.report-success__id-card{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);flex-direction:column;gap:4px;margin:24px 0;display:flex}.report-success__id{font-family:var(--font-heading);color:var(--primary-dark);letter-spacing:1px;font-size:20px;font-weight:800}.report-success__actions{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.my-complaints{padding:0 var(--space-lg) var(--space-lg);animation:.3s fadeIn}.my-complaints__search{align-items:center;gap:var(--space-sm);background:var(--gray-100);border-radius:var(--radius-md);padding:0 var(--space-md);height:42px;margin-top:var(--space-md);display:flex}.my-complaints__search i{color:var(--gray-500);font-size:14px}.my-complaints__search input{background:0 0;flex:1;font-size:13px}.my-complaints__clear{width:24px;height:24px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.my-complaints__clear:hover{background:var(--gray-200)}.my-complaints__tabs{margin-top:var(--space-md);gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.my-complaints__tabs::-webkit-scrollbar{display:none}.my-complaints__tab{font-family:var(--font-heading);background:var(--gray-100);color:var(--gray-600);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.my-complaints__tab:hover{background:var(--gray-200)}.my-complaints__tab--active{background:var(--primary);color:#fff}.my-complaints__tab-count{background:#0000001a;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.my-complaints__tab--active .my-complaints__tab-count{background:#ffffff40}.my-complaints__list{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.my-complaints__empty{text-align:center;padding:48px var(--space-xl);color:var(--gray-500);flex-direction:column;align-items:center;display:flex}.my-complaints__empty i{color:var(--gray-300);margin-bottom:16px;font-size:40px}.my-complaints__empty h3{font-family:var(--font-heading);color:var(--gray-700);font-size:16px;font-weight:700}.my-complaints__empty p{margin-top:4px;font-size:13px}.photo-carousel__viewport{aspect-ratio:4/3;border-radius:var(--card-radius);background:var(--gray-200);width:100%;position:relative;overflow:hidden}.photo-carousel__img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-base)}.photo-carousel__nav{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:background var(--transition-fast);cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-carousel__nav:hover{background:#0009}.photo-carousel__nav--prev{left:8px}.photo-carousel__nav--next{right:8px}.photo-carousel__counter{color:#fff;font-family:var(--font-heading);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.photo-carousel__dots{padding:var(--space-sm) 0;justify-content:center;gap:6px;display:flex}.photo-carousel__dot{background:var(--gray-300);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0}.photo-carousel__dot--active{background:var(--primary);border-radius:4px;width:20px}.timeline{padding:var(--space-sm) 0;flex-direction:column;display:flex}.timeline__item{gap:var(--space-md);display:flex;position:relative}.timeline__marker{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.timeline__dot{background:var(--tl-color);width:12px;height:12px;box-shadow:0 0 0 2px var(--tl-color);z-index:1;border:2px solid #fff;border-radius:50%;flex-shrink:0}.timeline__item--latest .timeline__dot{width:14px;height:14px;animation:2s infinite pulse}.timeline__connector{background:var(--gray-200);flex:1;width:2px;min-height:40px;margin:4px 0}.timeline__content{padding-bottom:var(--space-lg);flex:1}.timeline__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.timeline__status{font-family:var(--font-heading);font-size:13px;font-weight:700}.timeline__date{color:var(--gray-500);font-size:10px}.timeline__note{color:var(--gray-700);margin-bottom:4px;font-size:13px;line-height:1.5}.timeline__actor{color:var(--gray-500);align-items:center;gap:4px;font-size:11px;display:flex}.timeline__actor i{font-size:9px}.complaint-detail{padding:0 var(--space-lg) var(--space-lg);gap:var(--space-lg);padding-top:var(--space-md);flex-direction:column;animation:.3s fadeIn;display:flex}.detail-empty{text-align:center;padding:80px var(--space-xl);flex-direction:column;align-items:center;max-width:480px;margin:0 auto;display:flex}.detail-empty i{color:var(--gray-300);margin-bottom:16px;font-size:48px}.detail-empty h2{font-family:var(--font-heading);font-size:20px;font-weight:700}.detail-empty p{color:var(--gray-600);margin:8px 0 24px;font-size:14px}.detail-card{background:var(--white);border-radius:var(--card-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.detail-card__top{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.detail-card__id{font-family:var(--font-heading);color:var(--gray-500);background:var(--gray-100);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.detail-card__badges{gap:6px;display:flex}.detail-card__category{font-family:var(--font-heading);margin-bottom:var(--space-sm);border-radius:8px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.detail-card__category i{font-size:10px}.detail-card__title{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:var(--space-sm);font-size:18px;font-weight:700;line-height:1.3}.detail-card__desc{color:var(--gray-700);font-size:14px;line-height:1.6}.detail-card__meta{gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--gray-100);flex-wrap:wrap;display:flex}.detail-card__meta span{color:var(--gray-600);align-items:center;gap:4px;font-size:11px;display:flex}.detail-card__meta i{color:var(--gray-400);font-size:11px}.detail-card__section-title{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:var(--space-md);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.detail-card__section-title i{color:var(--primary);font-size:14px}.detail-card__map{border-radius:var(--radius-md);height:160px;margin-bottom:var(--space-sm);overflow:hidden}.detail-card__address{color:var(--gray-700);align-items:flex-start;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.detail-card__address i{color:var(--primary);margin-top:3px}.detail-card__ward{font-family:var(--font-heading);color:var(--gray-500);font-size:11px;font-weight:600}.detail-card--transparency{background:linear-gradient(135deg, var(--primary-50) 0%, #0d8f8f0a 100%);border-color:var(--primary-100)}.detail-card__transparency-grid{gap:var(--space-md);flex-direction:column;display:flex}.detail-card__transparency-item{flex-direction:column;gap:2px;display:flex}.detail-card__transparency-value{font-family:var(--font-heading);color:var(--gray-900);font-size:14px;font-weight:600}.detail-card__transparency-value--budget{color:var(--primary-dark);font-size:18px;font-weight:800}.profile{padding:var(--space-md) var(--space-lg) var(--space-lg);animation:.3s fadeIn}.profile__header{align-items:center;gap:var(--space-md);background:linear-gradient(135deg, var(--primary-dark), var(--primary));border-radius:var(--card-radius);padding:var(--space-xl);color:#fff;display:flex;position:relative;overflow:hidden}.profile__header:before{content:"";background:#ffffff0f;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.profile__avatar{background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.profile__info{flex:1;min-width:0}.profile__info h2{font-family:var(--font-heading);font-size:18px;font-weight:700}.profile__info p{opacity:.8;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.profile__info p i{font-size:10px}.profile__header .btn-outline{color:#fff;border-color:#fff6;flex-shrink:0}.profile__header .btn-outline:hover{background:#ffffff1a}.profile__activity{margin-top:var(--space-xl)}.profile__activity h3,.profile__settings h3{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:var(--space-md);font-size:16px;font-weight:700}.profile__activity-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.profile__activity-item{background:var(--white);border-radius:var(--card-radius);padding:var(--space-lg) var(--space-sm);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-base)}.profile__activity-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile__activity-value{font-family:var(--font-heading);color:var(--primary);font-size:26px;font-weight:800;display:block}.profile__activity-item--success .profile__activity-value{color:var(--success)}.profile__activity-item--warning .profile__activity-value{color:var(--warning)}.profile__activity-label{color:var(--gray-600);margin-top:2px;font-size:11px;display:block}.profile__settings{margin-top:var(--space-xl)}.profile__settings-list{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);flex-direction:column;display:flex;overflow:hidden}.profile__settings-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;width:100%;display:flex}.profile__settings-item:last-child{border-bottom:none}.profile__settings-item:hover{background:var(--gray-50)}.profile__settings-icon{background:var(--primary-50);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.profile__settings-text{flex:1;min-width:0}.profile__settings-label{font-family:var(--font-heading);color:var(--gray-900);font-size:14px;font-weight:600;display:block}.profile__settings-desc{color:var(--gray-500);margin-top:1px;font-size:11px;display:block}.profile__settings-arrow{color:var(--gray-400);font-size:12px}.profile__logout{width:100%;margin-top:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-heading);color:var(--danger);background:var(--severity-critical-bg);transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.profile__logout:hover{border-color:var(--danger);background:#ffcdd2}.notifications{background:var(--gray-50);min-height:100vh;padding:16px}.notifications__header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.notifications__count{color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:700}.notifications__list{flex-direction:column;gap:12px;display:flex}.notifications__item{border:1px solid var(--gray-100);text-align:left;cursor:pointer;opacity:0;background:#fff;border-radius:16px;gap:14px;width:100%;padding:16px;transition:all .2s;animation:.3s forwards slideIn;display:flex;position:relative;overflow:hidden;transform:translateY(10px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.notifications__item:hover{border-color:var(--primary-200);background:var(--primary-50);transform:scale(1.01)}.notifications__item--unread{border-left:4px solid var(--primary);background:#f0f7ff}.notifications__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.notifications__content{flex-direction:column;flex:1;gap:4px;display:flex}.notifications__item-header{justify-content:space-between;align-items:flex-start;display:flex}.notifications__title{color:var(--gray-900);font-size:1rem;font-weight:700}.notifications__dot{background:var(--primary);border-radius:50%;width:8px;height:8px;margin-top:6px}.notifications__message{color:var(--gray-600);font-size:.9rem;line-height:1.4}.notifications__time{color:var(--gray-400);margin-top:4px;font-size:.8rem}.notifications__empty{color:var(--gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notifications__empty-icon{background:var(--gray-100);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:2rem;display:flex}.notifications__empty p{font-size:1.1rem;font-weight:500}.edit-profile{padding:var(--space-lg);background:var(--white);max-width:480px;min-height:calc(100vh - var(--header-height));margin:0 auto}.edit-profile__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.edit-profile__back{background:var(--gray-100);width:40px;height:40px;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.edit-profile__back:hover{background:var(--gray-200)}.edit-profile__header h1{font-family:var(--font-heading);color:var(--gray-900);font-size:20px;font-weight:700}.edit-profile__form{gap:var(--space-lg);flex-direction:column;display:flex}.edit-profile__avatar-section{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex}.edit-profile__avatar{background:var(--primary-50);width:80px;height:80px;color:var(--primary);border:2px solid var(--primary-100);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.edit-profile__actions{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.settings-detail{padding:var(--space-lg);background:var(--white);max-width:480px;min-height:calc(100vh - var(--header-height));flex-direction:column;margin:0 auto;display:flex}.settings-detail__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.settings-detail__back{background:var(--gray-100);width:40px;height:40px;color:var(--gray-700);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-detail__header h1{font-family:var(--font-heading);font-size:20px;font-weight:700}.settings-detail__content{gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.settings-detail__icon-box{background:var(--primary-50);width:64px;height:64px;color:var(--primary);margin:0 auto var(--space-md);border-radius:16px;justify-content:center;align-items:center;font-size:28px;display:flex}.settings-detail__text{width:100%;color:var(--gray-700);line-height:1.6}.settings-detail__text p{margin-bottom:var(--space-md)}.settings-detail__language-selector{width:100%}.settings-detail__language-selector h3{color:var(--gray-800);text-align:center;margin-bottom:20px;font-size:1.1rem;font-weight:600}.language-options{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.language-option{background:var(--white);border:2px solid var(--gray-100);cursor:pointer;text-align:left;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;transition:all .2s;display:flex}.language-option:hover{background:var(--gray-50);border-color:var(--gray-200)}.language-option.active{background:var(--primary-50);border-color:var(--primary)}.language-option__label{color:var(--gray-800);font-size:1.05rem;font-weight:600}.language-option.active .language-option__label{color:var(--primary)}.language-option i{color:var(--primary);font-size:1.2rem}.settings-detail__note{color:var(--gray-500);background:#fff9c4;border-left:4px solid #fbc02d;border-radius:12px;margin-top:20px;padding:16px;font-size:.9rem;line-height:1.5}.settings-detail__footer{margin-top:var(--space-xl)}.transparency{background:var(--gray-50);flex-direction:column;gap:20px;min-height:100vh;padding:16px;display:flex}.transparency__section{flex-direction:column;gap:12px;display:flex}.transparency__section-title{color:var(--gray-900);align-items:center;gap:8px;margin-bottom:4px;font-size:1.1rem;font-weight:700;display:flex}.transparency__fin-card{background:linear-gradient(135deg, var(--primary), #0a4f5f);color:#fff;border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.transparency__fin-label{opacity:.8;font-size:.9rem;font-weight:600}.transparency__fin-value{margin:4px 0 12px;font-size:2rem;font-weight:800;display:block}.transparency__fin-visual{background:#fff3;border-radius:2px;width:100%;height:4px;overflow:hidden}.transparency__fin-bar{background:var(--accent);border-radius:2px;height:100%}.transparency__leaderboard{border:1px solid var(--gray-100);background:#fff;border-radius:16px;overflow:hidden}.transparency__contractor{border-bottom:1px solid var(--gray-50);align-items:center;gap:16px;padding:16px;transition:background .2s;display:flex}.transparency__contractor:last-child{border-bottom:none}.transparency__contractor-rank{background:var(--gray-100);width:28px;height:28px;color:var(--gray-600);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.transparency__contractor:first-child .transparency__contractor-rank{color:#856404;background:gold}.transparency__contractor-info{flex:1}.transparency__contractor-name{color:var(--gray-900);font-weight:700;display:block}.transparency__contractor-agency{color:var(--gray-500);font-size:.8rem}.transparency__contractor-stats{text-align:right}.transparency__rating{color:var(--success);font-size:.95rem;font-weight:700;display:block}.transparency__avg-days{color:var(--gray-400);font-size:.75rem}.transparency__tenders{flex-direction:column;gap:10px;display:flex}.transparency__tender{border:1px solid var(--gray-100);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.transparency__tender-left{flex-direction:column;gap:2px;display:flex}.transparency__tender-id{color:var(--primary);text-transform:uppercase;font-size:.75rem;font-weight:700}.transparency__tender-title{color:var(--gray-800);font-size:.9rem;font-weight:600}.transparency__tender-budget{color:var(--gray-900);font-size:1rem;font-weight:700}.transparency__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.transparency__grid-item{border:1px solid var(--gray-100);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.transparency__grid-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.transparency__grid-value{color:var(--gray-900);font-size:1.1rem;font-weight:800}.transparency__grid-label{color:var(--gray-500);font-size:.75rem;font-weight:600}.app-content{flex:1;min-height:0}:root{--primary:#0a6e6e;--primary-light:#0d8f8f;--primary-dark:#064d4d;--primary-50:#e6f5f5;--primary-100:#ccebeb;--primary-200:#99d7d7;--accent:#e8871e;--accent-light:#f5a623;--accent-hover:#d47818;--danger:#c62828;--warning:#f57f17;--success:#2e7d32;--info:#0277bd;--severity-critical-bg:#ffebee;--severity-critical-text:#c62828;--severity-high-bg:#fff3e0;--severity-high-text:#e65100;--severity-medium-bg:#fff8e1;--severity-medium-text:#f57f17;--severity-low-bg:#e8f5e9;--severity-low-text:#2e7d32;--status-pending:#78909c;--status-assigned:#0277bd;--status-in-progress:#f57f17;--status-resolved:#2e7d32;--status-rejected:#c62828;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--black:#000;--font-heading:"Outfit", sans-serif;--font-body:"DM Sans", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--max-width:480px;--header-height:60px;--bottom-nav-height:72px;--card-radius:16px;--radius-sm:8px;--radius-md:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000029;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--gray-900);background:var(--gray-100);font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-body);border:none;outline:none;font-size:14px}#root{min-height:100vh;min-height:100dvh}.app-container{max-width:var(--max-width);min-height:100vh;background:var(--white);min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 40px #00000014}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-display{font-family:var(--font-heading);font-size:32px;font-weight:800;line-height:1.1}.text-h1{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.2}.text-h2{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.3}.text-h3{font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.4}.text-body{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.6}.text-caption{font-family:var(--font-body);color:var(--gray-600);font-size:12px;font-weight:500;line-height:1.5}.text-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600;line-height:1}.text-stat{font-family:var(--font-heading);font-size:28px;font-weight:800;line-height:1}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-heading);transition:all var(--transition-base);white-space:nowrap;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);height:48px}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--white);height:48px}.btn-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-50)}.btn-ghost{color:var(--gray-700);background:0 0}.btn-ghost:hover{background:var(--gray-100)}.btn-full{width:100%}.btn-sm{padding:var(--space-sm) var(--space-md);height:36px;font-size:12px}.card{background:var(--white);border-radius:var(--card-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.card-elevated{box-shadow:var(--shadow-md);border:none}.form-group{margin-bottom:var(--space-lg)}.form-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.8px;color:var(--gray-700);margin-bottom:var(--space-sm);font-size:12px;font-weight:600;display:block}.form-input{width:100%;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background:var(--white);font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.form-input::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:100px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-fade-in-up{animation:.4s fadeInUp}.animate-slide-in-up{animation:.3s slideInUp}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}