:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background:#f7f2ee;--color-background-soft:#f7f2ee;--color-surface:#fff;--color-surface-variant:#f1f3f5;--color-surface-alt-one:#fcfaf8;--color-surface-darker:#efe7dc;--color-note:#9fc2f9;--color-note-light:#d1e1fa;--color-text-primary:#212529;--color-text-primary-soft:#343a40;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-primary:#42b883;--color-primary-hover:#33a06f;--color-primary-light:#e8f5f0;--color-error:#dc3545;--color-error-hover:#c82333;--color-error-light:#f8d7da;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-checkout:#f7a2a1;--color-stayover:#fef29a;--color-cleaned:#aeebad;--color-out-of-order:#d3d3d3;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--space-xs:.25rem;--space-sm:.5rem;--space-base:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:24px;--breakpoint-mobile:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--container-mobile:100%;--container-tablet:720px;--container-desktop:960px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;background-color:var(--color-background);color:var(--color-text-primary);color-scheme:light dark}*{box-sizing:border-box}body{background-color:var(--color-background);min-height:100vh;min-width:320px;padding:0}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin:0}h1,h2,h3,h4,h5,h6{line-height:1.2}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-2xl);font-weight:600}p{color:var(--color-text-secondary);margin:0}a{color:var(--color-background);font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}input,select,textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-md);transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-background);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs)}button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:600;justify-content:center;padding:var(--space-md) var(--space-lg);touch-action:manipulation;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:hover:not(:disabled){background-color:var(--color-surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#app{min-height:100vh;width:100%}.container{margin:0 auto;padding:0 var(--space-md);width:100%}@media(min-width:768px){:root{--font-size-3xl:2.5rem;--font-size-4xl:3rem}.container{max-width:var(--container-tablet);padding:0 var(--space-xl)}h1{font-size:var(--font-size-4xl)}}@media(min-width:1024px){.container{max-width:var(--container-desktop)}}.network-status[data-v-ce5f5731]{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.status-indicator[data-v-ce5f5731]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30f2;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:12px;padding:6px 16px;pointer-events:auto}.status-dot[data-v-ce5f5731]{animation:pulse-dot-ce5f5731 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot-ce5f5731{0%,to{opacity:1}50%{opacity:.5}}.network-notification[data-v-ce5f5731]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30f2;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:10px;margin-top:12px;padding:12px 20px;pointer-events:auto}.network-notification.online[data-v-ce5f5731]{background:#42b883f2}.notification-icon[data-v-ce5f5731]{font-size:1.2rem;line-height:1}.notification-text[data-v-ce5f5731]{line-height:1}.slide-down-enter-active[data-v-ce5f5731],.slide-down-leave-active[data-v-ce5f5731]{transition:all .3s ease}.slide-down-enter-from[data-v-ce5f5731],.slide-down-leave-to[data-v-ce5f5731]{opacity:0;transform:translateY(-100%)}