@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&display=swap');html{--ms-ink: #14272b;--ms-ink-2: #1d3439;--ms-paper: #f7f5f0;--ms-card: #ffffff;--ms-ocean: #0e7490;--ms-ocean-deep: #0b5c73;--ms-dawn: #e8a13d;--ms-palm: #3e5c50;--ms-line: #e3ded4;--ms-display: "Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--aura-primary-color: var(--ms-ocean);--aura-accent-color: var(--ms-ocean);--aura-background-color: var(--ms-paper)}body{background: var(--ms-paper)}h1,h2,h3{font-family: var(--ms-display);color: var(--ms-ink)}vaadin-app-layout::part(navbar){background: var(--ms-ink);border-bottom: none;box-shadow: inset 0 -3px 0 0 var(--ms-ocean),inset 0 -1px 0 0 var(--ms-dawn);min-height: 3.4rem}.app-header{padding: 0 1.1rem;gap: 0.9rem}.app-star{color: var(--ms-dawn);font-size: 1.05rem}.app-title{font-family: var(--ms-display);font-weight: 800;letter-spacing: 0.01em;font-size: 1.2rem;margin: 0;color: #f4efe6}.app-venue{color: #9db4ae;font-size: 0.85rem}.app-nav{gap: 1.35rem;padding-left: 1.6rem}.app-nav-link{color: #cfdcd8;text-decoration: none;font-size: 0.95rem}.app-nav-link:hover{color: #ffffff;text-decoration: none;border-bottom: 2px solid var(--ms-dawn)}.app-user{color: #cfdcd8;font-size: 0.9rem}.app-user-area vaadin-button{color: var(--ms-dawn)}.app-version{color: #5d7570;font-size: 0.75rem}.login-view{background: radial-gradient(115% 90% at 50% -10%,var(--ms-ink-2) 0%,var(--ms-ink) 62%,#0d1a1d 100%)}.login-title{font-family: var(--ms-display);font-weight: 800;color: #f4efe6;margin: 0}.login-title::before{content: "✦ ";color: var(--ms-dawn);font-size: 0.8em}.login-hint{color: #8aa39d}.pin-dots{display: flex;gap: 0.6rem;margin: 0.75rem 0 1.25rem}.pin-dot{width: 0.9rem;height: 0.9rem;border-radius: 50%;border: 2px solid #3d5257}.pin-dot--filled{background: var(--ms-dawn);border-color: var(--ms-dawn);box-shadow: 0 0 10px 1px rgba(232,161,61,0.55)}.pin-pad{display: grid;grid-template-columns: repeat(3,4.5rem);gap: 0.6rem;margin-bottom: 1.25rem}.pin-key{height: 4.5rem;font-size: 1.4rem;border-radius: 12px;background: rgba(255,255,255,0.06);color: #e9e4da;border: 1px solid rgba(255,255,255,0.09)}.pin-key:hover{background: rgba(255,255,255,0.12)}.pin-submit{min-width: 15.6rem;height: 3.2rem;font-family: var(--ms-display);font-weight: 700}.import-report{background: var(--ms-card);border: 1px solid var(--ms-line);border-left: 3px solid var(--ms-ocean);padding: 0.8rem 1rem;border-radius: 8px;overflow-x: auto;width: 100%;font-variant-numeric: tabular-nums}vaadin-grid{font-variant-numeric: tabular-nums}.admin-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 0.9rem;width: 100%}.admin-card{display: block;padding: 1rem 1.1rem;border: 1px solid var(--ms-line);border-radius: 10px;text-decoration: none;color: inherit;background: var(--ms-card);transition: border-color 120ms ease,transform 120ms ease}.admin-card:hover{border-color: var(--ms-ocean);transform: translateY(-1px)}.admin-card-title{font-family: var(--ms-display);font-weight: 700;color: var(--ms-ink)}.admin-card-desc{margin: 0.2rem 0 0;font-size: 0.85rem;color: var(--ms-palm)}.order-view{padding: 0.6rem;gap: 0.6rem}.category-rail{width: 190px;overflow-y: auto;flex-shrink: 0;gap: 0.35rem}.category-button{width: 100%;height: 3.1rem;justify-content: flex-start;border-radius: 10px;background: var(--ms-card);color: var(--ms-ink);border: 1px solid var(--ms-line)}.category-button:hover{border-color: var(--ms-ocean)}.category-icon{font-size: 1.3rem;line-height: 1}.category-button::part(prefix){margin-inline-end: 0.55rem}.article-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 0.5rem;overflow-y: auto;align-content: start;padding: 0.2rem}.article-button{height: 4.6rem;white-space: pre-line;line-height: 1.3;border-radius: 12px;background: var(--ms-card);color: var(--ms-ink);border: 1px solid var(--ms-line);box-shadow: 0 1px 2px rgba(20,39,43,0.06)}.article-button:hover{border-color: var(--ms-ocean)}.draft-pane{border-left: 1px solid var(--ms-line);padding-left: 0.8rem}.draft-list{overflow-y: auto;gap: 0.25rem}.draft-line-label{font-size: 0.92rem}.draft-qty-button{min-width: 2.6rem;height: 2.6rem;border-radius: 9px}.draft-total{font-family: var(--ms-display);font-weight: 700;color: var(--ms-ink);border-top: 2px solid var(--ms-dawn);padding-top: 0.4rem;font-variant-numeric: tabular-nums}.modifier-options{display: grid;grid-template-columns: repeat(2,minmax(150px,1fr));gap: 0.45rem}.modifier-button{height: 3rem;border-radius: 10px}.modifier-button--selected{background: var(--ms-ocean);color: #ffffff}.checkout-remainder{font-family: var(--ms-display);font-weight: 700;color: var(--ms-dawn);font-variant-numeric: tabular-nums}.bill-status{font-size: 0.8rem;color: var(--ms-palm)}.stock-low{color: var(--ms-dawn);font-weight: 700}@media (prefers-reduced-motion: reduce){.admin-card{transition: none}}.receipt-paper{font-family: "IBM Plex Mono","Cascadia Mono","Courier New",monospace;font-size: 0.78rem;line-height: 1.45;white-space: pre;background: #fffdf8;color: #1c2a2e;padding: 1rem 1.1rem;margin: 0;border-radius: 4px;box-shadow: 0 6px 18px rgba(20,39,43,0.25);overflow-x: auto;max-height: 70vh}.bills-hint{color: var(--ms-palm);font-size: 0.88rem;margin-top: -0.4rem}vaadin-button[theme~="primary"]{background: var(--ms-ocean);color: #ffffff}vaadin-button[theme~="primary"]:hover{background: var(--ms-ocean-deep)}@media (max-width: 900px){.app-venue,.app-version{display: none}.app-header{gap: 0.5rem;padding: 0 0.6rem}.app-nav{padding-left: 0.4rem;gap: 0.95rem;overflow-x: auto;flex-wrap: nowrap;scrollbar-width: none;-webkit-overflow-scrolling: touch}.app-nav::-webkit-scrollbar{display: none}.app-nav-link{white-space: nowrap}.app-user{display: none}.order-view{flex-direction: column;padding: 0.4rem;gap: 0.45rem}.category-rail{width: 100% !important;height: auto !important;flex-direction: row !important;overflow-x: auto;overflow-y: hidden;flex-shrink: 0;gap: 0.35rem;scrollbar-width: none;-webkit-overflow-scrolling: touch;padding-bottom: 0.15rem}.category-rail::-webkit-scrollbar{display: none}.category-button{width: auto;min-width: max-content;height: 2.7rem;white-space: nowrap;flex-shrink: 0;padding: 0 0.8rem}.article-grid{height: auto !important;flex: 1 1 auto;min-height: 0;grid-template-columns: repeat(auto-fill,minmax(128px,1fr));gap: 0.4rem}.article-button{height: 4.1rem;font-size: 0.86rem}.draft-pane{width: 100% !important;height: auto !important;flex-shrink: 0;border-left: none;border-top: 2px solid var(--ms-line);padding-left: 0;padding-top: 0.4rem}.draft-pane vaadin-combo-box,.draft-pane vaadin-text-field,.draft-pane vaadin-select{width: 100%}.draft-list{max-height: 22vh}.modifier-options{grid-template-columns: 1fr 1fr}.tab-actions vaadin-button{padding: 0 0.55rem;min-width: 0}.checkout-view vaadin-grid{max-height: 30vh}.checkout-view{padding: 0.5rem}.pin-pad{grid-template-columns: repeat(3,4rem);gap: 0.5rem}.pin-key{height: 4rem}.pin-submit{min-width: 13rem}}