@tailwind base;@tailwind components;@tailwind utilities;vaadin-avatar[theme~="vaadin"]::part(icon){mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M11.1854 7.48145C11.7551 7.48145 12.2184 7.95693 12.2186 8.54199C12.2186 8.72558 12.1719 8.90779 12.0819 9.06934L8.86023 15.1895C8.8531 15.2033 8.84588 15.2156 8.83875 15.2285C8.69333 15.5564 8.3724 15.7852 7.9989 15.7852C7.62026 15.7851 7.29542 15.55 7.1532 15.2148C7.14827 15.206 7.14334 15.1978 7.13855 15.1885L3.91687 9.06738C3.82776 8.90728 3.78015 8.72555 3.78015 8.54199C3.78037 7.95699 4.24389 7.48154 4.81335 7.48145C5.27105 7.48145 5.58212 7.7112 5.7948 8.20996L7.99988 12.4307L10.2069 8.20508C10.4171 7.71153 10.7278 7.48156 11.1854 7.48145Z\" fill=\"currentColor\"/><path d=\"M15.2108 1C15.6505 1.00007 15.9997 1.36209 15.9999 1.80859V3.14258C15.9999 4.71011 15.2872 5.49403 13.6552 5.49414H10.035C8.95299 5.49419 8.84659 5.95787 8.84656 6.4082C8.84656 6.45438 8.84269 6.49396 8.83777 6.53613C8.81197 6.98687 8.4453 7.34557 7.995 7.3457C7.54459 7.3457 7.17686 6.98894 7.15125 6.53809C7.14633 6.49582 7.14343 6.45432 7.14343 6.4082C7.1434 5.95784 7.03606 5.49414 5.95398 5.49414H2.33484C0.702567 5.49414 -9.57545e-05 4.71022 -0.00012207 3.14258V1.80859C5.05523e-05 1.36204 0.337484 1 0.777222 1C1.21691 1.00006 1.55049 1.36208 1.55066 1.80859V2.25977C1.55078 2.76409 1.89158 3.13184 2.6366 3.13184H6.18542C7.79968 3.13207 7.92422 4.34896 7.97742 4.99316H8.01257C8.06578 4.3489 8.19 3.13184 9.80457 3.13184H13.3534C14.0982 3.13177 14.4157 2.77682 14.4159 2.27246L14.4178 1.80859C14.418 1.36204 14.7711 1 15.2108 1Z\" fill=\"currentColor\"/></svg>");mask-size: 60%}vaadin-avatar[theme~="square"]{border-radius: var(--vaadin-radius-m)}.aura-view{box-sizing: border-box;display: flex;flex-direction: column;height: calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));margin-block: calc(var(--safe-area-inset-top) * -1) calc(var(--safe-area-inset-bottom) * -1);padding-block: var(--safe-area-inset-top) var(--safe-area-inset-bottom)}.aura-view>:not(header,footer,.aura-view-header,.aura-view-footer){flex: 1}.aura-view>*{--vaadin-scroller-padding-inline: var(--vaadin-padding-m)}.aura-view:not(:has(header,.aura-view-header))>vaadin-scroller{padding-top: var(--safe-area-inset-top)}.aura-view:not(:has(footer,.aura-view-footer))>vaadin-scroller{padding-bottom: var(--safe-area-inset-bottom)}.aura-view>:is(header,footer),:is(.aura-view-header,.aura-view-footer){align-items: center;display: flex;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m)}.aura-view>header,.aura-view-header,.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{padding-top: max(var(--vaadin-padding-m),var(--safe-area-inset-top))}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar'],.aura-view[slot='drawer']>header,.aura-view-header[slot='drawer']{margin-top: calc(var(--safe-area-inset-top) * -1)}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar']{padding: var(--safe-area-inset-top) 0 0 0}.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{margin-inline-start: auto}.aura-view:not([slot='navbar'])>footer,.aura-view-footer:not([slot='navbar']){padding-bottom: max(var(--vaadin-padding-m),var(--safe-area-inset-bottom))}.aura-view[slot='drawer']>footer,.aura-view-footer[slot='drawer']{margin-bottom: calc(var(--safe-area-inset-bottom) * -1)}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){color: var(--vaadin-text-color);flex: 1;font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-m);margin: 0;padding-block: round(var(--vaadin-padding-s) / 1.4 + var(--vaadin-button-border-width,1px),1px);&:first-child{padding-inline-start: var(--vaadin-padding-s)}&:last-child{padding-inline-end: var(--vaadin-padding-s)}}vaadin-app-layout:is([drawer-opened]:not([overlay]),:has(>[slot='navbar'] vaadin-drawer-toggle)) :is(.aura-view>header,.aura-view-header) vaadin-drawer-toggle:not([theme~='permanent']),vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'].aura-view>header mdl-back-button,vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'] .aura-view>header mdl-back-button{display: none;& + :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){padding-inline-start: var(--vaadin-padding-s)}}.aura-view>.aura-view-header + vaadin-grid{&::part(first-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container) var(--vaadin-padding-block-container) calc(var(--vaadin-padding-s) + var(--vaadin-padding-m))}&::part(last-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-m) var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)}}vaadin-card[theme~="no-frame"]{--vaadin-card-padding: 0px;--vaadin-card-background: transparent}vaadin-card[theme~="footer-end"]{--_footer: 0;grid-template-rows: repeat(var(--_content),auto) 1fr}vaadin-card[theme~="footer-end"]::part(footer){grid-column: -1;grid-row: 1 / span calc(var(--_header) + var(--_content));flex-direction: column;align-self: center}.main-card{background-color: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;padding: 1.5rem;display: flex;flex-direction: column;align-items: center;text-align: center;cursor: pointer;transition: all 0.3s ease;height: 100%;box-sizing: border-box;justify-content: flex-start}.main-card:hover{border-color: var(--card-hover-color,rgba(255,255,255,0.1));box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.main-card-icon-wrapper{width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;flex-shrink: 0}.main-card-icon-wrapper svg,.main-card-icon-wrapper vaadin-svg-icon{width: 24px;height: 24px}.main-card-title{margin: 0 0 0.5rem 0;font-size: 1rem;font-weight: 600;min-height: 2.4rem;display: flex;align-items: center;justify-content: center}.main-card-desc{margin: 0;font-size: 0.75rem;line-height: 1.4;color: var(--lumo-secondary-text-color);min-height: 2.2rem;display: flex;align-items: center;justify-content: center}.sub-card{background-color: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 1rem;display: flex;flex-direction: column;align-items: center;text-align: center;cursor: pointer;transition: all 0.3s ease;height: 100%;box-sizing: border-box;justify-content: center}.sub-card:hover{border-color: var(--card-hover-color,rgba(255,255,255,0.1))}.sub-card-icon{color: var(--lumo-secondary-text-color);margin-bottom: 0.5rem;width: 24px;height: 24px;transition: color 0.3s ease}.sub-card:hover .sub-card-icon{color: var(--card-hover-color,var(--lumo-secondary-text-color))}.sub-card-title{margin: 0;font-size: 0.85rem;font-weight: 500}.category-header{display: flex;align-items: center;margin-top: 1.5rem;margin-bottom: 1rem}.category-header-dot{width: 8px;height: 8px;border-radius: 50%;margin-right: 8px}.category-header-title{margin: 0;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.05em;font-weight: 600}.card-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 1rem;width: 100%}.card-grid-large{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 1rem;width: 100%}.dashboard-stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1.5rem;margin-bottom: 2rem}.stat-card{background-color: var(--lumo-base-color);border-radius: 12px;padding: 1.5rem;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);border: 1px solid var(--lumo-contrast-10pct);display: flex;align-items: center;gap: 1.2rem;transition: transform 0.2s ease,box-shadow 0.2s ease}.stat-card:hover{transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04)}.stat-card-icon{width: 3.5rem;height: 3.5rem;border-radius: 12px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.stat-card-icon svg,.stat-card-icon vaadin-svg-icon{width: 1.8rem;height: 1.8rem}.stat-card-info{display: flex;flex-direction: column}.stat-card-title{font-size: 0.9rem;color: var(--lumo-secondary-text-color);font-weight: 500;margin-bottom: 0.2rem}.stat-card-value{font-size: 1.8rem;font-weight: 700;color: var(--lumo-header-text-color);line-height: 1.1}.dashboard-welcome{background: linear-gradient(135deg,var(--lumo-primary-color) 0%,#6366f1 100%);border-radius: 12px;padding: 2rem;color: white;margin-bottom: 2rem;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 10px 15px -3px rgba(99,102,241,0.3)}.dashboard-welcome h2{margin: 0 0 0.5rem 0;font-size: 2rem;color: white}.dashboard-welcome p{margin: 0;opacity: 0.9;font-size: 1.1rem}pre[class*='language-']{background: var(--vaadin-background-container);border-radius: var(--vaadin-radius-m);color: var(--vaadin-text-color);font-family: monospace;font-size: var(--aura-font-size-s);hyphens: none;line-height: var(--aura-line-height-m);margin: 0;overflow: auto;padding: var(--vaadin-padding-m);tab-size: 4}.token.cdata,.token.comment,.token.doctype,.token.prolog{color: var(--vaadin-text-color-secondary)}.token.punctuation{color: var(--vaadin-text-color-secondary)}.token.namespace{opacity: 0.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: var(--aura-purple-text)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: var(--aura-green-text)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: var(--aura-orange-text)}.token.atrule,.token.attr-value,.token.keyword{color: var(--aura-blue-text)}.token.class-name,.token.function{color: var(--aura-red-text)}.token.important,.token.regex,.token.variable{color: var(--aura-yellow-text)}.token.bold,.token.important{font-weight: var(--aura-font-weight-semibold)}.token.italic{font-style: italic}.token.entity{cursor: help}.main-layout{.app-logo{margin-inline: 4px}&.menu-item-icon{color: var(--vaadin-text-color-secondary)}}.source-viewer-dialog{.github-link{align-items: center;background: var(--aura-accent-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-s);color: var(--aura-accent-contrast-color);display: flex;font-weight: 500;gap: var(--vaadin-gap-s);padding-inline: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-s);padding-block: var(--vaadin-padding-block-container);text-decoration: none}}.dashboard-view{.content{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);overflow: hidden;padding-bottom: var(--vaadin-padding-l);padding-inline: var(--vaadin-padding-l)}.stat-cards{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l)}.stat-card{flex-grow: 1;--vaadin-card-title-color: var(--vaadin-text-color-secondary)}.stat-value{font-weight: 600;font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}.stat-trend{margin-inline-start: var(--vaadin-padding-s)}.orders-card{min-height: 0}.orders-heading{font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}}.users-view{overflow: hidden;.name-cell{align-items: center;display: flex;font-weight: 500;gap: var(--vaadin-gap-s)}.dialog-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-l)}.last-login{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: var(--aura-line-height-xs)}.dialog-email{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.dialog-info{display: flex;flex-direction: column}.dialog-avatar-row{align-items: center;border-bottom: 1px solid var(--vaadin-border-color-secondary);display: flex;gap: var(--vaadin-gap-m);padding-bottom: var(--vaadin-padding-l);width: 100%}}.products-view{overflow: hidden}.settings-view{.tabs{width: fit-content}.panel{align-items: flex-start;display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.security-panel{align-items: flex-start;display: flex;flex-direction: column;padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.section-button{margin-top: var(--vaadin-padding-l)}.section-divider{margin-block: var(--vaadin-padding-l)}.two-factor-heading{font-size: var(--aura-font-size-l);line-height: var(--aura-line-height-l)}.two-factor-description{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s);margin: 0}.integrations-grid{display: grid;gap: var(--vaadin-gap-s);grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.integration-name{font-weight: 600}.integration-description{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.integration-info{display: flex;flex-grow: 1;flex-direction: column}.integration-row{display: flex;gap: var(--vaadin-gap-s)}}.components-view{.card-grid{display: grid;grid-auto-rows: minmax(200px,auto);grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));grid-auto-flow: dense;gap: var(--vaadin-gap-s);padding-bottom: var(--vaadin-padding-l);padding-inline: var(--vaadin-padding-xs)}.buttons-grid{align-content: center;display: grid;grid-template-columns: repeat(3,auto);gap: var(--vaadin-gap-s);height: 100%;justify-content: center}.card-center{align-items: center;display: flex;height: 100%;justify-content: center}.badges-row{align-items: center;display: flex;height: 100%;justify-content: center;gap: var(--vaadin-gap-s)}.badges-col{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.typography-card{align-items: center;display: flex;flex-direction: column;font-weight: 600;height: 100%;justify-content: center}.text-xs{font-size: var(--aura-font-size-xs);line-height: var(--aura-line-height-xs)}.text-s{font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.text-m{font-size: var(--aura-font-size-m);line-height: var(--aura-line-height-m)}.text-l{font-size: var(--aura-font-size-l);line-height: var(--aura-line-height-l)}.text-xl{font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}.col-span-2{grid-column: span 2}.col-span-3{grid-column: span 3}.row-span-2{grid-row: span 2}.message-list-card-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);justify-content: center;height: 100%}}.global-tabs{background-color: #f1f5f9;border-radius: 0.5rem;padding: 0.35rem;border: 1px solid #e2e8f0}.global-tab{border-radius: 0.375rem;padding: 0.5rem 1rem;margin: 0 0.25rem;transition: all 0.2s ease-in-out;font-weight: 600;color: #64748b;background-color: transparent;border: 1px solid transparent}.global-tab[selected]{background-color: #ffffff;box-shadow: 0 2px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);border: 1px solid #e2e8f0;color: #0f172a}html[theme~="dark"] .global-tabs{background-color: #0f172a;border-color: #1e293b}html[theme~="dark"] .global-tab{color: #94a3b8}html[theme~="dark"] .global-tab[selected]{background-color: #1e293b;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.4);border-color: #334155;color: #f8fafc}.view-header-container{display: flex;align-items: center;gap: 1rem}.view-header-title-layout{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: left}.view-header-title{font-size: 1.5rem;margin: 0;line-height: 1.2}.view-header-subtitle{font-size: 0.85rem;color: var(--lumo-secondary-text-color)}.text-biru{color: #00aaff}.text-merah{color: red}.text-hijau{color: green}.combobox-merah{--lumo-input-text-color: red;--vaadin-input-field-value-color: red}.combobox-kuning{--lumo-input-text-color: #ff9900;--vaadin-input-field-value-color: #ff9900}.combobox-hijau{--lumo-input-text-color: green;--vaadin-input-field-value-color: green}.btn-aksi-edit{margin-right: 0.35rem !important;width: 30px !important;height: 30px !important;min-width: 30px !important;padding: 0 !important;background-color: rgba(245,158,11,0.1) !important;color: #fbbf24 !important;box-shadow: inset 0 0 0 1px rgba(245,158,11,0.2) !important;border-radius: 0.5rem !important;transition: background-color 0.2s,color 0.2s !important}.btn-aksi-edit:hover{background-color: #f59e0b !important;color: white !important}.btn-aksi-print{margin-right: 0.35rem !important;width: 30px !important;height: 30px !important;min-width: 30px !important;padding: 0 !important;background-color: rgba(14,165,233,0.1) !important;color: #38bdf8 !important;box-shadow: inset 0 0 0 1px rgba(14,165,233,0.2) !important;border-radius: 0.5rem !important;transition: background-color 0.2s,color 0.2s !important}.btn-aksi-print:hover{background-color: #0ea5e9 !important;color: white !important}.btn-aksi-delete{margin-right: 0.35rem !important;width: 30px !important;height: 30px !important;min-width: 30px !important;padding: 0 !important;background-color: rgba(244,63,94,0.1) !important;color: #fb7185 !important;box-shadow: inset 0 0 0 1px rgba(244,63,94,0.2) !important;border-radius: 0.5rem !important;transition: background-color 0.2s,color 0.2s !important}.btn-aksi-delete:hover{background-color: #f43f5e !important;color: white !important}.btn-aksi-bayar{margin-right: 0.35rem !important;width: 30px !important;height: 30px !important;min-width: 30px !important;padding: 0 !important;background-color: rgba(16,185,129,0.1) !important;color: #34d399 !important;box-shadow: inset 0 0 0 1px rgba(16,185,129,0.2) !important;border-radius: 0.5rem !important;transition: background-color 0.2s,color 0.2s !important}.btn-aksi-bayar:hover{background-color: #10b981 !important;color: white !important}.view-mode-toggle{display: inline-flex;align-items: center;background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-15pct);border-radius: 8px;padding: 3px;gap: 3px;width: fit-content;align-self: flex-start}.view-mode-btn{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;font-size: 0.85rem;font-weight: 600;border-radius: 6px;border: none;cursor: pointer;background: transparent;color: var(--lumo-secondary-text-color);transition: all 0.2s ease}.view-mode-btn:hover{color: var(--lumo-body-text-color);background: rgba(0,0,0,0.03)}.view-mode-btn.active{background: var(--lumo-base-color);color: var(--lumo-primary-text-color);box-shadow: 0 1px 3px rgba(0,0,0,0.1);font-weight: 700}.kanban-board-container{display: flex;gap: 1rem;width: 100%;height: calc(100vh - 270px);min-height: 480px;overflow-x: auto;padding: 4px 2px 12px 2px;box-sizing: border-box}.kanban-column{flex: 1;min-width: 280px;max-width: 360px;display: flex;flex-direction: column;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: 12px;box-shadow: 0 2px 6px rgba(0,0,0,0.04);overflow: hidden;box-sizing: border-box;transition: box-shadow 0.2s ease}.kanban-column:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.07)}.kanban-col-menunggu{border-top: 4px solid #ef4444}.kanban-col-proses{border-top: 4px solid #f59e0b}.kanban-col-selesai{border-top: 4px solid #10b981}.kanban-col-bayar{border-top: 4px solid #3b82f6}.kanban-col-header{padding: 0.85rem 1rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--lumo-contrast-10pct);background: var(--lumo-base-color)}.kanban-col-title{font-size: 0.95rem;font-weight: 700;color: var(--lumo-header-text-color);letter-spacing: -0.2px}.kanban-col-badge{font-size: 0.75rem;font-weight: 700;padding: 2px 9px;border-radius: 12px}.kanban-badge-menunggu{background: #fee2e2;color: #b91c1c}.kanban-badge-proses{background: #fef3c7;color: #b45309}.kanban-badge-selesai{background: #d1fae5;color: #047857}.kanban-badge-bayar{background: #dbeafe;color: #1d4ed8}.kanban-col-cards{flex: 1;overflow-y: auto;padding: 0.75rem;display: flex;flex-direction: column;gap: 0.75rem;min-height: 250px;background: var(--lumo-contrast-5pct);transition: background-color 0.2s ease,outline 0.2s ease}.kanban-col-cards.kanban-drop-active{background: rgba(59,130,246,0.08);outline: 2px dashed #3b82f6;outline-offset: -4px}.kanban-card{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-15pct);border-radius: 10px;padding: 0.85rem 1rem;box-shadow: 0 1px 3px rgba(0,0,0,0.05);transition: transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;cursor: grab;user-select: none;display: flex;flex-direction: column;gap: 0.5rem;box-sizing: border-box}.kanban-card:active{cursor: grabbing}.kanban-card:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.08);border-color: var(--lumo-contrast-30pct)}.kanban-card-menunggu{border-left: 4px solid #ef4444}.kanban-card-proses{border-left: 4px solid #f59e0b}.kanban-card-selesai{border-left: 4px solid #10b981}.kanban-card-bayar{border-left: 4px solid #3b82f6}.kanban-card-header{display: flex;align-items: center;justify-content: space-between}.kanban-card-plate{font-size: 1.05rem;font-weight: 800;color: var(--lumo-body-text-color);letter-spacing: 0.5px}.kanban-timer-badge{display: inline-flex;align-items: center;gap: 4px;font-size: 0.75rem;font-weight: 600;padding: 3px 8px;border-radius: 6px}.kanban-timer-menunggu{background: #fee2e2;color: #dc2626}.kanban-timer-proses{background: #fef3c7;color: #d97706}.kanban-timer-selesai{background: #d1fae5;color: #059669}.kanban-timer-bayar{background: #e0f2fe;color: #0284c7}.kanban-card-body{display: flex;flex-direction: column;gap: 2px}.kanban-card-model{font-size: 0.88rem;font-weight: 600;color: var(--lumo-body-text-color)}.kanban-card-owner{font-size: 0.8rem;color: var(--lumo-secondary-text-color)}.kanban-mechanic-badge{display: inline-flex;align-items: center;gap: 5px;font-size: 0.75rem;font-weight: 600;padding: 4px 8px;border-radius: 6px;margin-top: 4px;width: fit-content}.kanban-mech-menunggu{background: #f3f4f6;color: #6b7280}.kanban-mech-proses{background: #fef3c7;color: #b45309}.kanban-mech-selesai{background: #d1fae5;color: #065f46}.kanban-mech-bayar{background: #dbeafe;color: #1e40af}.kanban-card-footer{display: flex;align-items: center;justify-content: space-between;padding-top: 0.45rem;border-top: 1px dashed var(--lumo-contrast-15pct);margin-top: 2px}.kanban-card-total{font-size: 0.85rem;font-weight: 700;color: var(--lumo-body-text-color)}.kanban-card-actions{display: inline-flex;align-items: center;gap: 4px}.kanban-action-btn{background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-15pct);border-radius: 6px;padding: 4px 8px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: all 0.15s ease;color: var(--lumo-secondary-text-color)}.kanban-action-btn:hover{background: var(--lumo-contrast-10pct);color: var(--lumo-body-text-color)}.kanban-action-btn.primary{background: var(--lumo-primary-color-10pct);border-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-text-color)}.kanban-action-btn.primary:hover{background: var(--lumo-primary-color);color: #ffffff}.kanban-empty-col{display: flex;align-items: center;justify-content: center;height: 120px;color: var(--lumo-secondary-text-color);font-size: 0.85rem;font-style: italic;border: 1px dashed var(--lumo-contrast-20pct);border-radius: 8px;margin-top: 0.5rem}hr{background: var(--vaadin-border-color-secondary);border: 0;margin: var(--vaadin-gap-m) 0;max-height: 1px;min-height: 1px;place-self: stretch stretch}vaadin-dev-tools,vaadin-devmode-gizmo,copilot-main,#copilot-plugin{display: none !important;visibility: hidden !important}.global-grid,.global-grid-xs{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);overflow: hidden}.global-grid::part(header-cell),.global-grid-xs::part(header-cell){background-color: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color);font-weight: 600;font-size: var(--lumo-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;border-bottom: 2px solid var(--lumo-contrast-10pct)}.global-grid::part(row):hover,.global-grid-xs::part(row):hover{background-color: var(--lumo-primary-color-10pct);transition: background-color 0.2s ease-in-out}.global-grid::part(even-row),.global-grid-xs::part(even-row){background-color: var(--lumo-contrast-2pct)}.global-grid::part(selected-row),.global-grid-xs::part(selected-row){background-color: var(--lumo-primary-color-10pct);border-left: 3px solid var(--lumo-primary-color)}.global-grid::part(cell),.global-grid-xs::part(cell){border-bottom: 1px solid var(--lumo-contrast-5pct)}.menu-tab-container,.menu-tab-container>vaadin-scroller{scrollbar-width: none;-ms-overflow-style: none}.menu-tab-container::-webkit-scrollbar,.menu-tab-container>vaadin-scroller::-webkit-scrollbar{display: none}