:root{--primary:#7C3AED;--primary-2:#EC4899;--primary-grad:linear-gradient(135deg,#7C3AED 0%,#EC4899 100%);--navy:#150F26;--bg:#F5F3FB;--card:#fff;--ink:#1B1530;--muted:#79758C;--line:#EAE6F6;--ok:#17A365;--ok-bg:#E1F8EC;--warn:#D97706;--warn-bg:#FFEFDD;--bad:#E23F63;--bad-bg:#FDE5EA;--chip-purple-bg:#F1E9FE;--chip-purple-fg:#7C3AED;--radius-lg:20px;--radius-md:16px;--radius-sm:10px;--shadow-card:0 1px 2px rgba(20,10,45,.04),0 12px 30px -14px rgba(35,15,80,.16);--shadow-pop:0 10px 26px -8px rgba(124,58,237,.4);--blue:var(--primary);--pink:var(--primary-2);--text:var(--ink)}:root[data-theme=dark]{--bg:#100C1C;--card:#1B1530;--ink:#F1EEFB;--muted:#A39DC0;--line:#332B4D;--ok:#2ED18B;--ok-bg:rgba(46,209,139,.16);--warn:#F5A623;--warn-bg:rgba(245,166,35,.16);--bad:#F5567A;--bad-bg:rgba(245,86,122,.16);--chip-purple-bg:rgba(124,58,237,.22);--chip-purple-fg:#B794F6;--shadow-card:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif}.resident-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--primary-grad);color:#fff;box-shadow:var(--shadow-pop)}.resident-head img{width:44px;height:44px;border-radius:13px;object-fit:cover;background:#fff}.resident-head div{display:grid}.resident-head small{opacity:.85}.resident-head .head-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.resident-head .icon-btn{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:0;background:#ffffff29;color:#fff;cursor:pointer;box-shadow:none}.resident-head .icon-btn:hover{background:#ffffff47}.resident-head button:not(.icon-btn){background:#ffffff2e;box-shadow:none}.resident-nav{position:fixed;inset:auto 0 0;z-index:5;display:grid;grid-template-columns:repeat(7,1fr);background:var(--card);border-top:1px solid var(--line);padding:6px;gap:2px}.resident-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 1px;border-radius:12px;text-align:center;color:var(--muted);font-size:10px;text-decoration:none}.resident-nav a svg{width:19px;height:19px}.resident-nav a.active{background:var(--primary-grad);color:#fff;font-weight:700}#resident-app{max-width:920px;margin:auto;padding:22px 18px 100px}.panel,.post,.profile-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-card)}a.refer-cta{display:block;text-decoration:none;color:inherit}a.refer-cta strong{color:var(--primary)}a.refer-cta:hover{border-color:var(--primary)}.greeting-card{background:var(--primary-grad);color:#fff;border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:16px;box-shadow:var(--shadow-pop)}.greeting-card h1{color:#fff;margin:0 0 6px}.greeting-card p{margin:0;opacity:.92;font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.muted{color:var(--muted)}h1,h2{color:var(--ink)}h1{font:700 22px Inter,sans-serif;margin:4px 0 18px}.panel h2,.post h2,.profile-card h2{font:700 17px Inter,sans-serif;margin:0 0 8px}button,.button{border:0;border-radius:11px;background:var(--primary-grad);color:#fff;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-pop)}.secondary{background:var(--chip-purple-bg);color:var(--primary);box-shadow:none}label{display:grid;gap:6px;margin:10px 0;color:var(--muted)}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit}textarea{min-height:110px}.post-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}.post-images img{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-sm)}.menu-intro h2{margin:0 0 8px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.menu-day{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card)}.menu-day strong{display:block;font:700 16px Inter,sans-serif;margin-bottom:10px;color:var(--ink)}.menu-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px;display:block}.menu-day p{margin:6px 0;font-size:14px;line-height:1.45}.menu-day p span{color:var(--primary);font-weight:700}.menu-upload{width:100%;border-radius:10px;display:block}.status{display:inline-block;padding:4px 9px;border-radius:18px;background:var(--chip-purple-bg);color:var(--chip-purple-fg);font-size:12px;font-weight:600}.loading{text-align:center;padding:70px;color:var(--muted)}dialog{border:0;border-radius:var(--radius-lg);width:min(760px,calc(100% - 18px));padding:18px;background:var(--card);color:var(--ink)}dialog::backdrop{background:#150f268c}.actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}.receipt-view-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.resident-receipt-frame{width:100%;height:min(70vh,560px);border:0;border-radius:var(--radius-sm);background:#eef2f9}#resident-toast{position:fixed;right:14px;bottom:82px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:30}#resident-toast.show{opacity:1}.resident-login{min-height:100vh;display:grid;place-items:center;background:var(--primary-grad);padding:20px}.resident-auth{width:min(430px,calc(100% - 24px));background:var(--card);color:var(--ink);border-radius:var(--radius-lg);padding:28px 26px;box-shadow:0 25px 70px #150f2666}.resident-auth>img{width:76px;height:76px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg)}.brand-wordmark{display:inline-block;font:800 34px Inter,sans-serif;letter-spacing:-.02em;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.resident-auth .eyebrow{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;margin:14px 0 2px}.resident-auth h1{margin:0 0 16px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:3px;background:var(--bg);border-radius:12px}.auth-tabs button{background:transparent;color:var(--muted);box-shadow:none;border-radius:9px}.auth-tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #140a2d1f}#auth-error{color:var(--bad);min-height:20px;font-size:13px}.pull-refresh{position:fixed;z-index:30;top:8px;left:50%;transform:translate(-50%,-140%);padding:8px 14px;border-radius:18px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 18px #07152a66;transition:transform .18s ease}.pull-refresh.visible{transform:translate(-50%)}.pull-refresh.refreshing{background:var(--primary)}@media(max-width:560px){.receipt-view-actions{flex-wrap:wrap}.resident-receipt-frame{height:68vh}}@media(min-width:760px){.resident-nav{position:sticky;top:72px;max-width:920px;margin:auto;border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md)}.resident-nav a{font-size:13px}#resident-app{padding-bottom:30px}}.page-motion{min-height:40vh}.app-toast{position:fixed;right:16px;bottom:24px;z-index:40;max-width:320px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow-pop)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#150f268c}.modal-card{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card);color:var(--ink);border-radius:var(--radius-lg);padding:22px;box-shadow:0 25px 80px #0005}.modal-card h2{margin:0 0 12px}@media(prefers-reduced-motion:reduce){.page-motion,.stat-card,.panel,.profile-card,.menu-day,.post{animation:none!important;transition:none!important}}body.native-app .app-toast{bottom:28px}html.liquid-glass{--glass-blur: 28px;--glass-saturate: 180%;--glass-fill: rgba(255, 255, 255, .42);--glass-fill-strong: rgba(255, 255, 255, .78);--glass-well: rgba(255, 255, 255, .5);--glass-stroke: rgba(255, 255, 255, .58);--glass-highlight: rgba(255, 255, 255, .86);--glass-shadow: 0 10px 40px rgba(21, 15, 38, .12);--glass-rim: inset 0 1px 0 var(--glass-highlight), inset 0 -.5px 0 rgba(255, 255, 255, .16);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow-card: var(--glass-shadow), var(--glass-rim);background-color:var(--bg)}html.liquid-glass[data-theme=dark]{--glass-fill: rgba(24, 18, 42, .52);--glass-fill-strong: rgba(28, 22, 48, .82);--glass-well: rgba(255, 255, 255, .08);--glass-stroke: rgba(255, 255, 255, .14);--glass-highlight: rgba(255, 255, 255, .22);--glass-shadow: 0 16px 48px rgba(0, 0, 0, .38)}html.liquid-glass,html.liquid-glass body{min-height:100%}html.liquid-glass body{background:transparent;isolation:isolate}.liquid-orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.liquid-orbs span{position:absolute;border-radius:50%;will-change:transform}.liquid-orbs span:nth-child(1){width:min(78vw,760px);height:min(78vw,760px);top:-18vh;left:-14vw;background:radial-gradient(circle at 40% 40%,rgba(168,85,247,.58),rgba(124,58,237,.14) 58%,transparent 74%),radial-gradient(circle at 80% 90%,rgba(99,102,241,.3),transparent 62%);animation:liquid-drift 22s ease-in-out infinite}.liquid-orbs span:nth-child(2){width:min(70vw,680px);height:min(70vw,680px);top:8vh;right:-16vw;background:radial-gradient(circle at 50% 50%,rgba(236,72,153,.48),rgba(59,109,242,.22) 58%,transparent 74%);animation:liquid-drift 26s ease-in-out infinite reverse}.liquid-orbs span:nth-child(3){width:min(78vw,760px);height:min(78vw,760px);bottom:-22vh;left:-18vw;background:radial-gradient(circle at 42% 42%,rgba(99,102,241,.52),rgba(124,58,237,.16) 58%,transparent 74%),radial-gradient(circle at 72% 68%,rgba(168,85,247,.28),transparent 62%);animation:liquid-drift 24s ease-in-out infinite;animation-delay:-8s}.liquid-orbs span:nth-child(4){width:min(62vw,560px);height:min(62vw,560px);bottom:-16vh;right:-14vw;background:radial-gradient(circle at 50% 50%,rgba(236,72,153,.28),rgba(124,58,237,.12) 58%,transparent 74%);animation:liquid-drift 28s ease-in-out infinite reverse;animation-delay:-4s}@keyframes liquid-drift{0%,to{transform:translateZ(0) scale(1)}40%{transform:translate3d(5%,-4%,0) scale(1.08)}70%{transform:translate3d(-4%,5%,0) scale(.96)}}html.liquid-glass .stat-card,html.liquid-glass .card,html.liquid-glass .panel,html.liquid-glass .pl-hero,html.liquid-glass .menu-day,html.liquid-glass .profile-card,html.liquid-glass .post,html.liquid-glass .modal-card,html.liquid-glass dialog,html.liquid-glass .login-card,html.liquid-glass .resident-auth{position:relative;isolation:isolate;background:transparent;border:1px solid var(--glass-stroke);box-shadow:var(--glass-rim),var(--glass-shadow)}html.liquid-glass .sidebar,html.liquid-glass .shell>header,html.liquid-glass .dropdown-panel,html.liquid-glass .search-results,html.liquid-glass .resident-head,html.liquid-glass .resident-nav,html.liquid-glass .app-toast,html.liquid-glass .pull-refresh{isolation:isolate;background:transparent;border:1px solid var(--glass-stroke);box-shadow:var(--glass-rim),var(--glass-shadow)}html.liquid-glass .sidebar:before,html.liquid-glass .shell>header:before,html.liquid-glass .stat-card:before,html.liquid-glass .card:before,html.liquid-glass .panel:before,html.liquid-glass .pl-hero:before,html.liquid-glass .menu-day:before,html.liquid-glass .profile-card:before,html.liquid-glass .post:before,html.liquid-glass .dropdown-panel:before,html.liquid-glass .search-results:before,html.liquid-glass .modal-card:before,html.liquid-glass dialog:before,html.liquid-glass .login-card:before,html.liquid-glass .resident-auth:before,html.liquid-glass .resident-head:before,html.liquid-glass .resident-nav:before,html.liquid-glass .app-toast:before,html.liquid-glass .pull-refresh:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}html.liquid-glass .sidebar{background:transparent;border:0;border-right:1px solid rgba(255,255,255,.12);box-shadow:12px 0 40px #100a202e}html.liquid-glass .sidebar:before{background:#100a20b8;-webkit-backdrop-filter:blur(40px) saturate(170%);backdrop-filter:blur(40px) saturate(170%)}html.liquid-glass .brand{background:#ffffffe6;border:1px solid rgba(255,255,255,.7);box-shadow:var(--glass-rim),0 8px 24px #100a201f}html.liquid-glass .sidebar nav a:hover{background:#ffffff1a}html.liquid-glass .sidebar nav a.active{background:#ffffff29;box-shadow:inset 0 1px #ffffff47,0 10px 24px #7c3aed47}html.liquid-glass .quiet{background:#ffffff0f;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1f}html.liquid-glass .shell>header{height:calc(74px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--glass-stroke);box-shadow:var(--glass-rim)}html.liquid-glass .icon-btn{background:var(--glass-well);border:1px solid var(--glass-stroke);box-shadow:var(--glass-rim)}html.liquid-glass .icon-btn:hover,html.liquid-glass .icon-btn.active-toggle{background:var(--glass-fill-strong);color:var(--ink)}html.liquid-glass .search-bar{background:var(--glass-well);border:1px solid var(--glass-stroke);box-shadow:var(--glass-rim)}html.liquid-glass .search-bar:focus-within{background:var(--glass-fill-strong)}html.liquid-glass .login-card:before,html.liquid-glass .resident-auth:before,html.liquid-glass .modal-card:before,html.liquid-glass dialog:before,html.liquid-glass .dropdown-panel:before,html.liquid-glass .search-results:before{background:var(--glass-fill-strong)}html.liquid-glass .modal-backdrop{background:#100a2047;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}html.liquid-glass table{background:transparent}html.liquid-glass .table-wrap{background:var(--glass-fill-strong);border:1px solid var(--glass-stroke);box-shadow:var(--glass-rim),var(--glass-shadow)}html.liquid-glass .stat-card:hover,html.liquid-glass button.stat-card:hover{box-shadow:var(--glass-rim),0 18px 40px #230f502e}html.liquid-glass .glass-stat{background:#ffffff2e;border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 1px #ffffff73}html.liquid-glass .hero-banner{box-shadow:var(--glass-rim),0 18px 50px #7c3aed52}html.liquid-glass .hero-cta{background:#ffffffeb;box-shadow:inset 0 1px #fff,0 8px 20px #150f2629}html.liquid-glass .login-page,html.liquid-glass body.resident-login,html.liquid-glass .resident-login.login-shell{background:transparent}html.liquid-glass input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),html.liquid-glass select,html.liquid-glass textarea{background:var(--glass-well);border-color:var(--glass-stroke);box-shadow:var(--glass-rim)}html.liquid-glass .search-bar input{background:transparent;border:0;box-shadow:none}html.liquid-glass .login-card,html.liquid-glass .resident-auth{overflow:hidden;color:var(--ink);box-shadow:var(--glass-rim),0 30px 80px #150f2647}html.liquid-glass .login-card:after,html.liquid-glass .resident-auth:after{content:"";position:absolute;inset:0 0 auto;height:38%;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent)}html.liquid-glass .login-card>*,html.liquid-glass .resident-auth>*{position:relative;z-index:1}html.liquid-glass .auth-tabs{background:var(--glass-well);border:1px solid var(--glass-stroke)}html.liquid-glass .auth-tabs button.active{background:var(--glass-fill-strong);box-shadow:var(--glass-rim)}html.liquid-glass .resident-head{padding-top:calc(14px + env(safe-area-inset-top));border:0;border-bottom:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:inset 0 1px #ffffff47,0 10px 30px #7c3aed2e}html.liquid-glass .resident-head:before{background:linear-gradient(135deg,#7c3aedc7,#ec4899b3)}html.liquid-glass .resident-head .icon-btn,html.liquid-glass .resident-head button:not(.icon-btn){background:#ffffff2e;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px #ffffff47;color:#fff}html.liquid-glass .resident-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));inset:auto 12px calc(10px + env(safe-area-inset-bottom)) 12px;padding:7px;gap:4px;border-radius:28px}html.liquid-glass .resident-nav a{border-radius:20px}html.liquid-glass .resident-nav a.active{background:#7c3aed29;color:var(--primary);box-shadow:inset 0 1px #ffffff8c}html.liquid-glass[data-theme=dark] .resident-nav a.active{background:#ffffff24;color:#e9d5ff}html.liquid-glass .nav-badge{border-color:transparent;box-shadow:0 0 0 2px var(--glass-fill-strong)}html.liquid-glass #resident-app{padding-bottom:calc(108px + env(safe-area-inset-bottom))}html.liquid-glass .app-toast:before,html.liquid-glass .pull-refresh:before{background:#150f26c7}html.liquid-glass .app-toast,html.liquid-glass .pull-refresh{color:#fff;border-color:#ffffff29}html.liquid-glass .period-toggle button.active,html.liquid-glass .kbd-badge{background:var(--glass-fill-strong);border-color:var(--glass-stroke)}html.liquid-glass .shell>header.mobile-search-open .search-bar{background:var(--glass-fill-strong)}html.liquid-glass body.native-app{--glass-blur: 18px}@media(min-width:760px){html.liquid-glass .resident-nav{position:fixed;left:50%;right:auto;width:min(560px,calc(100% - 32px));transform:translate(-50%);max-width:none;margin:0;border-radius:28px}html.liquid-glass #resident-app{padding-bottom:calc(108px + env(safe-area-inset-bottom))}}@media(max-width:950px){html.liquid-glass .sidebar{box-shadow:20px 0 60px #100a2047}}@media(prefers-reduced-transparency:reduce){html.liquid-glass .sidebar:before,html.liquid-glass .shell>header:before,html.liquid-glass .stat-card:before,html.liquid-glass .card:before,html.liquid-glass .panel:before,html.liquid-glass .login-card:before,html.liquid-glass .resident-auth:before,html.liquid-glass .resident-nav:before,html.liquid-glass .resident-head:before,html.liquid-glass .modal-card:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card)}html.liquid-glass .sidebar:before{background:var(--navy)}html.liquid-glass .resident-head:before{background:linear-gradient(135deg,#7c3aed,#ec4899)}}@media(prefers-reduced-motion:reduce){.liquid-orbs span{animation:none}}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){html.liquid-glass .shell>header:before,html.liquid-glass .stat-card:before,html.liquid-glass .card:before,html.liquid-glass .panel:before,html.liquid-glass .login-card:before,html.liquid-glass .resident-auth:before,html.liquid-glass .resident-nav:before,html.liquid-glass .dropdown-panel:before{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}html.liquid-glass .sidebar:before{background:var(--navy)}}