:root{--ink: #12365c;--ink-soft: #4c6c8c;--muted: #6f8dab;--blue-900: #0f3d6e;--blue-700: #1d68ab;--blue-500: #3a8fd4;--teal: #19bfd6;--teal-soft: #8fe3ee;--glass: rgba(255, 255, 255, .42);--glass-strong: rgba(255, 255, 255, .62);--glass-edge: rgba(255, 255, 255, .75);--shadow: 0 10px 34px rgba(31, 85, 145, .16);--grad-cta: linear-gradient(100deg, #1d62a8 0%, #2a9ccf 55%, #27cfe0 100%);--radius: 22px;--bottom-nav: 74px;--gutter: 18px;--max: 1160px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#b3d0ec}body{margin:0;min-height:100dvh;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(900px 600px at 85% -10%,#e4f4ff 0%,transparent 60%),radial-gradient(800px 700px at -10% 30%,#9fc8ee 0%,transparent 60%),radial-gradient(700px 600px at 100% 90%,#8dd8ea 0%,transparent 55%),linear-gradient(180deg,#c6dcf1,#b3d0ec);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.glass{background:linear-gradient(145deg,var(--glass-strong),var(--glass));border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #fffc;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.tile{display:grid;justify-items:center;align-content:center;gap:8px;padding:14px 6px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);border-radius:20px;background:linear-gradient(145deg,#ffffffb3,#ffffff59);border:1px solid var(--glass-edge);box-shadow:0 8px 22px #1f55911f,inset 0 1px #fff;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1f55912e,inset 0 1px #fff}.tile app-icon{color:var(--blue-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.01em;color:#fff;background:var(--grad-cta);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 24px #1d62a859,inset 0 1px #ffffff80;transition:transform .15s,box-shadow .2s,filter .2s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.block{width:100%}.btn.ghost{color:var(--ink);background:linear-gradient(145deg,#ffffffbf,#fff6);box-shadow:0 8px 20px #1f559124,inset 0 1px #fff}.btn.sm{min-height:40px;padding:0 18px;font-size:14px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffffffbf,#fff6);border:1px solid var(--glass-edge);box-shadow:0 4px 12px #1f55911f;color:var(--ink)}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left),env(safe-area-inset-right))}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 12px}.section-head h2{font-size:17px;font-weight:800}.section-head a{font-size:13px;font-weight:700;color:#1596b5;display:inline-flex;align-items:center;gap:4px}.eyebrow{font-size:13px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#fff9;border:1px solid var(--glass-edge)}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,#ffffff4d 30%,#ffffffb3,#ffffff4d 70%) 0 0/200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink-soft)}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:16px;font-weight:600;font-size:15px;background:#ffffffa6;border:1px solid var(--glass-edge);box-shadow:inset 0 1px 3px #1f559114}.field input::placeholder,.field textarea::placeholder{color:#8ba5bf;font-weight:500}.field input.invalid,.field textarea.invalid{border-color:#e0627b}.field textarea{resize:vertical;min-height:84px}.field .err{color:#c43d5b;font-weight:600;font-size:12px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.auth-card{width:100%;max-width:440px;min-height:min(760px,100dvh - 32px);padding:20px 22px 26px;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--blue-900)}.logo-row b{color:var(--teal);font-weight:800}.st{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;background:#e7f0f8;color:#3f6486}.st.requested{background:#fff1cc;color:#8a5a00}.st.confirmed{background:#dbf1ff;color:#0b6aa3}.st.arrived{background:#d9f7e6;color:#0b7a4a}.st.in-progress{background:#e8e1ff;color:#5535b8}.st.completed{background:#c9f1dc;color:#0b7a4a}.st.cancelled{background:#ffe1e8;color:#a8294a}.st.no-show{background:#eceff3;color:#5b6b7b}.st.active{background:#c9f1dc;color:#0b7a4a}.st.pending{background:#fff1cc;color:#8a5a00}.st.draft,.st.invited{background:#e7f0f8;color:#3f6486}.st.rejected,.st.suspended{background:#ffe1e8;color:#a8294a}.switch{position:relative;width:48px;height:28px;flex:none;border-radius:999px;background:#b9cde0;transition:background .2s;box-shadow:inset 0 1px 3px #1f559140}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f3c6e59;transition:transform .2s}.switch[aria-checked=true]{background:linear-gradient(100deg,#1fb8d2,#2a9ccf)}.switch[aria-checked=true]:after{transform:translate(20px)}.seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:#ffffff8c;border:1px solid var(--glass-edge)}.seg button{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-soft)}.seg button.on{color:#fff;background:linear-gradient(100deg,#1d62a8,#2a9ccf);box-shadow:0 4px 10px #1d62a84d}.select,.input{width:100%;padding:13px 14px;border-radius:14px;font-weight:600;font-size:14.5px;background:#ffffffbf;border:1px solid var(--glass-edge);box-shadow:inset 0 1px 3px #1f559114;color:var(--ink)}.btn.danger{background:linear-gradient(100deg,#c93b5c,#e5627f);box-shadow:0 10px 22px #c93b5c59}.btn.ok{background:linear-gradient(100deg,#0d9a6a,#2fc99a);box-shadow:0 10px 22px #0d9a6a59}.empty-state{padding:28px 20px;text-align:center;display:grid;justify-items:center;gap:10px;color:var(--ink-soft);font-weight:600}.empty-state app-icon{color:var(--blue-700)}.toast-ok{position:fixed;z-index:90;left:50%;translate:-50% 0;bottom:calc(var(--bottom-nav) + 30px + env(safe-area-inset-bottom));padding:12px 20px;border-radius:999px;font-weight:700;font-size:13.5px;color:#fff;background:#0d7a55;box-shadow:0 10px 24px #053c2859;animation:drop .25s ease-out}@media(min-width:900px){.toast-ok{bottom:28px}}