:root{--resident-primary:199 89% 48%;--resident-primary-light:204 100% 97%;--resident-primary-dark:201 90% 27%;--resident-accent:45 93% 58%;--resident-accent-light:45 93% 90%;--resident-bg:200 20% 98%;--resident-card:0 0% 100%;--resident-nav:200 25% 96%;--resident-nav-active:201 90% 90%;--resident-text-primary:200 20% 15%;--resident-text-secondary:200 10% 45%;--resident-text-muted:200 10% 60%;--resident-success:160 84% 39%;--resident-warning:45 93% 47%;--resident-error:0 72% 51%;--resident-info:199 89% 48%;--resident-gradient-from:199 89% 48%;--resident-gradient-to:198 93% 60%}.resident-portal{--primary:var(--resident-primary);background-color:hsl(var(--resident-bg));min-height:100vh}.resident-header{background-color:hsl(var(--resident-card));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e7ecef}.resident-bottom-nav{background-color:hsl(var(--resident-card));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e7ecef}.resident-bottom-nav-item{color:hsl(var(--resident-text-muted));transition:color .2s}.resident-bottom-nav-item:hover,.resident-bottom-nav-item:focus{color:hsl(var(--resident-text-secondary))}.resident-bottom-nav-item.active{color:hsl(var(--resident-primary))}.resident-bottom-nav-indicator{background:linear-gradient(135deg,hsl(var(--resident-gradient-from)),hsl(var(--resident-gradient-to)))}.resident-card{background-color:hsl(var(--resident-card));border:1px solid #e7ecef;border-radius:1rem;transition:box-shadow .2s,border-color .2s;box-shadow:0 1px 3px #00000005,0 1px 2px -1px #00000005}.resident-card:hover{border-color:#dae2e7;box-shadow:0 4px 12px #0000000d,0 2px 4px -1px #00000008}.resident-card-primary{background:linear-gradient(135deg,hsl(var(--resident-gradient-from)),hsl(var(--resident-gradient-to)));color:#fff;border:none}.resident-card-primary:hover{box-shadow:0 8px 24px -4px hsl(var(--resident-primary)/.3)}.resident-card-accent{background:linear-gradient(135deg,hsl(var(--resident-accent)),#f59f0a);color:#392613;border:none}.resident-btn-primary{background:linear-gradient(135deg,hsl(var(--resident-gradient-from)),hsl(var(--resident-gradient-to)));color:#fff;border:none;font-weight:600;transition:transform .15s,box-shadow .15s}.resident-btn-primary:hover{box-shadow:0 4px 12px -2px hsl(var(--resident-primary)/.4);transform:translateY(-1px)}.resident-btn-primary:active{transform:translateY(0)}.resident-btn-secondary{background-color:hsl(var(--resident-primary-light));color:hsl(var(--resident-primary-dark));border:1px solid hsl(var(--resident-primary)/.2)}.resident-btn-secondary:hover{background-color:hsl(var(--resident-primary)/.15)}.resident-badge{background-color:hsl(var(--resident-accent));color:#392613;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.resident-badge-primary{background-color:hsl(var(--resident-primary));color:#fff}.resident-hero{background:linear-gradient(135deg,hsl(var(--resident-gradient-from)),hsl(var(--resident-gradient-to)));color:#fff;border-radius:1.5rem;position:relative;overflow:hidden}.resident-hero:before{content:"";background:radial-gradient(circle,hsl(var(--resident-primary)/.3)0%,transparent 70%);pointer-events:none;width:60%;height:150%;position:absolute;top:-50%;right:-20%}.resident-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3abff833 0%,#0000 70%);width:50%;height:100%;position:absolute;bottom:-30%;left:-10%}.resident-fab{background:linear-gradient(135deg,hsl(var(--resident-gradient-from)),hsl(var(--resident-gradient-to)));color:#fff;box-shadow:0 4px 14px -2px hsl(var(--resident-primary)/.5);border-radius:9999px;transition:transform .2s,box-shadow .2s}.resident-fab:hover{box-shadow:0 6px 20px -2px hsl(var(--resident-primary)/.6);transform:scale(1.05)}.resident-fab:active{transform:scale(.98)}.resident-status-success{color:hsl(var(--resident-success));background-color:hsl(var(--resident-success)/.1)}.resident-status-warning{color:hsl(var(--resident-warning));background-color:hsl(var(--resident-warning)/.1)}.resident-status-error{color:hsl(var(--resident-error));background-color:hsl(var(--resident-error)/.1)}.resident-status-info{color:hsl(var(--resident-info));background-color:hsl(var(--resident-info)/.1)}.resident-stat-card{background-color:hsl(var(--resident-card));border:1px solid #e7ecef;border-radius:1rem;padding:1rem}.resident-stat-value{color:hsl(var(--resident-text-primary));font-size:1.5rem;font-weight:700;line-height:1.2}.resident-stat-label{color:hsl(var(--resident-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.resident-notification-dot{background-color:hsl(var(--resident-error));border-radius:9999px;width:.5rem;height:.5rem;animation:2s infinite resident-pulse;position:absolute;top:0;right:0}@keyframes resident-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (hover:none){.resident-touch-feedback:active{opacity:.7;transition:all .1s;transform:scale(.98)}}@media (pointer:coarse){.resident-touch-target{min-width:44px;min-height:44px}}