:root{--app-viewport-height: 100dvh;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--bg-canvas: #eef4f7;--bg-muted: #f7fafc;--panel: rgba(255, 255, 255, .8);--panel-strong: rgba(255, 255, 255, .92);--line: rgba(148, 163, 184, .18);--line-strong: rgba(148, 163, 184, .28);--text-primary: #0f172a;--text-secondary: #475569;--accent: #0891b2;--accent-soft: rgba(34, 211, 238, .18)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-canvas);min-height:var(--app-viewport-height);height:var(--app-viewport-height);overscroll-behavior-y:none}body{margin:0;padding:0;min-height:var(--app-viewport-height);height:var(--app-viewport-height);width:100%;color:var(--text-primary);text-rendering:optimizeLegibility;background:radial-gradient(circle at 15% 18%,rgba(34,211,238,.16),transparent 25%),radial-gradient(circle at 85% 12%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,#f9fbfd,#eff4f7 48%,#edf2f6)}body:before{content:"";position:fixed;inset:-20% -15% auto auto;width:32rem;height:32rem;border-radius:9999px;background:radial-gradient(circle,#ffffffb8,#fff0 72%);filter:blur(20px);opacity:.85;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 55%);mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 55%);opacity:.4;pointer-events:none;z-index:-1}#root{min-height:var(--app-viewport-height);height:var(--app-viewport-height);width:100%;display:flex;flex-direction:column;position:relative;isolation:isolate}html.auth-page-open{min-height:100%;height:auto;overflow-y:auto;overscroll-behavior-y:auto}body.auth-page-open{min-height:100%;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto}body.auth-page-open #root{min-height:100%;height:auto!important;overflow:visible}body.modal-open,body.modal-open #root{overflow:hidden;overscroll-behavior:none}body.modal-open .app-shell,body.modal-open .app-frame{overflow:hidden}body.modal-open #app-scroll-root,body.modal-open .app-main{overflow:hidden!important;overscroll-behavior:none;touch-action:none}body.nav-hidden #bottom-nav-container{opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem + env(safe-area-inset-bottom)))}img{display:block}::selection{background:#22d3ee47;color:#083344}.font-display{font-family:Fraunces,serif;letter-spacing:-.03em}.text-balance{text-wrap:balance}button,input,select,textarea,a{transition:transform .18s var(--ease-soft),box-shadow .18s var(--ease-soft),border-color .18s var(--ease-soft),background-color .18s var(--ease-soft),color .18s var(--ease-soft),opacity .18s var(--ease-soft)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px #22d3ee24}.app-shell{display:flex;justify-content:center;align-items:stretch;position:relative;padding:.75rem;min-height:100%;height:100%;overscroll-behavior:none}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top center,rgba(255,255,255,.8),transparent 60%),linear-gradient(180deg,#ffffff6b,#fff0);pointer-events:none}.app-frame{position:relative;margin:0 auto;height:100%;max-width:430px;overflow:hidden;border-radius:2.5rem;border:1px solid rgba(255,255,255,.82);background:linear-gradient(180deg,#fffffff0,#fafcffd6);box-shadow:0 22px 70px #0f172a1f,inset 0 1px #fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.app-frame:before{content:"";position:absolute;inset:0 0 auto 0;height:220px;background:radial-gradient(circle at top center,#ffffffe6,#fff0 72%);pointer-events:none}.app-main{position:relative;overscroll-behavior-y:contain}.app-main:before{content:"";position:absolute;inset:0 0 auto 0;height:200px;background:linear-gradient(180deg,#ffffff75,#fff0);pointer-events:none;z-index:0}.app-main>*{position:relative;z-index:1}.notification-panel-shell,.notification-panel-surface{overscroll-behavior:none;touch-action:none}.notification-panel-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.app-floating-nav{background:#ffffffbd;border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 44px #0f172a24,inset 0 1px #ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.surface-card{background:#fffc;border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 36px #0f172a14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.surface-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #0f172a1a}.admin-shell{position:relative;min-height:var(--app-viewport-height);height:var(--app-viewport-height);overflow:hidden;background:linear-gradient(180deg,#eff4f7,#f8fbfd 28%,#eef2f6)}.admin-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 8%,rgba(34,211,238,.14),transparent 24%),radial-gradient(circle at 84% 6%,rgba(251,191,36,.1),transparent 20%),linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.admin-sidebar-shell{position:relative;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.38) transparent;background:linear-gradient(180deg,#0f172a,#111827 42%,#0b1120);border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 #ffffff08,18px 0 40px #0f172a29}.admin-sidebar-shell::-webkit-scrollbar{width:8px}.admin-sidebar-shell::-webkit-scrollbar-track{background:transparent}.admin-sidebar-shell::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:9999px;border:2px solid transparent;background-clip:padding-box}.admin-sidebar-shell::-webkit-scrollbar-thumb:hover{background:#cbd5e16b;background-clip:padding-box}.admin-sidebar-shell:before{content:"";position:absolute;inset:-10% auto auto -20%;width:260px;height:260px;border-radius:9999px;background:radial-gradient(circle,#22d3ee38,#22d3ee00 72%);pointer-events:none}.admin-sidebar-shell:after{content:"";position:absolute;right:-100px;bottom:-60px;width:220px;height:220px;border-radius:9999px;background:radial-gradient(circle,#fbbf241f,#fbbf2400 72%);pointer-events:none}.admin-panel{background:#ffffffd1;border:1px solid rgba(255,255,255,.88);box-shadow:0 20px 48px #0f172a14,inset 0 1px #ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.admin-panel-solid{background:#fffffff5;border:1px solid rgba(226,232,240,.8);box-shadow:0 18px 36px #0f172a14}.admin-page-shell{max-width:84rem;margin:0 auto;padding:1.5rem}.admin-page-hero{position:relative;overflow:hidden;border-radius:2rem;padding:2rem;background:linear-gradient(135deg,#fffffff2,#f8fafcc2);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 56px #0f172a14}.admin-page-hero:before{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:9999px;background:radial-gradient(circle,#22d3ee2e,#22d3ee00 70%);pointer-events:none}.admin-page-hero:after{content:"";position:absolute;inset:-50px auto auto -50px;width:180px;height:180px;border-radius:9999px;background:radial-gradient(circle,#fbbf2424,#fbbf2400 72%);pointer-events:none}.admin-toolbar{background:#ffffffbd;border:1px solid rgba(255,255,255,.88);box-shadow:0 16px 34px #0f172a14;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.admin-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;border-radius:9999px;background:#0ea5e914;color:#0f766e;font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.admin-search-input{background:#fffc;border:1px solid rgba(203,213,225,.82);box-shadow:inset 0 1px #fffc,0 8px 24px #0f172a0a}.admin-search-input:focus{border-color:#06b6d48c;box-shadow:0 0 0 4px #22d3ee24,0 18px 30px #0f172a0d}.table-frost{background:linear-gradient(180deg,#fffffff5,#ffffffe0);border:1px solid rgba(255,255,255,.88);box-shadow:0 24px 56px #0f172a14}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#02061780;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-card{width:100%;border-radius:2rem;border:1px solid rgba(255,255,255,.84);background:linear-gradient(180deg,#fffffff5,#f9fbfdeb);box-shadow:0 28px 64px #0f172a2e,inset 0 1px #ffffffdb;overflow:hidden}.modal-card-sm{max-width:32rem}.modal-card-md{max-width:40rem}.modal-card-lg{max-width:48rem}.modal-card-xl{max-width:56rem}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0}.modal-header-stack{display:flex;flex-direction:column;gap:.45rem}.modal-title{font-family:Fraunces,serif;font-size:2rem;line-height:1;letter-spacing:-.03em;color:#0f172a}.modal-subtitle{color:#64748b;font-size:.95rem;font-weight:500;line-height:1.5}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:1rem;border:1px solid rgba(226,232,240,.9);background:#f8fafceb;color:#64748b;box-shadow:0 10px 20px #0f172a0d}.modal-close:hover{color:#0f172a;background:#fff}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.form-section{border-radius:1.5rem;border:1px solid rgba(226,232,240,.78);background:#f8fafcc7;padding:1rem}.form-section-tint{border-color:#bae6fdb8;background:linear-gradient(180deg,#f0f9ffe0,#f8fafceb)}.field-label{display:block;margin-bottom:.5rem;color:#64748b;font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.field-input,.field-select,.field-textarea{width:100%;border-radius:1rem;border:1px solid rgba(203,213,225,.92);background:#ffffffe0;color:#0f172a;box-shadow:inset 0 1px #ffffffc7,0 8px 20px #0f172a0a}.field-input,.field-select{min-height:3rem;padding:.78rem .95rem}.field-textarea{padding:.9rem .95rem;resize:vertical}.field-input::placeholder,.field-textarea::placeholder{color:#94a3b8}.field-help{margin-top:.45rem;color:#94a3b8;font-size:.72rem;font-weight:600}.data-card{border-radius:1.5rem;border:1px solid rgba(226,232,240,.7);background:#f8fafcd6;padding:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.78rem 1.2rem;border-radius:1rem;background:#0f172a;color:#fff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 18px 30px #0f172a29}.btn-primary:hover{background:#020617;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.78rem 1.2rem;border-radius:1rem;border:1px solid rgba(226,232,240,.9);background:#f8fafcf5;color:#334155;font-weight:800}.btn-secondary:hover{background:#fff}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.78rem 1.2rem;border-radius:1rem;background:#dc2626;color:#fff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 16px 28px #dc26262e}.btn-danger:hover{background:#b91c1c}.soft-divider{border-color:#e2e8f0b8}@keyframes nudge-x{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.animate-nudge-x{animation:nudge-x 1.5s var(--ease-out-expo) .8s 1 forwards}@media(min-width:640px){.app-shell{padding:1rem}.admin-page-shell{padding:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}