:root{--color-primary: #FF6F00;--color-primary-light: #FFA040;--color-primary-dark: #E65100;--color-secondary: #800020;--color-secondary-light: #A3274F;--color-accent: #C9A84C;--color-accent-light: #E0C97A;--color-bg: #FFF8F0;--color-surface: #FFFFFF;--color-surface-alt: #FFF3E6;--color-border: #E0D5C8;--color-border-light: #F0E8DE;--color-text: #1A1A2E;--color-text-secondary: #5A5A72;--color-text-muted: #8E8E9E;--color-text-inverse: #FFFFFF;--color-success: #2E7D32;--color-success-bg: #E8F5E9;--color-warning: #F57F17;--color-warning-bg: #FFF8E1;--color-error: #C62828;--color-error-bg: #FFEBEE;--color-info: #1565C0;--color-info-bg: #E3F2FD;--color-pending: #E65100;--color-pending-bg: #FFF3E0;--color-partial: #F9A825;--color-partial-bg: #FFFDE7;--color-consumed: #2E7D32;--color-consumed-bg: #E8F5E9;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Playfair Display", Georgia, serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(255, 111, 0, .25);--shadow-focus-success: 0 0 0 3px rgba(46, 125, 50, .25);--shadow-focus-error: 0 0 0 3px rgba(198, 40, 40, .25);--shadow-primary-glow: 0 4px 14px rgba(255, 111, 0, .3);--shadow-success-glow: 0 4px 14px rgba(46, 125, 50, .25);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #FF6F00 0%, #E65100 100%);--gradient-success: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);--gradient-danger: linear-gradient(135deg, #C62828 0%, #B71C1C 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);--gradient-warm: linear-gradient(135deg, #FFF8F0 0%, #FFF3E6 100%);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--header-height: 64px;--nav-height: 48px;--max-width: 1280px;--sidebar-width: 320px;--color-gold: #D4AF37;--color-gold-light: #E8D48B;--color-gold-dark: #B8941E;--color-gold-glow: rgba(212, 175, 55, .35);--header-gradient: linear-gradient(135deg, #4A0E1E 0%, #800020 40%, #5a1a30 100%);--nav-bg: rgba(0, 0, 0, .22);--nav-bg-blur: blur(8px);--nav-active-bg: rgba(212, 175, 55, .15);--nav-active-border: var(--color-gold);--nav-hover-bg: rgba(255, 255, 255, .07);--nav-link-color: rgba(255, 255, 255, .65);--nav-link-active-color: #FFFFFF;--logo-bg: rgba(212, 175, 55, .12);--logo-border: rgba(212, 175, 55, .3);--logo-size: 42px;--drawer-width: 300px;--drawer-header-bg: linear-gradient(135deg, #4A0E1E 0%, #6B1530 100%);--drawer-active-bg: linear-gradient(90deg, rgba(212, 175, 55, .12) 0%, transparent 100%);--drawer-active-border: var(--color-gold);--shadow-header: 0 4px 20px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .1);--shadow-nav-glow: 0 0 12px rgba(212, 175, 55, .2);--shadow-drawer: 8px 0 30px rgba(0, 0, 0, .25)}.app{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--header-gradient);color:var(--color-text-inverse);box-shadow:var(--shadow-header)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-dark) 20%,var(--color-gold) 50%,var(--color-gold-dark) 80%,transparent 100%);opacity:.6;z-index:1}.header__top{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6)}.header__brand{display:flex;align-items:center;gap:var(--space-4)}.header__logo{display:flex;align-items:center;justify-content:center;width:var(--logo-size);height:var(--logo-size);font-size:1.4rem;background:var(--logo-bg);border:1.5px solid var(--logo-border);border-radius:var(--radius-lg);flex-shrink:0;position:relative;transition:all var(--transition-normal)}.header__logo:hover{border-color:var(--color-gold);box-shadow:var(--shadow-nav-glow)}.header__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-text-inverse);line-height:1.2;letter-spacing:.01em}.header__subtitle{font-size:.65rem;opacity:.55;font-weight:var(--fw-normal);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-light)}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.nav{display:flex;align-items:stretch;padding:0 var(--space-5);background:var(--nav-bg);backdrop-filter:var(--nav-bg-blur);-webkit-backdrop-filter:var(--nav-bg-blur);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.nav::-webkit-scrollbar{display:none}.nav__list{display:flex;align-items:stretch;gap:var(--space-1);width:100%;padding:var(--space-1) 0}.nav__separator{width:1px;background:linear-gradient(180deg,transparent 20%,rgba(212,175,55,.25) 50%,transparent 80%);margin:6px 8px;flex-shrink:0}.nav__group-label{display:flex;align-items:center;padding:0 var(--space-3) 0 var(--space-2);font-size:.6rem;font-weight:var(--fw-semibold);color:#d4af3780;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--nav-link-color);white-space:nowrap;transition:all var(--transition-fast);border-radius:var(--radius-md);border-bottom:none;position:relative;text-decoration:none}.nav__link:hover{color:#fffffff2;background:var(--nav-hover-bg)}.nav__link.is-active{color:var(--nav-link-active-color);background:var(--nav-active-bg);font-weight:var(--fw-semibold);box-shadow:inset 0 -2px 0 var(--nav-active-border)}.nav__link.is-active .nav__icon{filter:drop-shadow(0 0 4px var(--color-gold-glow))}.nav__icon{font-size:var(--fs-sm);line-height:1;transition:filter var(--transition-fast)}.hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.hamburger:hover{background:#ffffff1a}.hamburger__line{width:22px;height:2px;background:var(--color-text-inverse);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}.hamburger.is-open .hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open .hamburger__line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn .25s ease}.mobile-nav.is-open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav__panel{width:var(--drawer-width);height:100%;background:var(--color-surface);box-shadow:var(--shadow-drawer);overflow-y:auto;animation:slideRight .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav__header{background:var(--drawer-header-bg);padding:var(--space-6) var(--space-5) var(--space-5);display:flex;align-items:center;gap:var(--space-3);position:relative;flex-shrink:0}.mobile-nav__header:after{content:"";position:absolute;bottom:0;left:var(--space-5);right:var(--space-5);height:1px;background:linear-gradient(90deg,var(--color-gold-dark),var(--color-gold),var(--color-gold-dark));opacity:.4}.mobile-nav__header-logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.2rem;background:var(--logo-bg);border:1.5px solid var(--logo-border);border-radius:var(--radius-md);flex-shrink:0}.mobile-nav__header-text{flex:1;min-width:0}.mobile-nav__header-title{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-inverse);line-height:1.2}.mobile-nav__header-subtitle{font-size:.6rem;color:var(--color-gold-light);opacity:.7;text-transform:uppercase;letter-spacing:.06em}.mobile-nav__body{flex:1;padding:var(--space-3) 0;overflow-y:auto}.mobile-nav__label{font-size:.6rem;font-weight:var(--fw-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-5) var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.mobile-nav__label:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.mobile-nav__divider{height:1px;background:var(--color-border-light);margin:var(--space-2) var(--space-5)}.mobile-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);margin:2px var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;border-left:3px solid transparent;position:relative}.mobile-nav__link:hover{background:var(--color-surface-alt);color:var(--color-secondary)}.mobile-nav__link .mobile-nav__icon{font-size:var(--fs-base);width:28px;text-align:center;flex-shrink:0}.mobile-nav__link.is-active{background:var(--drawer-active-bg);border-left-color:var(--drawer-active-border);color:var(--color-secondary);font-weight:var(--fw-semibold)}.mobile-nav__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);flex-shrink:0}.mobile-nav__footer-text{font-size:.6rem;color:var(--color-text-muted);text-align:center;letter-spacing:.02em}.main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-6)}.page-header{margin-bottom:var(--space-8);position:relative}.page-header__title{font-size:var(--fs-2xl);margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:-.01em}.page-header__desc{color:var(--color-text-secondary);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.footer{padding:var(--space-4) var(--space-6);text-align:center;font-size:var(--fs-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1;transition:all var(--transition-fast);min-height:44px;border:2px solid transparent;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:transparent}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-primary-glow);filter:brightness(1.05)}.btn--secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:var(--color-text-inverse)}.btn--secondary:hover:not(:disabled){filter:brightness(1.15);box-shadow:var(--shadow-md)}.btn--success{background:var(--gradient-success);color:var(--color-text-inverse)}.btn--success:hover:not(:disabled){box-shadow:var(--shadow-success-glow);filter:brightness(1.08)}.btn--danger{background:var(--gradient-danger);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px #c628284d}.btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-primary-glow)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-base);min-height:52px;border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);min-height:32px}.btn--block{width:100%}.btn--icon{width:44px;padding:0}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover)}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-text);background:var(--gradient-surface)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-surface-alt)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.form-label--required:after{content:" *";color:var(--color-error);font-weight:var(--fw-normal)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-input:hover{border-color:var(--color-border);background:var(--color-surface-alt)}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none;background:var(--color-surface)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:var(--shadow-focus-error)}.form-input--lg{padding:var(--space-4) var(--space-5);font-size:var(--fs-lg);text-align:center;font-weight:var(--fw-semibold)}select.form-input,.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238E8E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-error{font-size:var(--fs-xs);color:var(--color-error);margin-top:var(--space-1)}.form-hint{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.4;letter-spacing:.01em;border:1px solid transparent}.badge--pending{background:var(--color-pending-bg);color:var(--color-pending);border-color:#e6510026}.badge--partial{background:var(--color-partial-bg);color:var(--color-partial);border-color:#f9a82533}.badge--consumed{background:var(--color-consumed-bg);color:var(--color-consumed);border-color:#2e7d3226}.badge--info{background:var(--color-info-bg);color:var(--color-info);border-color:#1565c026}.badge--error{background:var(--color-error-bg);color:var(--color-error);border-color:#c6282826}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:60px;height:100%;background:linear-gradient(90deg,rgba(255,111,0,.03) 0%,transparent 100%);pointer-events:none}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.kpi-card--success{border-left-color:var(--color-success)}.kpi-card--success:before{background:linear-gradient(90deg,rgba(46,125,50,.03) 0%,transparent 100%)}.kpi-card--warning{border-left-color:var(--color-warning)}.kpi-card--warning:before{background:linear-gradient(90deg,rgba(245,127,23,.03) 0%,transparent 100%)}.kpi-card--info{border-left-color:var(--color-info)}.kpi-card--info:before{background:linear-gradient(90deg,rgba(21,101,192,.03) 0%,transparent 100%)}.kpi-card--danger{border-left-color:var(--color-error)}.kpi-card--danger:before{background:linear-gradient(90deg,rgba(198,40,40,.03) 0%,transparent 100%)}.kpi-card--accent{border-left-color:var(--color-accent)}.kpi-card--accent:before{background:linear-gradient(90deg,rgba(201,168,76,.04) 0%,transparent 100%)}.kpi-card__icon{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.kpi-card__value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-family:var(--font-heading);color:var(--color-text);line-height:1;margin-bottom:var(--space-1)}.kpi-card__label{font-size:var(--fs-sm);color:var(--color-text-secondary)}.metric-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0}.metric-trio__item{text-align:center;padding:var(--space-5);background:var(--gradient-warm);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.metric-trio__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-trio__value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);font-family:var(--font-heading);color:var(--color-text);line-height:1;margin-bottom:var(--space-2)}.metric-trio__value--success{color:var(--color-success)}.metric-trio__value--warning{color:var(--color-warning)}.metric-trio__value--error{color:var(--color-error)}.metric-trio__value--primary{color:var(--color-primary)}.metric-trio__label{font-size:var(--fs-xs);color:var(--color-text-secondary);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.05em}.metric-trio__symbol{font-size:var(--fs-sm);color:var(--color-text-muted)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);background:var(--color-surface)}.table{width:100%;background:var(--color-surface)}.table th{padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:left;border-bottom:2px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);font-size:var(--fs-sm);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover td{background:#fff3e680}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);font-weight:var(--fw-medium);pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards;max-width:420px;border-left:4px solid var(--color-info);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.toast.is-leaving{animation:toastSlideOut .3s ease forwards}.toast__icon{font-size:var(--fs-lg);flex-shrink:0}.toast__message{flex:1;color:var(--color-text)}.toast__close{flex-shrink:0;opacity:.4;cursor:pointer;font-size:var(--fs-base);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{opacity:1;background:var(--color-surface-alt)}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.95);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:backdropFadeIn .2s ease}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:100%;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-border-light)}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal__body{padding:var(--space-5) var(--space-6);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--color-surface-alt);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.stepper__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-primary);background:var(--color-surface-alt);transition:all var(--transition-fast)}.stepper__btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse)}.stepper__btn:disabled{opacity:.3;cursor:not-allowed}.stepper__value{width:48px;text-align:center;font-size:var(--fs-md);font-weight:var(--fw-semibold);border:none;background:transparent}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.empty-state__icon{font-size:3.5rem;margin-bottom:var(--space-4);opacity:.7}.empty-state__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--fs-sm);max-width:360px;margin:0 auto;line-height:var(--lh-relaxed)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--fs-sm);margin-bottom:var(--space-4);border:1px solid transparent;line-height:var(--lh-normal)}.alert--info{background:var(--color-info-bg);color:var(--color-info);border-color:#1565c01f}.alert--success{background:var(--color-success-bg);color:var(--color-success);border-color:#2e7d321f}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f57f171f}.alert--error{background:var(--color-error-bg);color:var(--color-error);border-color:#c628281f}.alert__icon{font-size:var(--fs-lg);flex-shrink:0}.alert__content{flex:1}.quick-select{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.quick-select__btn{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);background:var(--color-surface);transition:all var(--transition-fast)}.quick-select__btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-alt)}.quick-select__btn.is-active{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-primary-glow)}.success-check{width:100px;height:100px;border-radius:var(--radius-circle);background:var(--gradient-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);animation:successPop .5s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-success-glow)}.success-check__icon{font-size:3rem;color:var(--color-text-inverse)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.fulfillment-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.fulfillment-selector--single{grid-template-columns:1fr}.fulfillment-pill{display:block;cursor:pointer}.fulfillment-pill input[type=radio]{display:none}.fulfillment-pill__face{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:all var(--transition-fast);min-height:64px}.fulfillment-pill__face:hover{border-color:var(--color-primary-light);background:var(--color-surface-alt)}.fulfillment-pill input:checked+.fulfillment-pill__face{border-color:var(--color-primary);background:linear-gradient(180deg,#fff8f0,#fff3e6);box-shadow:0 0 0 2px #ff6f001f}.fulfillment-pill__icon{font-size:1.6rem;line-height:1;flex-shrink:0}.fulfillment-pill__body{display:flex;flex-direction:column;flex:1;min-width:0}.fulfillment-pill__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.fulfillment-pill__sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.fulfillment-pill input:checked+.fulfillment-pill__face .fulfillment-pill__title{color:var(--color-primary-dark)}.fulfillment-selector--compact .fulfillment-pill__face{flex-direction:column;gap:2px;padding:var(--space-2);min-height:56px;text-align:center}.fulfillment-selector--compact .fulfillment-pill__icon{font-size:1.2rem}.fulfillment-selector--compact .fulfillment-pill__title{font-size:.7rem}.fulfillment-selector--compact .fulfillment-pill__sub{font-size:.6rem}.delivery-info-card{border:1.5px solid var(--color-primary-light);background:linear-gradient(180deg,#fff8f0,#fff3e6);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.delivery-info-card--collection{border-color:var(--color-success);background:linear-gradient(180deg,#f1f8e9,#e8f5e9)}.delivery-info-card__header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-2)}.delivery-info-card__icon{font-size:1.3rem;line-height:1}.delivery-info-card__body{font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.delivery-info-card__body strong{color:var(--color-text);font-weight:var(--fw-semibold)}.delivery-info-card__map{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-primary);text-decoration:none}.delivery-info-card__map:hover{text-decoration:underline}.badge--delivery-out{background:#e3f2fd;color:#1565c0;border-color:#1565c033}.fulfillment-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.settings-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:1024px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-section .card__header{display:flex;flex-direction:column;gap:2px}.settings-section__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.settings-section__hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.settings-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.settings-toggle__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.settings-toggle__hint{flex-basis:100%;margin-left:26px;font-size:var(--fs-xs);color:var(--color-text-muted)}.main:has(.booking-3col){max-width:none;padding:var(--space-3) var(--space-4)}.booking-3col{display:grid;grid-template-columns:1fr 1.15fr .5fr;gap:var(--space-4);height:calc(100vh - var(--header-height) - 36px - var(--space-6));min-height:0}.booking-3col__items,.booking-3col__form,.booking-3col__summary{min-width:0;min-height:0;display:flex;flex-direction:column}.booking-3col__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.booking-3col__scroll::-webkit-scrollbar{width:5px}.booking-3col__scroll::-webkit-scrollbar-track{background:transparent}.booking-3col__scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}.booking-3col__summary-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.booking-3col__summary-body::-webkit-scrollbar{width:5px}.booking-3col__summary-body::-webkit-scrollbar-track{background:transparent}.booking-3col__summary-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}.booking-3col__cta{margin-top:auto;flex-shrink:0;padding-top:var(--space-3)}.section-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:2px solid var(--color-border-light);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.tap-card{position:relative;background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;cursor:pointer;transition:all var(--transition-fast);-moz-user-select:none;user-select:none;-webkit-user-select:none}.tap-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tap-card:active{transform:scale(.97)}.tap-card.is-selected{border-color:var(--color-primary);background:linear-gradient(180deg,#fff8f0,#fff3e6);box-shadow:0 0 0 2px #ff6f001f,var(--shadow-sm)}.tap-card__emoji{font-size:1.5rem;line-height:1;margin-bottom:4px;display:block}.tap-card__media{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tap-card-media{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden}.tap-card-media--img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover}.tap-card-media--placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;border-radius:var(--radius-md)}.tap-card__name{font-size:.7rem;font-weight:var(--fw-semibold);line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text)}.tap-card__price{font-size:.7rem;font-weight:var(--fw-bold);color:var(--color-primary)}.tap-card__unit{font-size:.55rem;color:var(--color-text-muted);font-weight:var(--fw-normal)}.tap-card__count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:var(--radius-pill);background:var(--gradient-primary);color:#fff;font-size:.65rem;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #ff6f0066;animation:badgePop .25s cubic-bezier(.16,1,.3,1);border:2px solid var(--color-surface)}@keyframes badgePop{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}.tap-card__minus{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:var(--radius-circle);background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-error);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:2}.tap-card__minus:hover{background:var(--color-error);color:#fff;border-color:var(--color-error);box-shadow:0 2px 8px #c628284d}.tap-hint{text-align:center;font-size:.6rem;color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}.devotee-suggestions{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;border:1px solid var(--color-border-light);border-top:none}.devotee-suggestion{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.devotee-suggestion:last-child{border-bottom:none}.devotee-suggestion:hover{background:var(--color-surface-alt)}.devotee-suggestion__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.devotee-suggestion__detail{font-size:.7rem;color:var(--color-text-muted);margin-top:1px}.devotee-suggestion--empty{cursor:default;color:var(--color-text-muted);font-size:var(--fs-xs);text-align:center;padding:var(--space-4)}.devotee-suggestion--empty:hover{background:transparent}.compact-form{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--space-3)}.compact-form .form-group{margin-bottom:var(--space-2)}.compact-form .form-label{font-size:.65rem;margin-bottom:2px;font-weight:var(--fw-semibold);color:var(--color-text-secondary)}.compact-form .form-input{padding:6px var(--space-2);font-size:var(--fs-xs);border-radius:var(--radius-sm)}.compact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pay-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pay-pill{display:block;cursor:pointer}.pay-pill input[type=radio]{display:none}.pay-pill__face{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-1);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.6rem;font-weight:var(--fw-medium);color:var(--color-text-secondary);text-align:center;transition:all var(--transition-fast);background:var(--color-surface)}.pay-pill__face:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-surface-alt)}.pay-pill input:checked+.pay-pill__face{border-color:var(--color-primary);background:linear-gradient(180deg,#fff8f0,#fff3e6);color:var(--color-primary);font-weight:var(--fw-bold);box-shadow:0 0 0 2px #ff6f001f}.pay-pill__icon{font-size:1.1rem;line-height:1}.live-summary{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--space-3);min-height:40px}.live-summary__empty{text-align:center;color:var(--color-text-muted);font-size:var(--fs-xs);padding:var(--space-2) 0;font-style:italic}.live-summary__row{display:flex;justify-content:space-between;font-size:var(--fs-xs);padding:3px 0;color:var(--color-text-secondary)}.live-summary__total{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-weight:var(--fw-bold);padding-top:var(--space-3);margin-top:var(--space-3);border-top:2px solid var(--color-border);color:var(--color-text)}.order-summary__items{margin-bottom:var(--space-4)}.order-summary__row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--fs-sm)}.order-summary__row--total{border-top:2px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3);font-weight:var(--fw-bold);font-size:var(--fs-md)}.receipt{max-width:500px;margin:0 auto;text-align:center}.receipt__qr{display:flex;justify-content:center;margin:var(--space-6) 0;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px dashed var(--color-border);position:relative}.receipt__qr:before,.receipt__qr:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--color-primary);border-style:solid}.receipt__qr:before{top:12px;left:12px;border-width:2px 0 0 2px;border-radius:4px 0 0}.receipt__qr:after{bottom:12px;right:12px;border-width:0 2px 2px 0;border-radius:0 0 4px}.receipt__id{font-family:monospace;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-secondary);margin-bottom:var(--space-4);letter-spacing:.06em;background:var(--color-surface-alt);display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-md)}.receipt__details{text-align:left}.receipt__detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--fs-sm);gap:var(--space-4)}.receipt__detail-row:last-child{border-bottom:none}.receipt__detail-label{color:var(--color-text-secondary);flex-shrink:0}.receipt__detail-value{font-weight:var(--fw-medium);text-align:right}.receipt__actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);justify-content:center}.scanner-page{max-width:640px;margin:0 auto}.scanner{position:relative;padding:var(--space-10) var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;margin-bottom:var(--space-6);overflow:hidden;border:1px solid var(--color-border-light)}.scanner__line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 30%,var(--color-primary-light) 50%,var(--color-primary) 70%,transparent 100%);animation:scanLine 2.5s ease-in-out infinite;opacity:.8}@keyframes scanLine{0%,to{top:0}50%{top:calc(100% - 3px)}}.scanner__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.scanner__input-wrap{position:relative;max-width:400px;margin:0 auto}.scanner__input{width:100%;padding:var(--space-4) var(--space-5);padding-right:var(--space-12);font-size:var(--fs-lg);font-weight:var(--fw-semibold);text-align:center;letter-spacing:.08em;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-alt);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.scanner__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none;background:var(--color-surface)}.scanner__input::-moz-placeholder{font-weight:var(--fw-normal);font-size:var(--fs-sm);letter-spacing:normal}.scanner__input::placeholder{font-weight:var(--fw-normal);font-size:var(--fs-sm);letter-spacing:normal}.scanner__submit{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%)}.scanner__recent{margin-top:var(--space-6)}.scanner__recent-label{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:var(--fw-medium)}.scanner__recent-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.scanner__recent-btn{padding:var(--space-1) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-family:monospace;color:var(--color-text-secondary);background:var(--color-surface);transition:all var(--transition-fast)}.scanner__recent-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-alt)}.scan-result{animation:fadeSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.scan-result__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.scan-result__devotee{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.scan-result__booking-id{font-family:monospace;font-size:var(--fs-sm);color:var(--color-text-secondary)}.collection-table th,.collection-table td{text-align:center}.collection-table .item-name{text-align:left;font-weight:var(--fw-medium)}.collection-table .qty-remaining{font-weight:var(--fw-bold);color:var(--color-primary)}.collection-table .qty-done{color:var(--color-success)}.collection-input{max-width:480px;margin:0 auto;text-align:center}.collection-input__item-name{font-size:var(--fs-2xl);font-family:var(--font-heading);margin-bottom:var(--space-2)}.collection-input__number{width:120px;height:80px;font-size:var(--fs-3xl);font-weight:var(--fw-bold);text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4) auto;display:block;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.collection-input__number:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.collection-input__stepper-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-4) 0}.collection-input__stepper-btn{width:56px;height:56px;border-radius:var(--radius-circle);font-size:var(--fs-xl);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);color:var(--color-primary);background:var(--color-surface);transition:all var(--transition-fast)}.collection-input__stepper-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-primary-glow)}.collection-input__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.success-page{max-width:480px;margin:0 auto;text-align:center;padding:var(--space-10) 0}.success-page__heading{font-size:var(--fs-2xl);color:var(--color-success);margin-bottom:var(--space-4)}.success-page__actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2);color:var(--color-text)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.chart-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-normal)}.chart-card:hover{box-shadow:var(--shadow-card-hover)}.chart-card__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.04em}.chart-canvas-wrap{position:relative;height:250px}.dashboard-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.dashboard-controls .form-input{max-width:280px}.filter-select{padding:var(--space-2) var(--space-4);padding-right:36px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-sm);color:var(--color-text);min-width:160px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238E8E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.dashboard-actions{margin-left:auto;display:flex;gap:var(--space-2)}.payment-page{max-width:720px;margin:0 auto}.payment-layout{display:grid;gap:var(--space-6)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-3)}.payment-method{display:block;cursor:pointer;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:all var(--transition-fast);position:relative}.payment-method:hover{border-color:var(--color-primary-light);background:var(--color-surface-alt)}.payment-method.is-selected{border-color:var(--color-primary);background:linear-gradient(135deg,#fff8f0,#fff3e6);box-shadow:0 0 0 3px #ff6f001a}.payment-method.is-selected:after{content:"";position:absolute;top:50%;right:var(--space-5);transform:translateY(-50%);width:12px;height:12px;border-radius:var(--radius-circle);background:var(--gradient-primary);box-shadow:0 0 0 3px #ff6f0026}.payment-method input[type=radio]{display:none}.payment-method__content{display:flex;align-items:center;gap:var(--space-4)}.payment-method__icon{font-size:var(--fs-2xl);flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-lg)}.payment-method__name{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--color-text)}.payment-method__desc{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.payment-processing{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.payment-processing__content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}.payment-processing__content h3{margin-bottom:var(--space-2);color:var(--color-text)}.payment-processing__content p{color:var(--color-text-muted);font-size:var(--fs-sm)}.payment-processing__spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-5);animation:spin .8s linear infinite}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a0e1e,#800020,#5a1a30 60%,#1a1a2e);z-index:9999;padding:var(--space-4);background-image:radial-gradient(at 20% 80%,rgba(212,175,55,.08) 0px,transparent 50%),radial-gradient(at 80% 20%,rgba(255,111,0,.06) 0px,transparent 50%),linear-gradient(135deg,#4a0e1e,#800020,#5a1a30 60%,#1a1a2e)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000059,0 4px 16px #00000026;width:100%;max-width:420px;overflow:hidden;animation:loginCardAppear .5s cubic-bezier(.16,1,.3,1)}@keyframes loginCardAppear{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-card__header{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);background:linear-gradient(135deg,#4a0e1e,#800020,#a3274f);color:#fff;position:relative}.login-card__header:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.5}.login-card__logo{font-size:2.8rem;margin-bottom:var(--space-3);filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));display:block}.login-card__title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-1);color:#fff}.login-card__subtitle{font-size:var(--fs-xs);opacity:.7;color:var(--color-gold-light);letter-spacing:.04em}.login-card__body{padding:var(--space-8) var(--space-6) var(--space-6)}.login-card__error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-xs);margin-top:var(--space-3);border:1px solid rgba(198,40,40,.12);display:flex;align-items:center;gap:var(--space-2)}.login-card__footer{padding:var(--space-5) var(--space-6);background:var(--color-surface-alt);border-top:1px solid var(--color-border-light)}.login-card__demo-title{font-size:.65rem;font-weight:var(--fw-bold);color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.08em}.login-card__demo-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);padding:var(--space-1) 0}.login-card__demo-row code{font-size:.7rem;background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);font-weight:var(--fw-medium)}.login-card__demo-role{font-size:.6rem;font-weight:var(--fw-bold);color:#fff;padding:2px 8px;border-radius:var(--radius-pill);min-width:56px;text-align:center;letter-spacing:.02em}.role-badge{display:inline-block;font-size:.65rem;font-weight:var(--fw-bold);color:#fff;padding:3px 10px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.perm-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.perm-item:hover{background:var(--color-surface-alt);border-color:var(--color-primary-light)}.perm-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--color-primary)}.perm-item__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.2;color:var(--color-text)}.perm-item__desc{font-size:.65rem;color:var(--color-text-muted);line-height:1.3;margin-top:1px}.variants-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.variants-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.variants-section__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.variants-section__hint{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:var(--lh-relaxed)}.variants-section__note{font-size:var(--fs-xs);color:var(--color-primary);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#ff6f000f;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.variant-row{display:grid;grid-template-columns:1fr 140px auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);animation:fadeSlideUp .2s ease}.variant-row:hover{border-color:var(--color-border);box-shadow:var(--shadow-xs)}.variant-row:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #ff6f0014}.variant-row .form-input{margin-bottom:0;padding:8px var(--space-3);font-size:var(--fs-sm)}.variant-row__label{flex:1}.variant-row__price{font-weight:var(--fw-semibold)}.variant-row__remove{width:36px;height:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);flex-shrink:0;transition:all var(--transition-fast)}.variant-row__remove:hover{background:var(--color-error-bg);color:var(--color-error)}#add-variant-btn,.variant-add-btn{margin-top:var(--space-2);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--space-3);color:var(--color-text-muted);font-weight:var(--fw-medium);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}#add-variant-btn:hover,.variant-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6f0008}.emoji-input-wrap{display:flex;align-items:center;gap:var(--space-3)}.emoji-input-wrap .form-input{max-width:80px;font-size:var(--fs-xl);text-align:center;padding:var(--space-2) var(--space-3)}.emoji-input-preview{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1.5px solid var(--color-border-light)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-light)}.devotee-card{transition:box-shadow var(--transition-normal),transform var(--transition-fast)}.devotee-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.devotee-history{animation:fadeSlideUp .25s ease;border-top:1px solid var(--color-border-light);padding-top:var(--space-4)}.header-user{display:flex;align-items:center;gap:var(--space-3)}.header-user__info{text-align:right;display:none}.header-user__name{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;line-height:1.2}.header-user__role{font-size:.6rem;opacity:.7;color:var(--color-gold-light)}.header-user__logout{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-circle);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast)}.header-user__logout:hover{background:#fff3;border-color:#ffffff4d}@media(min-width:768px){.header-user__info{display:block}}.variant-modal{max-width:420px;width:100%}.variant-modal__subtitle{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.variant-option-list{display:flex;flex-direction:column;gap:var(--space-2)}.variant-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.variant-option:hover{border-color:var(--color-primary);background:var(--color-surface-alt)}.variant-option__info{flex:1}.variant-option__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.variant-option__price{font-size:var(--fs-xs);color:var(--color-primary);font-weight:var(--fw-bold)}.variant-option__stepper{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.variant-option__stepper .stepper__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-primary);background:var(--color-surface-alt);transition:background var(--transition-fast);border:none;cursor:pointer}.variant-option__stepper .stepper__btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse)}.variant-option__stepper .stepper__btn:disabled{opacity:.3;cursor:not-allowed}.variant-option__stepper .stepper__value{width:40px;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:transparent}.tap-card__variant-hint{font-size:.55rem;color:var(--color-text-muted);margin-top:1px;font-style:italic}.offer-form-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.offer-form-section:last-of-type{border-bottom:none;padding-bottom:0}.offer-form-section__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.offer-preview{margin-top:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#fff8f0,#fffbf5);border:1.5px dashed var(--color-primary);border-radius:var(--radius-md)}.offer-preview__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.offer-preview__text{font-size:var(--fs-sm);color:var(--color-text);font-style:italic}.promo-input-wrap{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.promo-input{flex:1;padding:6px var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-xs);text-transform:uppercase;font-weight:var(--fw-semibold);letter-spacing:.05em}.promo-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.promo-input--applied{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.promo-apply-btn{padding:6px var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer}.promo-apply-btn:hover{background:var(--color-primary-dark)}.promo-apply-btn--remove{background:var(--color-error)}.promo-apply-btn--remove:hover{filter:brightness(1.1)}.promo-error{font-size:.65rem;color:var(--color-error);margin-top:2px;margin-bottom:var(--space-2)}.promo-success{font-size:.65rem;color:var(--color-success);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.live-summary__discount-section{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border-light)}.live-summary__row--discount{display:flex;justify-content:space-between;font-size:var(--fs-xs);padding:2px 0;color:var(--color-success);font-weight:var(--fw-semibold)}.live-summary__row--discount-label{display:flex;align-items:center;gap:4px}.live-summary__row--subtotal{display:flex;justify-content:space-between;font-size:var(--fs-xs);padding:2px 0;color:var(--color-text-muted)}.inventory-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-3);border-bottom:1.5px solid var(--color-border-light)}.inventory-tab{padding:var(--space-3) var(--space-5);background:transparent;border:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2.5px solid transparent;transition:all var(--transition-fast);margin-bottom:-1.5px}.inventory-tab:hover{color:var(--color-text);background:var(--color-surface-alt)}.inventory-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--fw-semibold)}.config-section{margin-bottom:var(--space-6)}.config-section__header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.config-section__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:2px}.config-section__desc{font-size:var(--fs-xs);color:var(--color-text-muted)}.config-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}.config-tile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-normal);width:100%;font:inherit;color:inherit}.config-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-left-color:var(--color-primary-dark, var(--color-primary))}.config-tile__icon{font-size:1.8rem;flex-shrink:0;line-height:1}.config-tile__body{flex:1;min-width:0}.config-tile__label{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--color-text);margin-bottom:2px}.config-tile__desc{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:1.4}.config-tile__arrow{font-size:1.2rem;color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.config-tile:hover .config-tile__arrow{transform:translate(3px);color:var(--color-primary)}.promo-available{margin-top:var(--space-2);margin-bottom:var(--space-3)}.promo-available:empty{margin:0}.promo-available__label{font-size:.65rem;font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.promo-available__chips{display:flex;flex-wrap:wrap;gap:6px}.promo-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1.5px dashed var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.7rem;font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text);font-family:inherit}.promo-chip:hover{transform:translateY(-1px)}.promo-chip__icon{font-size:.85rem;line-height:1}.promo-chip__code{font-family:Courier New,monospace;font-weight:var(--fw-bold);letter-spacing:.04em}.promo-chip__benefit{color:var(--color-text-muted);font-size:.65rem}.promo-chip--eligible{border-color:var(--color-primary);background:#fff8f0;color:var(--color-primary-dark, #E65100)}.promo-chip--eligible:hover{background:var(--color-primary);color:#fff;border-style:solid;box-shadow:0 2px 8px #ff6f004d}.promo-chip--eligible:hover .promo-chip__benefit{color:#ffffffe6}.promo-chip--applied{border-color:var(--color-success);border-style:solid;background:var(--color-success-bg, #E8F5E9);color:var(--color-success)}.promo-chip--applied .promo-chip__benefit{color:var(--color-success);opacity:.8}.promo-chip--applied:hover{background:var(--color-success);color:#fff}.promo-chip--applied:hover .promo-chip__benefit{color:#ffffffe6}.promo-chip--ineligible{opacity:.45;background:var(--color-surface-alt);color:var(--color-text-muted);cursor:help}.promo-chip--ineligible:hover{opacity:.75}.im-thumb{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;display:block}.im-thumb--img{width:56px;height:56px;-o-object-fit:cover;object-fit:cover}.im-thumb--placeholder{width:56px;height:56px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.im-form-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.im-form-section:last-of-type{border-bottom:none;padding-bottom:0}.im-form-section__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.image-upload{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-alt);border:1.5px dashed var(--color-border);border-radius:var(--radius-md)}.image-upload__preview{width:140px;height:140px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-border-light)}.image-upload__preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-upload__placeholder{color:var(--color-text-muted);font-size:var(--fs-xs);text-align:center}.image-upload__controls{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.image-upload__controls label.btn{cursor:pointer}.gallery-upload{padding:var(--space-3);background:var(--color-surface-alt);border:1.5px dashed var(--color-border);border-radius:var(--radius-md)}.gallery-upload__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.gallery-upload__item{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-surface)}.gallery-upload__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-upload__controls{position:absolute;bottom:4px;left:4px;right:4px;display:flex;justify-content:space-between;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.gallery-upload__item:hover .gallery-upload__controls{opacity:1}.gallery-upload__btn{width:24px;height:24px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.gallery-upload__btn:hover:not(:disabled){background:#000000e6}.gallery-upload__btn:disabled{opacity:.3;cursor:not-allowed}.gallery-upload__btn--remove{background:#c62828d9}.gallery-upload__btn--remove:hover{background:#c62828}.item-media{display:inline-flex;align-items:center;justify-content:center}.item-media--img{-o-object-fit:cover;object-fit:cover;display:block}.item-media--placeholder{color:#fff;font-family:var(--font-heading);font-weight:700}.layout-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.layout-option{display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.layout-option:hover{border-color:var(--color-primary)}.layout-option.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6f0026;background:#fffbf5}.layout-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.layout-option__preview{width:100%;height:140px;padding:var(--space-3);background:#fafafa;border-bottom:1px solid var(--color-border-light)}.layout-option__preview--basic{display:flex;flex-direction:column;gap:6px}.layout-option__preview-header{height:10px;background:#e0d5c8;border-radius:3px}.layout-option__preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:1}.layout-option__preview-tile{background:#e8d9c5;border-radius:3px}.layout-option__preview--classic{display:flex;flex-direction:column;gap:6px}.layout-option__preview-hero{height:26px;background:linear-gradient(135deg,#800020,#4a0e1e);border-radius:3px}.layout-option__preview-bigrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}.layout-option__preview-bigtile{background:#f5eede;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.layout-option__preview-img{flex:1;background:linear-gradient(135deg,#ffa040,#ff6f00)}.layout-option__body{padding:var(--space-4)}.layout-option__title{font-weight:var(--fw-semibold);font-size:var(--fs-base);margin-bottom:4px}.layout-option__desc{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:1.4}.layout-picker__links{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.report-page{display:flex;flex-direction:column;gap:var(--space-5)}.report-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.report-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-normal)}.report-breadcrumb a:hover{color:var(--color-primary)}.report-breadcrumb__sep{opacity:.5}.report-breadcrumb__current{color:var(--color-text);font-weight:500}.report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.sample-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #ffd54f;border-left:4px solid #f57f17;border-radius:var(--radius-md);color:#5d4037}.sample-banner__icon{font-size:1.5rem;flex-shrink:0}.sample-banner__body{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-sm)}.sample-banner__body strong{font-size:var(--fs-base);color:#4a2e0f}.sample-banner code{background:#00000014;padding:1px 5px;border-radius:3px;font-size:.85em}.report-kpis{margin-bottom:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-bar>*{flex:0 0 auto}.filter-bar input[type=text]{flex:1 1 220px;min-width:200px}.date-range-picker{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.date-range-picker__custom{display:flex;align-items:center;gap:var(--space-2)}.date-range-picker__custom .form-input{width:145px}.date-range-picker__sep{font-size:var(--fs-sm);color:var(--color-text-muted)}.filter-amount{display:flex;align-items:center;gap:var(--space-2)}.filter-amount__input{width:110px}.filter-amount__sep{color:var(--color-text-muted)}.filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:6px 10px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-surface)}.filter-toggle:hover{border-color:var(--color-primary)}.filter-toggle input{margin:0}.filter-bar__reset{margin-left:auto}.report-section{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-alt, #faf8f5);border:1px solid var(--color-border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;flex-wrap:wrap}.report-toolbar__count{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:500}.report-toolbar__actions{display:flex;gap:var(--space-2)}.report-table-wrap{border:1px solid var(--color-border-light);border-radius:0 0 var(--radius-md) var(--radius-md);overflow-x:auto}.report-toolbar+.report-table-wrap{border-top:none}.report-table{width:100%}.report-table__sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.report-table__sortable:hover{background:#ff6f000f}.report-empty{border:1px dashed var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-8)}.pager{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);flex-wrap:wrap;gap:var(--space-3)}.pager__info{font-size:var(--fs-sm);color:var(--color-text-muted)}.pager__controls{display:flex;gap:var(--space-1);align-items:center}.pager__btn{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:500;transition:all var(--transition-normal)}.pager__btn:hover:not(:disabled):not(.is-active){background:#ff6f0014;border-color:var(--color-primary)}.pager__btn.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pager__btn:disabled{opacity:.4;cursor:not-allowed}.pager__ellipsis{padding:0 var(--space-2);color:var(--color-text-muted)}.kpi-card--clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;position:relative}.kpi-card--clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.kpi-card--clickable:after{content:"→";position:absolute;top:var(--space-3);right:var(--space-3);font-size:1rem;color:var(--color-text-muted);opacity:0;transition:opacity .18s ease,transform .18s ease}.kpi-card--clickable:hover:after{opacity:.7;transform:translate(3px)}.reports-hub{display:flex;flex-direction:column;gap:var(--space-6)}.reports-hub__category{display:flex;flex-direction:column;gap:var(--space-3)}.reports-hub__category-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading, inherit);font-size:var(--fs-xl);color:var(--color-text);margin-bottom:var(--space-1)}.reports-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.report-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit;position:relative}.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.report-card__icon{font-size:1.75rem;line-height:1}.report-card__title{font-weight:600;font-size:var(--fs-base);color:var(--color-text)}.report-card__desc{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.45}.report-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:10px}.report-card__badge--mock{background:#fff3cd;color:#856404;border:1px solid #ffd54f}@media print{.filter-bar,.report-toolbar,.pager,.report-breadcrumb,.header,.footer,.nav,.mobile-nav,.sample-banner{display:none!important}.report-page{gap:var(--space-3)}.report-table-wrap{border:none;overflow:visible}}.form-rules-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-5);align-items:start}@media(max-width:1024px){.form-rules-layout{grid-template-columns:1fr}}.form-rules-main{display:flex;flex-direction:column;gap:var(--space-4)}.form-rules-preview{position:sticky;top:calc(var(--header-height, 64px) + var(--space-3))}.form-rules-actions{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);border-top:1px solid var(--color-border-light)}.form-rules-actions__spacer{flex:1}.fr-table{table-layout:fixed;width:100%}.fr-table th,.fr-table td{vertical-align:middle;display:table-cell}.fr-table td{padding:var(--space-3) var(--space-2)}.fr-field-cell{min-width:150px}.fr-label{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}.fr-key{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:3px;line-height:1.3}.fr-key code{background:var(--color-surface-alt, #f7f4ef);padding:1px 5px;border-radius:3px;font-size:.85em}.fr-chip{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.fr-chip--core{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9}.fr-chip--archived{background:#f5f5f5;color:#757575;border:1px solid #bdbdbd}.fr-order-cell{white-space:nowrap;text-align:center}.fr-order-cell__inner{display:inline-flex;align-items:center;justify-content:center;gap:4px}.fr-order-btn{width:24px;height:24px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;font-size:.7rem;color:var(--color-text)}.fr-order-btn:hover:not(:disabled){background:#ff6f0014;border-color:var(--color-primary)}.fr-order-btn:disabled{opacity:.3;cursor:not-allowed}.fr-order-num{display:inline-block;min-width:22px;font-weight:600;font-size:var(--fs-sm);margin:0 4px}.fr-scope-cell__inner{display:flex;flex-direction:column;gap:4px}.fr-scope-toggle{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fr-scope-toggle input{margin:0;cursor:pointer}.fr-actions-cell{white-space:nowrap}.fr-actions-cell__inner{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.fr-actions-cell .btn,.fr-actions-cell__inner .btn{padding:4px 8px;font-size:var(--fs-xs)}.form-rules-editor{border:2px solid var(--color-primary)}.fr-preview-tabs{display:flex;gap:4px;margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.fr-preview-tab{padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:500;transition:all var(--transition-normal)}.fr-preview-tab:hover{color:var(--color-primary)}.fr-preview-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.fr-preview-note{background:#fff8e1;border:1px solid #ffd54f;border-left:3px solid #f57f17;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-xs);color:#5d4037;margin-bottom:var(--space-3)}.fr-preview-inner .form-group{margin-bottom:var(--space-3)}.form-error{color:var(--color-error, #C62828);font-size:var(--fs-xs);margin-top:4px}.dynamic-radio-group{display:flex;flex-wrap:wrap;gap:6px}.charge-type-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.charge-type-pill{flex:1 1 240px;cursor:pointer;display:block}.charge-type-pill input{position:absolute;opacity:0;pointer-events:none}.charge-type-pill__face{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-normal)}.charge-type-pill:hover .charge-type-pill__face{border-color:var(--color-primary)}.charge-type-pill input:checked+.charge-type-pill__face{border-color:var(--color-primary);background:#ff6f000d;box-shadow:0 0 0 3px #ff6f001a}.charge-type-pill__title{font-weight:600;color:var(--color-text);font-size:var(--fs-sm)}.charge-type-pill__desc{font-size:var(--fs-xs);color:var(--color-text-muted)}.live-summary__row--platform{color:var(--color-text-secondary);font-size:var(--fs-sm)}.settings-subnav{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.settings-subnav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-normal);flex:1 1 300px}.settings-subnav__link:hover{transform:translate(2px);box-shadow:var(--shadow-md)}.settings-subnav__icon{font-size:1.6rem}.settings-subnav__title{font-weight:600;color:var(--color-text);font-size:var(--fs-base)}.settings-subnav__desc{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:2px}.settings-subnav__arrow{margin-left:auto;font-size:1.2rem;color:var(--color-text-muted)}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.metric-trio{gap:var(--space-6)}}@media(min-width:1024px){.hamburger{display:none!important}.nav{display:flex!important}.kpi-grid{grid-template-columns:repeat(4,1fr)}.chart-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.hamburger{display:flex!important}.nav{display:none!important}.header__subtitle{display:none}.header__title{font-size:var(--fs-base)}.header__logo{width:36px;height:36px;font-size:1.15rem}.header__brand{gap:var(--space-3)}.main{padding:var(--space-4)}.booking-3col{grid-template-columns:1fr;height:auto}.booking-3col__items,.booking-3col__form,.booking-3col__summary{max-height:none}.booking-3col__scroll,.booking-3col__summary-body{overflow-y:visible}.pay-pills{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.receipt__actions,.success-page__actions{flex-direction:column}.dashboard-controls{flex-direction:column;align-items:stretch}.dashboard-controls .form-input{max-width:none}.dashboard-actions{margin-left:0}.toast-container{left:var(--space-4);right:var(--space-4)}.toast{max-width:none}.modal,.variant-modal{margin:var(--space-4)}.variant-option__stepper .stepper__btn{width:40px;height:40px}.variant-row{grid-template-columns:1fr 100px auto}}@media(max-width:479px){.mobile-nav__panel{width:85vw;max-width:var(--drawer-width)}.pay-pills{grid-template-columns:repeat(3,1fr)}.item-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.page-header__title{font-size:var(--fs-xl)}.kpi-card{padding:var(--space-4)}.kpi-card__value{font-size:var(--fs-xl)}.permissions-grid{grid-template-columns:1fr}.chart-canvas-wrap{height:200px}.variant-row{grid-template-columns:1fr auto}.variant-row__label{grid-column:1 / -1}}@media print{.header,.footer,.hamburger,.mobile-nav,.toast-container,.receipt__actions,.btn{display:none!important}body{background:#fff;color:#000}.main{padding:0;max-width:none}.receipt{max-width:none}.receipt__qr{border:1px solid #ccc;box-shadow:none}.card{box-shadow:none;border:1px solid #ddd}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.top-0{top:0}.top-6{top:1.5rem}.z-40{z-index:40}.z-50{z-index:50}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-0{border-left-width:0px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-black\/60{background-color:#0009}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-green-900\/50{background-color:#14532d80}.bg-green-900\/60{background-color:#14532d99}.bg-indigo-700{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-700{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.bg-orange-900{--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}.bg-orange-900\/60{background-color:#7c2d1299}.bg-page{background-color:var(--color-bg)}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-900\/50{background-color:#7f1d1d80}.bg-red-900\/60{background-color:#7f1d1d99}.bg-surface{background-color:var(--color-surface)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/60{background-color:#713f1299}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-heading{font-family:Playfair Display,Georgia,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-default{color:var(--color-text)}.text-error{color:var(--color-error)}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-muted{color:var(--color-text-muted)}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.hover\:border-red-800:hover{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.hover\:bg-\[var\(--color-surface-alt\)\]:hover{background-color:var(--color-surface-alt)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/40:hover{background-color:#37415166}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-900:hover{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-orange-500:focus{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.toast-container.svelte-zemmny{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:calc(100% - 32px);pointer-events:none}.toast.svelte-zemmny{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md, 8px);border-left:4px solid;box-shadow:var(--shadow-lg, 0 8px 30px rgba(0,0,0,.12));font-size:var(--fs-sm, .875rem);font-family:var(--font-body, sans-serif);animation:svelte-zemmny-toast-slide-in .3s cubic-bezier(.16,1,.3,1);background:var(--color-surface, #fff);color:var(--color-text, #1a1a2e)}.toast--success.svelte-zemmny{border-left-color:var(--color-success, #2E7D32);background:var(--color-success-bg, #E8F5E9)}.toast--success.svelte-zemmny .toast__icon:where(.svelte-zemmny){color:var(--color-success, #2E7D32)}.toast--error.svelte-zemmny{border-left-color:var(--color-error, #C62828);background:var(--color-error-bg, #FFEBEE)}.toast--error.svelte-zemmny .toast__icon:where(.svelte-zemmny){color:var(--color-error, #C62828)}.toast--warning.svelte-zemmny{border-left-color:var(--color-warning, #F57F17);background:var(--color-warning-bg, #FFF8E1)}.toast--warning.svelte-zemmny .toast__icon:where(.svelte-zemmny){color:var(--color-warning, #F57F17)}.toast--info.svelte-zemmny{border-left-color:var(--color-info, #1565C0);background:var(--color-info-bg, #E3F2FD)}.toast--info.svelte-zemmny .toast__icon:where(.svelte-zemmny){color:var(--color-info, #1565C0)}.toast__icon.svelte-zemmny{font-size:1rem;line-height:1;flex-shrink:0;margin-top:1px}.toast__message.svelte-zemmny{flex:1;line-height:1.4}.toast__close.svelte-zemmny{flex-shrink:0;background:none;border:none;font-size:1.1rem;cursor:pointer;padding:0 2px;color:var(--color-text-muted, #8e8e9e);line-height:1}.toast__close.svelte-zemmny:hover{color:var(--color-text, #1a1a2e)}@keyframes svelte-zemmny-toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}