:root{--hub-accent:184, 107, 58;--hub-accent-light:202, 147, 95;--hub-glow:#b86b3a66;--hub-card-bg:linear-gradient(145deg, #fffffff2 0%, #f8fafce6 100%)}@keyframes meshGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes borderGlow{0%,to{border-color:#b86b3a4d;box-shadow:0 0 20px #b86b3a1a}50%{border-color:#b86b3a99;box-shadow:0 0 30px #b86b3a33}}@keyframes cardEntrance{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.hub-card{background:var(--hub-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s var(--ease-spring,cubic-bezier(.22, 1, .36, 1));isolation:isolate;border:1px solid #1e293b26;border-radius:16px;flex-direction:column;min-height:110px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #1e293b14,0 1px 3px #0000000d,inset 0 1px #fffc}.hub-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#b86b3a66 0%,#0000 40% 60%,#ca935f4d 100%);border-radius:16px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hub-card:after{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle,#b86b3a14 0%,#0000 70%);width:100%;height:100%;transition:transform .6s,opacity .4s;position:absolute;top:-50%;right:-50%}.hub-card:hover{border-color:#b86b3a66;transform:translateY(-4px)scale(1.005);box-shadow:0 12px 40px #1e293b1a,0 4px 16px #b86b3a14,0 0 0 1px #b86b3a14,inset 0 1px #ffffffe6}.hub-card:hover:before{opacity:1}.hub-card:hover:after{opacity:1;transform:translate(-20%,20%)}.hub-card[data-category=inventory]{--accent:184, 107, 58;--accent-gradient:linear-gradient(135deg, #b86b3a, #a15e33);--accent-ghost:#b86b3a14;--card-texture:linear-gradient(135deg, #b86b3a0f 0%, transparent 45%)}.hub-card[data-category=warehouse]{--accent:194, 65, 12;--accent-gradient:linear-gradient(135deg, #874d2b, #6e3f24);--accent-ghost:#c2410c14;--card-texture:linear-gradient(135deg, #c2410c0f 0%, transparent 45%)}.hub-card[data-category=workOrders],.hub-card[data-category=analytics]{--accent:184, 107, 58;--accent-gradient:linear-gradient(135deg, #b86b3a, #a15e33);--accent-ghost:#b86b3a14;--card-texture:linear-gradient(135deg, #b86b3a0f 0%, transparent 45%)}.hub-card[data-category=communications]{--accent:20, 184, 166;--accent-gradient:linear-gradient(135deg, #14b8a6, #0d9488);--accent-ghost:#14b8a614;--card-texture:linear-gradient(135deg, #14b8a60f 0%, transparent 45%)}.hub-card[data-category=industries]{--accent:245, 158, 11;--accent-gradient:linear-gradient(135deg, #f59e0b, #d97706);--accent-ghost:#f59e0b14;--card-texture:linear-gradient(135deg, #f59e0b12 0%, transparent 45%)}.hub-card[data-category=settings]{--accent:107, 114, 128;--accent-gradient:linear-gradient(135deg, #6b7280, #4b5563);--accent-ghost:#6b728014;--card-texture:linear-gradient(135deg, #6b728012 0%, transparent 45%)}.hub-card[data-category=admin]{--accent:147, 51, 234;--accent-gradient:linear-gradient(135deg, #9333ea, #7c3aed);--accent-ghost:#9333ea14;--card-texture:linear-gradient(135deg, #9333ea12 0%, transparent 45%)}.hub-card[data-category=workLink]{--accent:184, 107, 58;--accent-gradient:linear-gradient(135deg, #b86b3a, #a15e33);--accent-ghost:#b86b3a14;--card-texture:linear-gradient(135deg, #b86b3a12 0%, transparent 45%)}.hub-card[data-category=maps]{--accent:14, 116, 144;--accent-gradient:linear-gradient(135deg, #0e7490, #0891b2);--accent-ghost:#0e749014;--card-texture:linear-gradient(135deg, #0e749012 0%, transparent 45%)}.hub-card[data-category=favorites]{--accent:245, 158, 11;--accent-gradient:linear-gradient(135deg, #f59e0b, #e67e22);--accent-ghost:#f59e0b14;--card-texture:linear-gradient(135deg, #f59e0b12 0%, transparent 45%)}.hub-card[data-category=teams]{--accent:234, 88, 12;--accent-gradient:linear-gradient(135deg, #a15e33, #dc2626);--accent-ghost:#ea580c14;--card-texture:linear-gradient(135deg, #ea580c12 0%, transparent 45%)}.hub-card[data-category]:before{background:linear-gradient(135deg, rgba(var(--accent), .5) 0%, transparent 50%, rgba(var(--accent), .3) 100%)}.hub-card[data-category]:after{background:radial-gradient(circle at center, rgba(var(--accent), .1) 0%, transparent 70%)}.hub-card[data-category]{background-image:var(--card-texture), var(--hub-card-bg)}.hub-card[data-health=good]{border-color:#22c55e40}.hub-card[data-health=good]:hover{border-color:#22c55e80}.hub-card[data-health=warning]{border-color:#f59e0b66;animation:3s ease-in-out infinite borderGlow}.hub-card[data-health=critical]{border-color:#ef444480;animation:1.5s infinite pulse-critical}@keyframes pulse-critical{0%,to{box-shadow:0 4px 24px #ef444426,0 0 #ef44444d}50%{box-shadow:0 4px 24px #ef444440,0 0 0 8px #ef444400}}.hub-card-icon{background:linear-gradient(135deg,#1e293b14,#b86b3a0d);background:linear-gradient(135deg, rgba(var(--accent), .12), rgba(var(--accent), .05));border:1px solid #1e293b1a;border-color:rgba(var(--accent), .2);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hub-card-icon:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#fff6 50%,#0000 60%) 0 0/200% 100%;transition:opacity .3s;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.hub-card:hover .hub-card-icon{box-shadow:0 4px 12px rgba(var(--accent,184, 107, 58), .15);transform:scale(1.08)rotate(-2deg)}.hub-card:hover .hub-card-icon:before{opacity:1}.hub-card-icon-glyph{color:rgba(var(--accent), 1)}.hub-module-tag{letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--accent), .95);background:rgba(var(--accent), .1);border:1px solid rgba(var(--accent), .22);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-weight:700;display:inline-flex}.hub-card-primary-value{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.quick-stats-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%);border:1px solid #b86b3a26;border-radius:16px;box-shadow:0 4px 20px #1e293b0f,inset 0 1px #fffc}.hub-card-animate{animation:.6s cubic-bezier(.175,.885,.32,1.275) both cardEntrance}@media (prefers-reduced-motion:no-preference){.hub-card-animate{opacity:0;animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){.hub-card-animate{opacity:1!important;animation:none!important}}.hub-card-animate:first-child{animation-delay:0s}.hub-card-animate:nth-child(2){animation-delay:60ms}.hub-card-animate:nth-child(3){animation-delay:.12s}.hub-card-animate:nth-child(4){animation-delay:.18s}.hub-card-animate:nth-child(5){animation-delay:.24s}.hub-card-animate:nth-child(6){animation-delay:.3s}.hub-card-animate:nth-child(7){animation-delay:.36s}.hub-card-animate:nth-child(8){animation-delay:.42s}.hub-card-animate:nth-child(9){animation-delay:.48s}.hub-card-animate:nth-child(10){animation-delay:.54s}.hub-card-animate:nth-child(11){animation-delay:.6s}.hub-card-animate:nth-child(12){animation-delay:.66s}.hub-progress-bar{background:#1e293b1a;border-radius:3px;height:5px;position:relative;overflow:hidden}.hub-progress-fill{background:linear-gradient(90deg,#874d2b,#b86b3a,#dbb38a,#b86b3a,#874d2b) 0 0/200% 100%;border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);animation:2s linear infinite shimmer;position:relative}.hub-progress-fill:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#0000,#fff9);width:20px;height:100%;position:absolute;top:0;right:0}.ai-fab{cursor:pointer;z-index:50;background:linear-gradient(135deg,#b86b3a 0%,#a15e33 50%,#ca935f 100%) 0 0/200% 200%;border:none;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:6s infinite meshGradient;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #b86b3a66,0 0 #b86b3a66,inset 0 1px #fff3}.ai-fab:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#b86b3a,#ca935f,#06b6d4,#b86b3a) 0 0/300% 300%;border-radius:22px;transition:opacity .3s;animation:4s linear infinite meshGradient;position:absolute;inset:-2px}.ai-fab:hover{transform:scale(1.1)rotate(-5deg);box-shadow:0 12px 40px #b86b3a80,0 0 60px #b86b3a4d}.ai-fab:hover:before{opacity:1}.ai-fab.has-suggestions{animation:2s infinite ai-pulse,6s infinite meshGradient}@keyframes ai-pulse{0%,to{box-shadow:0 8px 32px #b86b3a66,0 0 #b86b3a66}50%{box-shadow:0 8px 32px #b86b3a66,0 0 0 15px #b86b3a00}}.favorites-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);scrollbar-width:none;background:linear-gradient(135deg,#fffc 0%,#f8fafcb3 100%);border:1px solid #b86b3a26;border-radius:14px;gap:10px;padding:10px 14px;display:flex;overflow-x:auto;box-shadow:0 2px 12px #1e293b0d}.favorites-bar::-webkit-scrollbar{display:none}.favorite-item{white-space:nowrap;cursor:pointer;background:#b86b3a1a;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.favorite-item:hover{background:#b86b3a33;border-color:#b86b3a4d}@media (max-width:768px){.hub-card{border-radius:12px;min-height:90px;padding:10px}.hub-card:hover{transform:none}.hub-card:active{transition:transform .1s;transform:scale(.98)}.ai-fab{width:52px;height:52px;bottom:16px;right:16px}}@media (max-width:480px){.hub-card{border-radius:10px;min-height:85px;padding:8px!important}.hub-card:after{width:50px;height:50px}.hub-card-icon{width:28px!important;height:28px!important}.hub-card-icon img{width:20px!important;height:20px!important}.ai-fab{width:48px;height:48px;bottom:12px;right:12px}}.hub-bento-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:8px;max-width:100%;padding:0;display:grid;overflow:hidden}@media (max-width:359px){.hub-bento-grid{grid-template-columns:1fr;gap:8px}}@media (min-width:360px){.hub-bento-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (min-width:480px){.hub-bento-grid{gap:12px}}@media (min-width:640px){.hub-bento-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width:768px){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1024px){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (min-width:1280px){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media screen and (max-height:500px) and (orientation:landscape){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:8px}.hub-card{min-height:80px;padding:8px!important}.hub-card-icon{width:28px!important;height:28px!important}.hub-card-icon img{width:20px!important;height:20px!important}.ai-fab{width:40px;height:40px;bottom:8px;right:8px}.quick-stats-bar{padding:6px 10px}}@media screen and (max-height:400px) and (orientation:landscape){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hub-card{min-height:70px;padding:6px!important}}@media screen and (min-width:640px) and (max-width:1024px) and (orientation:landscape){.hub-bento-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (pointer:coarse){.hub-card{min-height:85px}.favorite-item{min-height:44px;padding:10px 16px}.ai-fab{width:56px;height:56px}}@media (hover:none){.hub-card{transition:transform .1s,box-shadow .1s}.hub-card:active{transform:scale(.97);box-shadow:0 2px 8px #1e293b26}.favorite-item:active{background:#b86b3a4d}.ai-fab:active{transform:scale(.95)}}@supports (padding:env(safe-area-inset-bottom)){.ai-fab{bottom:calc(16px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right))}@media (max-width:480px){.ai-fab{bottom:calc(12px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right))}}@media screen and (max-height:500px) and (orientation:landscape){.ai-fab{bottom:calc(8px + env(safe-area-inset-bottom));right:calc(8px + env(safe-area-inset-right))}}}
:root{--resident-primary:199 89% 48%;--resident-primary-light:199 95% 95%;--resident-primary-dark:201 90% 27%;--resident-secondary:222 47% 11%;--resident-accent:187 85% 43%;--resident-accent-light:187 60% 97%;--resident-bg:199 20% 98%;--resident-card:0 0% 100%;--resident-nav:199 20% 97%;--resident-nav-active:199 50% 93%;--resident-text-primary:201 40% 13%;--resident-text-secondary:201 20% 42%;--resident-text-muted:201 12% 58%;--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:201 96% 32%}.dark{--resident-bg:222 30% 8%;--resident-card:222 25% 12%;--resident-nav:222 25% 10%;--resident-nav-active:222 35% 18%;--resident-text-primary:199 15% 92%;--resident-text-secondary:199 10% 65%;--resident-text-muted:199 8% 48%}.resident-portal{--primary:var(--resident-primary);background-color:hsl(var(--resident-bg));min-height:100vh}.resident-portal .bg-primary-50{background-color:#f0f9ff!important}.resident-portal .bg-primary-100{background-color:#e0f2fe!important}.resident-portal .bg-primary-200{background-color:#bae6fd!important}.resident-portal .bg-primary-300{background-color:#7dd3fc!important}.resident-portal .bg-primary-400{background-color:#38bdf8!important}.resident-portal .bg-primary-500{background-color:#0ea5e9!important}.resident-portal .bg-primary-600{background-color:#0284c7!important}.resident-portal .bg-primary-700{background-color:#0369a1!important}.resident-portal .bg-primary-800{background-color:#075985!important}.resident-portal .bg-primary-900{background-color:#0c4a6e!important}.resident-portal .text-primary-50{color:#f0f9ff!important}.resident-portal .text-primary-100{color:#e0f2fe!important}.resident-portal .text-primary-200{color:#bae6fd!important}.resident-portal .text-primary-300{color:#7dd3fc!important}.resident-portal .text-primary-400{color:#38bdf8!important}.resident-portal .text-primary-500{color:#0ea5e9!important}.resident-portal .text-primary-600{color:#0284c7!important}.resident-portal .text-primary-700{color:#0369a1!important}.resident-portal .text-primary-800{color:#075985!important}.resident-portal .text-primary-900{color:#0c4a6e!important}.resident-portal .border-primary-50{border-color:#f0f9ff!important}.resident-portal .border-primary-100{border-color:#e0f2fe!important}.resident-portal .border-primary-200{border-color:#bae6fd!important}.resident-portal .border-primary-300{border-color:#7dd3fc!important}.resident-portal .border-primary-400{border-color:#38bdf8!important}.resident-portal .border-primary-500{border-color:#0ea5e9!important}.resident-portal .border-primary-600{border-color:#0284c7!important}.resident-portal [class*=bg-primary-50\/]{background-color:rgb(240 249 255/var(--tw-bg-opacity,1))!important}.resident-portal .bg-primary-50\/40{background-color:#f0f9ff66!important}.resident-portal .bg-primary-50\/50{background-color:#f0f9ff80!important}.resident-portal .bg-primary-50\/60{background-color:#f0f9ff99!important}.resident-portal .bg-primary-50\/80{background-color:#f0f9ffcc!important}.resident-portal .bg-primary-100\/50{background-color:#e0f2fe80!important}.resident-portal .bg-primary-200\/15{background-color:#bae6fd26!important}.resident-portal .bg-primary-200\/20{background-color:#bae6fd33!important}.resident-portal .bg-primary-200\/25{background-color:#bae6fd40!important}.resident-portal .bg-primary-300\/20{background-color:#7dd3fc33!important}.resident-portal .bg-primary-300\/30{background-color:#7dd3fc4d!important}.resident-portal .bg-primary-400\/10{background-color:#38bdf81a!important}.resident-portal .bg-primary-400\/20{background-color:#38bdf833!important}.resident-portal .bg-primary-500\/10{background-color:#0ea5e91a!important}.resident-portal .bg-primary-500\/20{background-color:#0ea5e933!important}.resident-portal .bg-primary-500\/30{background-color:#0ea5e94d!important}.resident-portal .bg-primary-500\/40{background-color:#0ea5e966!important}.resident-portal .bg-primary-600\/20{background-color:#0284c733!important}.resident-portal .border-primary-100\/50{border-color:#e0f2fe80!important}.resident-portal .border-primary-200\/50{border-color:#bae6fd80!important}.resident-portal .border-primary-500\/20{border-color:#0ea5e933!important}.resident-portal .border-primary-500\/30{border-color:#0ea5e94d!important}.resident-portal .from-primary-50{--tw-gradient-from:#f0f9ff!important}.resident-portal .from-primary-50\/60{--tw-gradient-from:#f0f9ff99!important}.resident-portal .from-primary-50\/80{--tw-gradient-from:#f0f9ffcc!important}.resident-portal .from-primary-100{--tw-gradient-from:#e0f2fe!important}.resident-portal .from-primary-200\/20{--tw-gradient-from:#bae6fd33!important}.resident-portal .from-primary-200\/25{--tw-gradient-from:#bae6fd40!important}.resident-portal .from-primary-300{--tw-gradient-from:#7dd3fc!important}.resident-portal .from-primary-300\/30{--tw-gradient-from:#7dd3fc4d!important}.resident-portal .from-primary-400{--tw-gradient-from:#38bdf8!important}.resident-portal .from-primary-400\/20{--tw-gradient-from:#38bdf833!important}.resident-portal .from-primary-500{--tw-gradient-from:#0ea5e9!important}.resident-portal .from-primary-600{--tw-gradient-from:#0284c7!important}.resident-portal .to-primary-400{--tw-gradient-to:#38bdf8!important}.resident-portal .to-primary-500{--tw-gradient-to:#0ea5e9!important}.resident-portal .to-primary-600{--tw-gradient-to:#0284c7!important}.resident-portal .via-primary-500{--tw-gradient-via:#0ea5e9!important}.resident-portal .ring-primary-400{--tw-ring-color:#38bdf8!important}.resident-portal .ring-primary-500{--tw-ring-color:#0ea5e9!important}.resident-portal .shadow-primary-500\/30{--tw-shadow-color:#0ea5e94d!important}.resident-portal .shadow-primary-500\/40{--tw-shadow-color:#0ea5e966!important}.resident-portal .shadow-primary-500\/50{--tw-shadow-color:#0ea5e980!important}.resident-portal .hover\:bg-primary-50:hover{background-color:#f0f9ff!important}.resident-portal .hover\:bg-primary-100:hover{background-color:#e0f2fe!important}.resident-portal .hover\:bg-primary-500:hover{background-color:#0ea5e9!important}.resident-portal .hover\:bg-primary-600:hover{background-color:#0284c7!important}.resident-portal .hover\:text-primary-500:hover{color:#0ea5e9!important}.resident-portal .hover\:text-primary-600:hover{color:#0284c7!important}.resident-portal .hover\:text-primary-700:hover{color:#0369a1!important}.resident-portal .hover\:border-primary-300:hover{border-color:#7dd3fc!important}.resident-portal .hover\:border-primary-500:hover{border-color:#0ea5e9!important}.resident-portal .hover\:shadow-primary-500\/40:hover{--tw-shadow-color:#0ea5e966!important}.resident-portal .hover\:shadow-primary-500\/50:hover{--tw-shadow-color:#0ea5e980!important}.resident-portal .hover\:from-primary-600:hover{--tw-gradient-from:#0284c7!important}.resident-portal .hover\:to-primary-700:hover{--tw-gradient-to:#0369a1!important}.resident-portal .bg-secondary-500{background-color:#475569!important}.resident-portal .bg-secondary-600{background-color:#334155!important}.resident-portal .bg-secondary-700{background-color:#1e293b!important}.resident-portal .bg-secondary-800{background-color:#0f172a!important}.resident-portal .bg-secondary-900,.resident-portal .bg-secondary-950{background-color:#020617!important}.resident-portal .text-secondary-500{color:#475569!important}.resident-portal .text-secondary-600{color:#334155!important}.resident-portal .text-secondary-700{color:#1e293b!important}.resident-portal .text-secondary-800{color:#0f172a!important}.resident-portal .text-secondary-900{color:#020617!important}.resident-portal .from-secondary-500{--tw-gradient-from:#475569!important}.resident-portal .from-secondary-700{--tw-gradient-from:#1e293b!important}.resident-portal .from-secondary-900{--tw-gradient-from:#020617!important}.resident-portal .to-secondary-700{--tw-gradient-to:#1e293b!important}.resident-portal .border-secondary-200{border-color:#e2e8f0!important}.resident-portal .border-secondary-700{border-color:#1e293b!important}.resident-portal .bg-accent-50{background-color:#ecfeff!important}.resident-portal .bg-accent-100{background-color:#cffafe!important}.resident-portal .bg-accent-200{background-color:#a5f3fc!important}.resident-portal .bg-accent-300{background-color:#67e8f9!important}.resident-portal .bg-accent-400{background-color:#22d3ee!important}.resident-portal .bg-accent-500{background-color:#06b6d4!important}.resident-portal .text-accent-400{color:#22d3ee!important}.resident-portal .text-accent-500{color:#06b6d4!important}.resident-portal .text-accent-600{color:#0891b2!important}.resident-portal .border-accent-200{border-color:#a5f3fc!important}.resident-portal .border-accent-300{border-color:#67e8f9!important}.resident-portal .from-accent-50{--tw-gradient-from:#ecfeff!important}.resident-portal .from-accent-50\/20{--tw-gradient-from:#ecfeff33!important}.resident-portal .to-accent-50\/20{--tw-gradient-to:#ecfeff33!important}.resident-portal .bg-amber-50{background-color:#eef2ff!important}.resident-portal .bg-amber-100{background-color:#e0e7ff!important}.resident-portal .bg-amber-200{background-color:#c7d2fe!important}.resident-portal .bg-amber-400{background-color:#818cf8!important}.resident-portal .bg-amber-500{background-color:#6366f1!important}.resident-portal .text-amber-400{color:#818cf8!important}.resident-portal .text-amber-500{color:#6366f1!important}.resident-portal .text-amber-600{color:#4f46e5!important}.resident-portal .text-amber-700{color:#4338ca!important}.resident-portal .border-amber-200{border-color:#c7d2fe!important}.resident-portal .border-amber-300{border-color:#a5b4fc!important}.resident-portal .from-amber-50{--tw-gradient-from:#eef2ff!important}.resident-portal .from-amber-500{--tw-gradient-from:#6366f1!important}.resident-portal .to-amber-400,.resident-portal .to-yellow-500{--tw-gradient-to:#818cf8!important}.resident-header{background-color:hsl(var(--resident-card));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #dee8ed}.resident-bottom-nav{background-color:hsl(var(--resident-card));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #dee8ed}.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 #e0e7eb;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:#d1dce0;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)), #26c4d9);color:#fff;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:#193b4d;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,#23a9e733 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 #e0e7eb;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}}