body{background-color:#111827}header{background-color:#000;border-bottom:1px solid #374151;padding:1rem 0;line-height:1.5}nav{text-align:center;width:100%;font-size:1.1rem}.home-link{color:#d1d5db;border-radius:8px;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s}.home-link:hover{color:#fff;background-color:#374151}.home-link.router-link-exact-active{color:#34d399;font-weight:700}main{justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding-top:2rem;display:flex}.card-link[data-v-ce5b2189]{text-decoration:none}@apply bg-gray-800 rounded-xl p-6 text-center transition-all duration-300 ease-in-out transform hover:-translate-y-2 hover:shadow-2xl hover:shadow-purple-500/20;.card[data-v-ce5b2189]{flex-direction:column;align-items:center;height:100%;display:flex}@apply w-16 h-16 rounded-full flex items-center justify-center text-3xl mb-4 shadow-lg;@apply text-xl font-bold text-white mb-2;@apply text-gray-400 text-sm;.drink-menu-container[data-v-cdc61c07]{width:90%;max-width:1200px;margin:2rem auto;font-family:Helvetica Neue,Arial,sans-serif}h1[data-v-cdc61c07]{text-align:center;color:#e5e7eb;margin-bottom:2rem}table[data-v-cdc61c07]{border-collapse:collapse;background-color:#1f2937;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 12px #0006}th[data-v-cdc61c07],td[data-v-cdc61c07]{text-align:center;color:#d1d5db;vertical-align:middle;border:1px solid #374151;padding:14px 18px}td[data-v-cdc61c07]:first-child{color:#fff;font-weight:500}th[data-v-cdc61c07]{color:#fff;text-transform:uppercase;letter-spacing:1px;background-color:#374151}tr[data-v-cdc61c07]{background-color:#1f2937}tr[data-v-cdc61c07]:nth-child(2n){background-color:#283342}tr[data-v-cdc61c07]:hover{background-color:#4b5563}button[data-v-cdc61c07]{color:#fff;text-align:center;cursor:pointer;border:none;border-radius:6px;margin:0;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}button[data-v-cdc61c07]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.btn-decrease[data-v-cdc61c07]{background-color:#dc2626}.btn-decrease[data-v-cdc61c07]:hover{background-color:#b91c1c}.btn-increase[data-v-cdc61c07]{background-color:#16a34a}.btn-increase[data-v-cdc61c07]:hover{background-color:#15803d}.btn-edit[data-v-cdc61c07]{background-color:#8b5cf6}.btn-edit[data-v-cdc61c07]:hover{background-color:#7c3aed}.btn-confirm[data-v-cdc61c07]{background-color:#2563eb}.btn-confirm[data-v-cdc61c07]:hover{background-color:#1d4ed8}td.stock-control[data-v-cdc61c07]{border:1px solid #0000;border-bottom-color:#374151;justify-content:center;align-items:center;gap:12px;padding:8px 15px;display:flex}.stock-control span[data-v-cdc61c07]{text-align:center;color:#fff;width:30px;font-size:1.1rem;font-weight:700;display:inline-block}td input[type=text][data-v-cdc61c07]{color:#fff;background-color:#4b5563;border:1px solid #6b7280;border-radius:4px;outline:none;width:95%;padding:8px}td input[type=text][data-v-cdc61c07]:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf666}.container[data-v-be40573f]{max-width:400px;margin:50px auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-be40573f]{text-align:center;color:#2c3e50}.form-group[data-v-be40573f]{margin-bottom:15px}label[data-v-be40573f]{margin-bottom:5px;font-weight:700;display:block}input[data-v-be40573f]{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:16px}.input-display[data-v-be40573f]{background-color:#f8f9fa;border-radius:4px;margin:15px 0;padding:10px}.input-display p[data-v-be40573f]{color:#666;margin:5px 0;font-size:14px}.button-group[data-v-be40573f]{text-align:center;margin:20px 0}button[data-v-be40573f]{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:12px 24px;font-size:16px}button[data-v-be40573f]:hover:not(:disabled){background-color:#2980b9}button[data-v-be40573f]:disabled{cursor:not-allowed;background-color:#95a5a6}.result[data-v-be40573f]{text-align:center;background-color:#f0f0f0;border-radius:4px;margin:20px 0;padding:15px}.reference[data-v-be40573f]{background-color:#f8f9fa;border-radius:4px;margin-top:30px;padding:15px}.reference h4[data-v-be40573f]{color:#2c3e50;margin-top:0}.reference ul[data-v-be40573f]{padding:0;list-style:none}.reference li[data-v-be40573f]{padding:2px 0;font-weight:700}.container[data-v-5bec8c49]{max-width:500px;margin:30px auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-5bec8c49]{text-align:center;color:#333}.setting-group[data-v-5bec8c49],.input-group[data-v-5bec8c49]{margin-bottom:20px}label[data-v-5bec8c49]{margin-bottom:5px;font-weight:700;display:block}input[type=number][data-v-5bec8c49]{border:1px solid #ccc;border-radius:4px;width:100px;padding:8px}textarea[data-v-5bec8c49]{resize:vertical;border:1px solid #ccc;border-radius:4px;width:100%;padding:10px;font-size:16px}.info-box[data-v-5bec8c49]{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;padding:15px}.info-box p[data-v-5bec8c49]{margin:5px 0;font-size:16px}.preview-box[data-v-5bec8c49]{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.preview-box h3[data-v-5bec8c49]{color:#555;margin-top:0}.preview-text[data-v-5bec8c49]{white-space:pre-wrap;background-color:#f9f9f9;border-radius:4px;min-height:50px;padding:10px}.button-area[data-v-5bec8c49]{gap:10px;display:flex}button[data-v-5bec8c49]{cursor:pointer;color:#fff;border:none;border-radius:4px;flex:1;padding:10px;font-size:16px}button[data-v-5bec8c49]:first-child{background-color:#6c757d}button[data-v-5bec8c49]:disabled{cursor:not-allowed;opacity:.6}button[data-v-5bec8c49]:hover:not(:disabled){opacity:.9}body{font-family:sans-serif}.container[data-v-e721c332]{max-width:800px}.table[data-v-e721c332]{box-shadow:0 4px 8px #0000001a}.stock-display[data-v-e721c332]{text-align:center;width:40px;font-size:1.1rem;font-weight:700;display:inline-block}.btn[data-v-e721c332]{border-radius:50%;width:30px;height:30px;padding:0;line-height:1}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (min-width:1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}