@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-primary:#ec4c8a;--color-primary-strong:#d93a77;--color-secondary:#ffd9e7;--color-accent:#7de5d2;--color-bg:#fff9fc;--color-surface:#fff;--color-surface-muted:#f8f0f4;--color-text:#2a1f26;--color-text-muted:#6f5a65;--color-border:#efdae4;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--shadow-soft:0 8px 30px #ec4c8a24;--shadow-strong:0 16px 40px #d93a773d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:var(--color-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif}[data-theme=dark]{--color-primary:#ec4c8a;--color-primary-strong:#ff5ca0;--color-secondary:#3f2435;--color-accent:#7de5d2;--color-bg:#0b0c13;--color-surface:#12141d;--color-surface-muted:#1a1c28;--color-text:#f4e9ef;--color-text-muted:#b9a6b1;--color-border:#3a2c39;--shadow-soft:0 10px 34px #00000073;--shadow-strong:0 18px 42px #ec4c8a2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #ec4c8a1f, transparent 40%), radial-gradient(circle at bottom right, #7de5d22e, transparent 45%), var(--color-bg);min-height:100vh}[data-theme=dark] body{background:radial-gradient(circle at top left, #ec4c8a2e, transparent 42%), radial-gradient(circle at bottom right, #7de5d224, transparent 48%), var(--color-bg)}.brand-gradient-text{background:linear-gradient(120deg, var(--color-primary-strong), var(--color-primary));color:#0000;-webkit-background-clip:text;background-clip:text}a{color:inherit;text-decoration:none}.app-shell{background:0 0;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.screen{padding:var(--space-6) var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.screen-title{color:var(--color-text);margin:0;font-size:1.55rem;line-height:1.2}.screen-subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .22s,box-shadow .22s}.surface-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.splash-screen{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.splash-content{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;width:100%;max-width:320px;display:flex}.splash-logo{width:92px;height:92px;box-shadow:none;background:0 0;border:0;border-radius:24px;place-items:center;display:grid}.splash-logo-img{object-fit:contain;width:100%;height:100%;display:block}.splash-progress{border-radius:var(--radius-pill);background:#f2e6ec;width:100%;height:6px;overflow:hidden}.splash-progress:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-strong));transform-origin:0;width:100%;height:100%;animation:2.2s ease-out forwards fill;display:block}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-wrapper{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-card{width:100%;max-width:380px;padding:var(--space-6)}.auth-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.theme-switch-wrap{align-items:center;gap:8px;display:inline-flex}.theme-switch-auth{margin-top:4px}.theme-icon{color:var(--color-text-muted);font-size:.95rem}.theme-icon.active{color:var(--color-primary-strong)}.demo-credentials{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);gap:var(--space-2);background:linear-gradient(165deg,#fff4f8,#fff);border:1px dashed #ebb5cc;flex-direction:column;display:flex}.demo-credentials h4{color:var(--color-primary-strong);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem}.demo-credentials p{color:var(--color-text-muted);margin:0;font-size:.88rem}.demo-account{align-items:flex-start;gap:var(--space-1);padding-top:var(--space-2);border-top:1px dashed #f0c5d6;flex-direction:column;display:flex}.demo-account:first-of-type{border-top:0;padding-top:0}.demo-line{color:var(--color-text-muted);margin:0;font-size:.88rem}.demo-chip{border-radius:var(--radius-pill);color:var(--color-primary-strong);background:#fff;border:1px solid #f2c8d9;align-items:center;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}[data-theme=dark] .demo-chip{background:#11131c;border-color:#4a3042}[data-theme=dark] .demo-credentials{background:linear-gradient(165deg,#ec4c8a17,#12141df5);border-color:#5a3048}[data-theme=dark] .demo-account{border-top-color:#4a3042}.main-layout{flex-direction:column;min-height:100vh;display:flex}.desktop-sidebar{display:none}.main-panel{flex:1;min-width:0}.main-header{z-index:20;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb, var(--color-surface) 82%, transparent);border-bottom:1px solid var(--color-border);position:sticky;top:0}.main-header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.main-content{flex:1;padding-bottom:88px}.bottom-nav{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-top:1px solid var(--color-border);width:min(480px,100%);padding:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-link{border-radius:var(--radius-md);text-align:center;padding:var(--space-2) 0;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:.75rem;font-weight:600;display:inline-flex}.bottom-nav-link .anticon{font-size:1rem}.bottom-nav-link.active{background:var(--color-secondary);color:var(--color-primary-strong)}.quick-grid{align-items:stretch;gap:var(--space-3);grid-auto-rows:1fr;display:grid}.quick-action-card{height:100%}.quick-action-card .ant-card-body{flex-direction:column;height:100%;display:flex}.quick-action-card .ant-typography{margin-top:0}.quick-action-card .ant-typography:nth-child(2){flex:1}.quick-action-card .ant-btn{margin-top:auto}.list-actions{gap:var(--space-3);width:100%;display:grid}.list-actions .ant-input-search,.list-actions .ant-btn,.form-card,.entity-form{width:100%}.toppings-card .ant-card-body{gap:var(--space-4);flex-direction:column;display:flex}.topping-form{gap:var(--space-3);display:grid}.topping-form .ant-form-item{margin-bottom:0}.topping-submit{width:100%}.topping-list{margin-top:var(--space-5)}.labeled-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.labeled-field label,.ant-form-item-label>label{color:var(--color-text);height:auto;font-size:.9rem;font-weight:600}.ant-form-item-label{padding-bottom:var(--space-2)}.sale-line-header{align-items:center;gap:var(--space-3)}.sale-line-header .ant-typography{flex:1;min-width:0}.sale-line-header .ant-input-number{width:100%}.sale-quantity-field{flex:0 0 120px;width:120px}.sale-items-grid,.sale-item-card .ant-card-body{gap:var(--space-3);display:grid}.sale-item-price{margin:0;font-size:.85rem}.payment-method-group{grid-template-columns:1fr;width:100%;display:grid}.payment-method-group .ant-radio-button-wrapper{text-align:center;width:100%}.sale-summary-card .ant-card-body,.sale-summary-list{gap:var(--space-3);display:grid}.sale-summary-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed var(--color-border);display:flex}.sale-summary-content{flex:1;min-width:0}.sale-summary-amount{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;flex:none}.sale-summary-item:last-child{border-bottom:0;padding-bottom:0}.sale-summary-meta{margin:0;font-size:.85rem}.sales-summary-kpis,.sales-filters{gap:var(--space-3);display:grid}.sales-summary-row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.sales-summary-body,.sales-detail-list{gap:var(--space-3);display:grid}.sales-detail-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed var(--color-border);display:flex}.sales-detail-item:last-child{border-bottom:0;padding-bottom:0}.sales-detail-meta{margin:0;font-size:.84rem}@media (width>=768px){.screen{padding:32px 24px}.quick-grid{grid-template-columns:repeat(2,1fr)}.sales-summary-kpis,.sales-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){html,body,#root{height:100%}body{overflow:hidden}#root{height:100vh;overflow:hidden}.app-shell{max-width:1200px}.splash-screen{padding:48px}.splash-content{border:1px solid var(--color-border);background:linear-gradient(135deg, #ffffffeb, #fff4f8db), var(--color-surface);max-width:760px;min-height:440px;box-shadow:var(--shadow-soft);border-radius:32px;padding:56px}.splash-logo{border-radius:30px;width:116px;height:116px;font-size:2.4rem}.splash-progress{max-width:420px}.auth-wrapper{place-items:center stretch;padding:48px}.auth-wrapper:before{content:"";min-height:540px;box-shadow:none;background:url(/assets/berry%20sweet%20logo-jA6rMExP.png) 50%/65% no-repeat;border:0;border-radius:32px;padding:40px;display:block}.auth-wrapper{grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:32px;max-width:1180px;margin:0 auto}.auth-card{align-self:center;max-width:none;padding:36px}.main-layout{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 68%, transparent);width:min(100%,1200px);height:calc(100vh - 48px);box-shadow:var(--shadow-soft);border-radius:28px;grid-template-columns:256px minmax(0,1fr);gap:0;margin:24px auto;display:grid;overflow:hidden}.desktop-sidebar{background:color-mix(in srgb, var(--color-surface) 78%, transparent);border-right:1px solid var(--color-border);flex-direction:column;gap:32px;padding:28px 20px;display:flex}.sidebar-brand{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-logo{width:46px;height:46px;box-shadow:none;background:0 0;border:0;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-logo-img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:var(--color-text);font-size:1rem}.sidebar-brand span{color:var(--color-text-muted);margin-top:2px;font-size:.78rem}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav-link{border-radius:var(--radius-md);min-height:46px;color:var(--color-text-muted);align-items:center;gap:12px;padding:0 14px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar-nav-link:hover,.sidebar-nav-link.active{background:var(--color-secondary);color:var(--color-primary-strong);transform:translate(2px)}.main-panel{flex-direction:column;min-height:0;display:flex}.main-header{background:color-mix(in srgb, var(--color-surface) 64%, transparent);padding:32px 40px 24px;position:static}.screen-title{font-size:2rem}.screen-subtitle{margin-top:4px;font-size:1rem}.main-content{scrollbar-gutter:stable;overscroll-behavior:contain;height:100%;min-height:0;padding-bottom:16px;overflow:hidden auto}.screen{gap:24px;max-width:920px;padding:32px 40px 72px}.bottom-nav{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.list-actions{grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:center}.screen>.surface-card{width:100%}.entity-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.entity-form .form-field-full,.entity-form .entity-form-submit{grid-column:1/-1}.topping-form{grid-template-columns:minmax(0,1fr) minmax(160px,220px) minmax(150px,180px);align-items:end}.topping-submit{align-self:end}.ant-list-item{align-items:center;gap:18px}.ant-list-item .ant-list-item-meta{min-width:0}.sale-item-card .sale-line-header{align-items:end}.payment-method-group{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1180px){.app-shell{max-width:1320px}.main-layout{grid-template-columns:280px minmax(0,1fr);width:min(100% - 48px,1320px)}.screen{max-width:1040px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
