@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,Roboto,sans-serif}body{margin:0;padding:0;background-color:#f9f9f9}a{text-decoration:none;color:inherit}hr{border:none;height:1px;background-color:#e5e7eb}.App{position:relative;display:flex;min-height:100vh;width:100vw;justify-content:flex-start;align-items:flex-start}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{display:flex;flex:1;overflow:hidden}.content-wrapper{flex:1;overflow-y:auto;background-color:#f8fafc;min-width:0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 8px;height:60px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:100;font-family:DM Sans,sans-serif;gap:8px;width:100%;box-sizing:border-box;flex-shrink:0}.navbar-left{display:flex;align-items:center;gap:4px}.nav-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:9px;background:transparent;color:#4b5563;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s;padding:0}.nav-toggle:hover{background:#e6f7f5;color:#1da99c}.navbar-logo img{height:32px;width:auto;object-fit:contain;display:block}.navbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-divider{width:1px;height:26px;background:#ebebeb;margin:0 4px;flex-shrink:0}.nav-icon-btn{width:36px!important;height:36px!important;border-radius:8px!important;color:#6b7280!important;transition:background .2s,color .2s!important}.nav-icon-btn:hover{background:#f3f4f6!important;color:#1da99c!important}.nav-logout:hover{background:#fff1f0!important;color:#e53935!important}.nav-user-pill{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:40px;border:1px solid #ebebeb;background:#f9fafb;max-width:220px;min-width:0}.nav-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1da99c,#4abb83,#7dcf61);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.5px;box-shadow:0 2px 6px #1da99c47}.nav-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.nav-user-name{font-size:13px;font-weight:600;color:#1a1f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.nav-user-meta{display:flex;align-items:center;gap:5px}.nav-role-badge{font-size:10px;padding:1px 7px;border-radius:20px;background:#e6f7f5;color:#0f7a6e;border:1px solid #b2e8e4;font-weight:600;text-transform:uppercase;letter-spacing:.4px;line-height:1.6;white-space:nowrap}.nav-user-id{font-size:10px;color:#9ca3af;white-space:nowrap}.sb{font-family:DM Sans,sans-serif;background:#fff;border-right:1px solid #f0f0f0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:visible;position:relative;z-index:10;transition:width .25s cubic-bezier(.4,0,.2,1)}.sb--open{width:240px}.sb--closed{width:64px}.sb__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.sb__nav::-webkit-scrollbar{width:3px}.sb__nav::-webkit-scrollbar-track{background:transparent}.sb__nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.sb__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sb__item{position:relative}.sb__link{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;text-decoration:none;color:#4b5563;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s,color .18s}.sb__link:hover{background:#f3f4f6;color:#1a1f36}.sb__link--active,.sb__item--active>.sb__link{background:#e6f7f5;color:#0f7a6e}.sb--closed .sb__link{justify-content:center;padding:9px}.sb__icon-box{width:30px;height:30px;border-radius:7px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,box-shadow .2s}.sb__link:hover .sb__icon-box{background:#e6f7f5}.sb__link--active .sb__icon-box,.sb__item--active>.sb__link .sb__icon-box{background:linear-gradient(135deg,#1da99c,#4abb83);box-shadow:0 3px 8px #1da99c47}.sb__icon{font-size:16px!important;color:#6b7280;transition:color .2s}.sb__link:hover .sb__icon{color:#1da99c}.sb__link--active .sb__icon,.sb__item--active>.sb__link .sb__icon{color:#fff!important}.sb__label{flex:1;overflow:hidden;text-overflow:ellipsis}.sb__arrow{font-size:15px!important;color:#9ca3af;flex-shrink:0;transition:transform .22s,color .2s}.sb__arrow--open{transform:rotate(180deg);color:#1da99c}.sb__sub{list-style:none;margin:0 0 0 24px;padding:3px 0 3px 15px;border-left:1.5px solid #d1fae5;animation:sb-slide .2s ease}@keyframes sb-slide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sb__sub-link{display:flex;align-items:center;gap:7px;padding:5px 8px;font-size:12.5px;color:#6b7280;text-decoration:none;border-radius:6px;white-space:nowrap;transition:background .15s,color .15s}.sb__sub-link:hover{background:#f3f4f6;color:#1a1f36}.sb__sub-link--active{color:#1da99c;font-weight:600;background:#e6f7f5}.sb__sub-dot{width:4px;height:4px;border-radius:50%;background:#d1d5db;flex-shrink:0;transition:background .15s}.sb__sub-link:hover .sb__sub-dot{background:#9ca3af}.sb__sub-link--active .sb__sub-dot{background:#1da99c}.sb__tip{position:fixed;z-index:9999;min-width:200px;max-width:250px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000f;padding:0 0 8px;pointer-events:auto;animation:sb-tip .15s ease}@keyframes sb-tip{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sb__tip:before{content:"";position:absolute;left:-5px;top:15px;width:10px;height:10px;background:#fff;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;transform:rotate(45deg);border-radius:1px}.sb__tip-hd{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #f3f4f6;margin-bottom:4px}.sb__tip-icon-box{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#1da99c,#4abb83);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #1da99c40}.sb__tip-icon{font-size:14px!important;color:#fff!important}.sb__tip-title{font-size:13px;font-weight:600;color:#1a1f36;white-space:nowrap}.sb__tip-list{list-style:none;margin:0;padding:0}.sb__tip-link{display:block;padding:6px 16px;font-size:12.5px;color:#4b5563;text-decoration:none;white-space:nowrap;transition:background .13s,color .13s}.sb__tip-link:hover{background:#f3f4f6;color:#1da99c}.sb__tip-link--on{color:#1da99c;font-weight:600;background:#e6f7f5}:root{--g-start: #1da99c;--g-mid: #4abb83;--g-end: #7dcf61;--grad: linear-gradient(90deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--grad-135: linear-gradient(135deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--white: #ffffff;--off-white: #f8fdfb;--border: #e4f4ef;--border-md: #c8e9de;--text-1: #0f2820;--text-2: #3d6659;--text-3: #7aab99;--shadow-sm: 0 1px 3px rgba(29,169,156,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(29,169,156,.1), 0 1px 4px rgba(0,0,0,.05);--radius-md: 14px;--radius-lg: 20px;--font: "DM Sans","Segoe UI",system-ui,sans-serif}.ad-root{min-height:100vh;background:var(--off-white);font-family:var(--font);color:var(--text-1)}.ad-topbar{height:4px;background:var(--grad);position:sticky;top:0;z-index:100}.ad-header{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:sticky;top:4px;z-index:99}.ad-hdr-left{display:flex;flex-direction:column;gap:2px}.ad-hdr-date{font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.05em;text-transform:uppercase}.ad-hdr-title{font-size:21px;font-weight:700;color:var(--text-1);line-height:1.2}.ad-hdr-highlight{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-hdr-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ad-sel-wrap{position:relative;display:flex;align-items:center;background:var(--off-white);border:1.5px solid var(--border-md);border-radius:var(--radius-md);padding:0 32px 0 10px;height:40px;gap:6px;transition:border-color .2s,box-shadow .2s}.ad-sel-wrap:focus-within{border-color:var(--g-start);box-shadow:0 0 0 3px #1da99c1f}.ad-sel-wrap--month{border-color:#a5d6ef}.ad-sel-wrap--month:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ad-sel-icon{font-size:15px!important;color:var(--g-start)!important;flex-shrink:0}.ad-sel-icon--month{color:#3b82f6!important}.ad-sel{border:none;background:transparent;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;min-width:140px}.ad-sel-arrow{position:absolute;right:6px;font-size:15px!important;color:var(--text-3)!important;pointer-events:none}.ad-hdr-chips{display:flex;align-items:center;gap:12px;background:var(--off-white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:7px 14px}.ad-chip{display:flex;align-items:center;gap:7px}.ad-chip-icon{font-size:14px!important;color:var(--g-start)!important}.ad-chip-text{display:flex;flex-direction:column}.ad-chip-label{font-size:10px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;line-height:1}.ad-chip-val{font-size:12px;font-weight:600;color:var(--text-1);line-height:1.4}.ad-chip-divider{width:1px;height:26px;background:var(--border-md)}.ad-clock{display:flex;align-items:center;gap:5px}.ad-live-dot{font-size:9px!important;color:var(--g-start)!important;animation:ad-pulse 2s ease-in-out infinite}@keyframes ad-pulse{0%,to{opacity:1}50%{opacity:.3}}.ad-clock-time{font-size:13px;font-weight:700;color:var(--g-start);font-variant-numeric:tabular-nums}.ad-main{padding:26px 32px 48px;display:flex;flex-direction:column;gap:24px}.ad-mid-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.ad-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.ad-card-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 0}.ad-card-title{font-size:14.5px;font-weight:700;color:var(--text-1);display:flex;align-items:center;gap:6px}.ad-card-sub{font-size:12px;color:var(--text-3);margin-top:2px}.ad-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:linear-gradient(135deg,#e6faf7,#edfdf0);color:var(--g-start);border:1px solid #b8ead9;white-space:nowrap}.ad-empty{padding:40px 24px;text-align:center;color:var(--text-3);font-size:13px}.ad-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--off-white);font-family:var(--font);color:var(--text-2)}.ad-loading-spinner{width:40px;height:40px;border:3px solid var(--border-md);border-top-color:var(--g-start);border-radius:50%;animation:ad-spin .8s linear infinite}@keyframes ad-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.ad-mid-grid{grid-template-columns:1fr}}@media (max-width:768px){.ad-header{padding:14px 16px}.ad-main{padding:16px 16px 40px}.ad-hdr-chips{display:none}}.sg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:1200px){.sg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sg-grid{grid-template-columns:1fr}}.sg-empty{padding:32px;text-align:center;color:#7aab99;font-size:13px;background:#fff;border-radius:18px;border:1.5px solid #e4f4ef}.sg-card{background:#fff;border-radius:18px;border:1.5px solid var(--card-border, #e4f4ef);box-shadow:0 2px 12px #1da99c12;overflow:hidden;display:flex;flex-direction:column;animation:sg-up .42s ease both;transition:box-shadow .2s,transform .2s;cursor:default}.sg-card:hover{box-shadow:0 8px 28px #00000017;transform:translateY(-2px)}@keyframes sg-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sg-top-strip{height:4px;flex-shrink:0}.sg-card-body{padding:16px 18px 0;display:flex;flex-direction:column;gap:4px;flex:1}.sg-row1{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.sg-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001f;flex-shrink:0}.sg-delta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:20px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-delta--up{color:#065f46;background:#d1fae5}.sg-delta--dn{color:#991b1b;background:#fee2e2}.sg-value{font-size:26px;font-weight:800;color:#0f2820;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sg-title{font-size:13px;font-weight:700;color:#0f2820;margin-top:1px}.sg-sub{font-size:11px;color:#7aab99;font-weight:500;margin-bottom:6px}.sg-subsidy{margin-top:4px}.sg-sb-bar{height:5px;border-radius:4px;overflow:hidden;display:flex;background:#f0f9f5}.sg-sb-fill{height:100%;transition:width .5s ease}.sg-sb-labels{display:flex;justify-content:space-between;margin-top:4px}.sg-sb-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600}.sg-sb-tag--sb{color:var(--card-color, #1da99c)}.sg-sb-tag--nsb{color:#9ca3af}.sg-best-preview{display:flex;align-items:center;gap:7px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:6px 10px;margin-top:4px}.sg-best-rank{font-size:11px;font-weight:800;color:#d97706;background:#fef3c7;border-radius:5px;padding:1px 5px}.sg-best-name{font-size:12px;font-weight:700;color:#0f2820;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-best-count{font-size:11px;font-weight:600;color:#d97706}.sg-footer{padding:10px 0 14px;border-top:1px solid #f0f9f5;margin-top:8px}.sg-view-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px;border:1.5px solid;cursor:pointer;transition:opacity .15s,gap .2s;white-space:nowrap}.sg-view-btn:hover{opacity:.82;gap:8px}.ibc-card{display:flex;flex-direction:column}.ibc-tab-group{display:flex;gap:4px;background:#f0f9f5;border:1px solid #d1f0e6;border-radius:10px;padding:3px}.ibc-tab{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;border:none;background:transparent;font-size:11.5px;font-weight:500;color:#7aab99;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.ibc-tab:hover{background:#e0f5ec;color:#1da99c}.ibc-tab--active{background:#fff;color:#1da99c;box-shadow:0 1px 4px #1da99c2e}.ibc-body{display:flex;gap:0;padding:16px 20px 0;height:220px;flex:1}.ibc-yaxis{width:34px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:30px;flex-shrink:0}.ibc-ytick{font-size:10px;color:#7aab99;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;line-height:1}.ibc-chart-area{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.ibc-grid{position:absolute;top:0;right:0;bottom:30px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:0}.ibc-gridline{width:100%;height:1px;background:#e4f4ef}.ibc-bars{position:absolute;top:0;right:0;bottom:30px;left:0;display:flex;align-items:flex-end;gap:8px;padding:0 4px;z-index:1}.ibc-bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ibc-bar-track{width:100%;flex:1;position:relative;display:flex;align-items:flex-end}.ibc-bar-fill{width:100%;min-height:4px;border-radius:6px 6px 0 0;transition:height .55s cubic-bezier(.34,1.15,.64,1);box-shadow:0 -2px 8px #1da99c33}.ibc-tooltip{position:absolute;left:50%;transform:translate(-50%);background:#fff;border:1px solid #b8ead9;border-radius:6px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;pointer-events:none;opacity:0;transition:bottom .55s cubic-bezier(.34,1.15,.64,1),opacity .2s;z-index:10;box-shadow:0 3px 10px #1da99c26}.ibc-bar-col:hover .ibc-tooltip{opacity:1}.ibc-tip-qty{font-size:11px;font-weight:700;color:#0f2820;line-height:1.2}.ibc-tip-rev{font-size:9.5px;font-weight:500;color:"#7aab99";line-height:1}.ibc-bar-lbl{font-size:10px;color:#7aab99;font-weight:500;text-align:center;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.ibc-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 20px 18px;border-top:1px solid #f0f9f5;margin-top:4px}.ibc-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#3d6659;font-weight:500}.ibc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ibc-legend-qty{color:#7aab99;font-weight:400}.ibc-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px 28px;min-height:200px}.ibc-state--loading{gap:16px}.ibc-skeleton-bars{display:flex;align-items:flex-end;gap:10px;height:100px;padding:0 8px}.ibc-skeleton-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#e4f4ef,#c8ecdf 40%,#e4f4ef);background-size:200% 100%;animation:ibc-shimmer 1.4s ease-in-out infinite}@keyframes ibc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ibc-state--error{gap:8px}.ibc-state-icon{font-size:36px!important}.ibc-state-icon--error{color:#f87171!important}.ibc-state-icon--empty{color:#c8ecdf!important}.ibc-state-title{font-size:13px;font-weight:600;color:#3d6659;margin:0}.ibc-state-text{font-size:11.5px;color:#7aab99;margin:0;text-align:center;max-width:220px;line-height:1.5}.mzp-card{display:flex;flex-direction:column}.ad-badge--purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#6d28d9;border-color:#c4b5fd;font-variant-numeric:tabular-nums}.mzp-list{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.mzp-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid #e4f4ef;background:#fff;text-align:left;font:inherit;transition:box-shadow .18s,border-color .18s,transform .12s}.mzp-row--clickable{cursor:pointer}.mzp-row--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c1f}.mzp-row--clickable:active{transform:translateY(0)}.mzp-row--active{border-color:#b8ead9;background:linear-gradient(135deg,#f8fefb,#f0fdf4);box-shadow:0 2px 10px #1da99c14}.mzp-row--active.mzp-row--clickable:hover{border-color:#6ee7b7;box-shadow:0 4px 18px #1da99c2e}.mzp-row--closed{background:#fafafa;border-color:#f0f0f0;opacity:.85}.mzp-row--upcoming{background:#fefefe;border-style:dashed}.mzp-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s,color .3s}.mzp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mzp-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mzp-name{font-size:13px;font-weight:700;transition:color .3s}.mzp-time{font-size:11px;color:#7aab99;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.mzp-meta{display:flex;align-items:center;gap:5px}.mzp-items{font-size:11.5px;color:#7aab99;font-weight:500}.mzp-dot-sep{color:#c8e9de;font-size:11px}.mzp-booked{font-size:11.5px;color:#3d6659;font-weight:500}.mzp-booked strong{font-weight:700;color:#0f2820}.mzp-progress{flex:1;height:4px;background:#e4f4ef;border-radius:2px;overflow:hidden;min-width:30px;max-width:60px}.mzp-progress-fill{height:100%;border-radius:2px;transition:width .6s ease}.mzp-na{font-size:11px;color:#d1d5db;font-style:italic}.mzp-status{flex-shrink:0;display:flex;align-items:center}.mzp-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}.mzp-pill--open{animation:mzp-glow 2.5s ease-in-out infinite}.mzp-pill--closed{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.mzp-pill--upcoming{background:transparent;border:1px dashed currentColor;opacity:.8}@keyframes mzp-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px 1px #1da99c33}}.mzp-skeleton{cursor:default;pointer-events:none}.mzp-skeleton-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(90deg,#e4f4ef,#c8ecdf 40%,#e4f4ef);background-size:200% 100%;animation:mzp-shimmer 1.4s ease-in-out infinite;flex-shrink:0}.mzp-skeleton-info{flex:1;display:flex;flex-direction:column;gap:6px}.mzp-skeleton-line{height:10px;border-radius:5px;background:linear-gradient(90deg,#e4f4ef,#c8ecdf 40%,#e4f4ef);background-size:200% 100%;animation:mzp-shimmer 1.4s ease-in-out infinite}.mzp-skeleton-line--title{width:55%}.mzp-skeleton-line--sub{width:75%}@keyframes mzp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mzp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;text-align:center}.mzp-state--error svg{color:#f87171!important}.mzp-state-title{font-size:13px;font-weight:700;color:#3d6659;margin:0}.mzp-state-sub{font-size:11.5px;color:#7aab99;margin:0;max-width:220px;line-height:1.5}.mzdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a191473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;animation:mzdm-fade-in .18s ease}@keyframes mzdm-fade-in{0%{opacity:0}to{opacity:1}}.mzdm-modal{width:100%;max-width:560px;max-height:88vh;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0a191438,0 4px 16px #0a19141a;display:flex;flex-direction:column;overflow:hidden;animation:mzdm-slide-in .2s cubic-bezier(.34,1.2,.64,1)}@keyframes mzdm-slide-in{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mzdm-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;flex-shrink:0}.mzdm-hdr-left{display:flex;align-items:center;gap:12px}.mzdm-hdr-icon{width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mzdm-hdr-title{font-size:16px;font-weight:800;color:#fff;line-height:1.2}.mzdm-hdr-sub{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#ffffffd1;font-weight:500;margin-top:2px}.mzdm-close{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.mzdm-close:hover{background:#ffffff59}.mzdm-summary{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f9f5;gap:0;flex-shrink:0}.mzdm-sum-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.mzdm-sum-label{font-size:10.5px;color:#7aab99;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.mzdm-sum-val{font-size:20px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.mzdm-sum-divider{width:1px;height:32px;background:#e4f4ef;flex-shrink:0}.mzdm-body{flex:1;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:20px}.mzdm-section{display:flex;flex-direction:column;gap:10px}.mzdm-section-hdr{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#0f2820}.mzdm-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid;line-height:1.5}.mzdm-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.mzdm-item-card{border:1.5px solid #e4f4ef;border-radius:10px;padding:10px 12px;background:#fafefe;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s}.mzdm-item-card:hover{box-shadow:0 2px 10px #1da99c1a;border-color:#b8ead9}.mzdm-item-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.mzdm-item-name{font-size:12.5px;font-weight:700;color:#0f2820}.mzdm-sub-tag,.mzdm-nsub-tag{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap}.mzdm-sub-tag{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.mzdm-nsub-tag{background:#f5f3ff;color:#6d28d9;border:1px solid #c4b5fd}.mzdm-item-meta{display:flex;align-items:center;justify-content:space-between}.mzdm-item-price{font-size:13px;font-weight:700;color:#1da99c}.mzdm-item-qty{font-size:10.5px;color:#7aab99;font-weight:500}.mzdm-search{display:flex;align-items:center;gap:6px;margin-left:auto;border:1.5px solid #d1f0e6;border-radius:8px;padding:4px 10px;background:#f8fefb}.mzdm-search-input{border:none;outline:none;background:transparent;font-size:11.5px;color:#0f2820;width:130px}.mzdm-search-input::placeholder{color:#b0d8c8}.mzdm-search-clear{background:none;border:none;cursor:pointer;font-size:10px;color:#7aab99;padding:0;line-height:1}.mzdm-emp-list{display:flex;flex-direction:column;gap:6px}.mzdm-emp-row{border:1.5px solid #e4f4ef;border-radius:11px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.mzdm-emp-row--open{border-color:#b8ead9;box-shadow:0 2px 12px #1da99c1a}.mzdm-emp-hdr{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:none;cursor:pointer;text-align:left;transition:background .15s}.mzdm-emp-hdr:hover{background:#f8fefb}.mzdm-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.mzdm-emp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.mzdm-emp-name{font-size:12.5px;font-weight:700;color:#0f2820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mzdm-emp-meta{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#7aab99;font-weight:500}.mzdm-sep{color:#c8e9de}.mzdm-emp-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.mzdm-amt{font-size:13px;font-weight:800}.mzdm-disc{font-size:10px;color:#7aab99;font-weight:500}.mzdm-emp-items{padding:0 12px 10px;background:#f8fefb;display:flex;flex-direction:column;gap:6px;border-top:1px solid #e4f4ef}.mzdm-order-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #e4f4ef}.mzdm-order-item:last-child{border-bottom:none}.mzdm-oi-name{flex:1;font-size:12px;color:#0f2820;font-weight:600}.mzdm-oi-qty{font-size:11px;color:#7aab99;font-weight:500}.mzdm-oi-price{font-size:12px;color:#1da99c;font-weight:700}.mzdm-oi-disc{font-size:10.5px;color:#f59e0b;font-weight:600}.mzdm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:#7aab99;font-size:12px;text-align:center}.mzdm-empty p{margin:0}.mzdm-empty-sm{font-size:11.5px;color:#b0d8c8;font-style:italic;padding:8px 0}.lb-card{display:flex;flex-direction:column}.lb-header{flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0f9f5}.lb-last-refresh{color:#b0d8c8;font-weight:400}.lb-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lb-count{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:20px}.lb-count--awaiting{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.lb-count--collected{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.lb-refresh-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid #d1f0e6;background:#f8fefb;color:#7aab99;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.lb-refresh-btn:hover:not(:disabled){background:#e0f5ec;color:#1da99c;border-color:#b8ead9}.lb-refresh-btn:disabled{opacity:.5;cursor:default}.lb-spin{animation:lb-spin 1s linear infinite}@keyframes lb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lb-live-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1da99c;background:linear-gradient(135deg,#e6faf7,#edfdf0);border:1px solid #b8ead9;padding:5px 10px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.lb-live-pill svg{color:#1da99c;animation:lb-pulse 2s ease-in-out infinite}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.3}}.lb-table{display:flex;flex-direction:column}.lb-col-head{display:flex;align-items:center;gap:14px;padding:8px 20px;background:#f8fdfb;border-bottom:1.5px solid #e4f4ef}.lb-col-head span{font-size:10.5px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 20px}.lb-row--skeleton{border-bottom:1px solid #f0f9f5;pointer-events:none}.lb-sk-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,#e4f4ef,#c8ecdf 40%,#e4f4ef);background-size:200% 100%;animation:lb-shimmer 1.4s ease-in-out infinite;flex-shrink:0}.lb-sk-block{height:12px;border-radius:6px;background:linear-gradient(90deg,#e4f4ef,#c8ecdf 40%,#e4f4ef);background-size:200% 100%;animation:lb-shimmer 1.4s ease-in-out infinite}.lb-sk-block--wide{width:160px}.lb-sk-block--med{width:110px}.lb-sk-block--sm{width:72px}@keyframes lb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center}.lb-state-title{font-size:13.5px;font-weight:700;color:#3d6659;margin:0}.lb-state-sub{font-size:12px;color:#7aab99;margin:0;max-width:260px;line-height:1.5}.lb-retry-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#1da99c;background:#f0fdf8;border:1.5px solid #b8ead9;border-radius:8px;padding:6px 14px;cursor:pointer;margin-top:4px;transition:background .15s}.lb-retry-btn:hover{background:#e0f5ec}.br-wrap{border-bottom:1px solid #f0f9f5;transition:background .15s}.br-wrap:last-child{border-bottom:none}.br-wrap--collected{background:#fafffe}.br-wrap--booked{background:#fff}.br-wrap--expired{background:#fafafa;opacity:.82}.br-wrap:hover{background:#f5fdfb}.br-main{display:flex;align-items:center;gap:14px;padding:12px 20px}.br-avatar{width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em}.br-emp{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.br-emp-name{font-size:13px;font-weight:700;color:#0f2820;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-emp-sub{display:flex;align-items:center;gap:4px;font-size:11px;color:#7aab99}.br-card{font-weight:600;color:#3d6659}.br-dept{color:#7aab99}.br-sep-dot{width:3px;height:3px;background:#c8e9de;border-radius:50%}.br-zone-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}.br-time-row{display:flex;align-items:center;gap:4px;font-size:11px}.br-time-row--collected{color:#047857}.br-time-lbl{color:#7aab99;font-weight:500;min-width:28px}.br-time-val{color:#0f2820;font-weight:600;font-variant-numeric:tabular-nums}.br-method-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px;white-space:nowrap}.br-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:20px;justify-content:center}.br-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.br-total{font-size:14px;font-weight:800;color:#0f2820;font-variant-numeric:tabular-nums}.br-sub-info{font-size:10px;color:#f59e0b;font-weight:500}.br-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.br-toggle{width:28px;height:28px;border:1.5px solid #e4f4ef;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3d6659;flex-shrink:0;transition:background .15s,border-color .15s}.br-toggle:hover{background:#f0fdf4;border-color:#1da99c}.br-details-btn{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:11.5px;font-weight:700;color:#1da99c;background:#f0fdf4;border:1.5px solid #b8ead9;border-radius:8px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.br-details-btn:hover{background:#1da99c;color:#fff;border-color:#1da99c}.br-expand{background:#f8fdfb;border-top:1px solid #e4f4ef;padding:14px 20px 16px;animation:br-slideDown .2s ease}@keyframes br-slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.br-ref-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#3d6659;margin-bottom:12px;flex-wrap:wrap}.br-ref-label{font-weight:600}.br-ref-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;background:#1da99c1a;color:#1da99c;padding:2px 8px;border-radius:5px;border:1px solid #1da99c30}.br-source-chip,.br-zone-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:20px}.br-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.br-tbl th{text-align:left;padding:6px 10px;color:#7aab99;font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid #e4f4ef}.br-tbl td{padding:7px 10px;color:#0f2820;border-bottom:1px solid #f0f9f5}.br-tbl tbody tr:last-child td{border-bottom:none}.br-tbl .r{text-align:right;font-variant-numeric:tabular-nums}.br-grand-lbl{font-weight:700;color:#0f2820;text-align:right;padding-top:10px!important;border-top:1.5px solid #e4f4ef!important}.br-grand-val{font-weight:800;font-size:14px;color:#1da99c;padding-top:10px!important;border-top:1.5px solid #e4f4ef!important}.br-grand-disc{color:#f59e0b;font-weight:600;padding-top:10px!important;border-top:1.5px solid #e4f4ef!important}.vdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e1685;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:vdm-fade .18s ease}@keyframes vdm-fade{0%{opacity:0}to{opacity:1}}.vdm-modal{background:#fff;border-radius:22px;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 28px 70px #0a1e1638,0 4px 16px #00000014;animation:vdm-up .26s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;z-index:10000}@keyframes vdm-up{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vdm-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.vdm-hdr-left{display:flex;align-items:center;gap:12px;min-width:0}.vdm-hdr-icon{width:38px;height:38px;border-radius:11px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vdm-hdr-title{font-size:14.5px;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vdm-hdr-sub{font-size:11px;color:#ffffffbf;margin-top:2px}.vdm-close{width:32px;height:32px;border-radius:9px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff26;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .15s}.vdm-close:hover{background:#ffffff47}.vdm-modal-body{flex:1;overflow-y:auto;padding:18px 20px 24px}.vdm-modal-body::-webkit-scrollbar{width:5px}.vdm-modal-body::-webkit-scrollbar-track{background:#f0f9f5}.vdm-modal-body::-webkit-scrollbar-thumb{background:#b8ead9;border-radius:4px}.vdm-view{display:flex;flex-direction:column;gap:12px}.vdm-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:10px;text-align:center}.vdm-spinner{width:36px;height:36px;border:3px solid #e4f4ef;border-top-color:#1da99c;border-radius:50%;animation:vdm-spin .75s linear infinite}@keyframes vdm-spin{to{transform:rotate(360deg)}}.vdm-state-icon{font-size:38px!important}.vdm-state-icon--error{color:#ef4444!important}.vdm-state-icon--empty{color:#c8e9de!important}.vdm-state-title{font-size:14px;font-weight:700;color:#0f2820;margin:0}.vdm-state-text{font-size:12.5px;color:#7aab99;margin:0;max-width:300px}.vdm-tbl .vdm-state{padding:28px 16px}.vdm-summary-strip{display:flex;gap:8px}.vdm-sum-tile{flex:1;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px}.vdm-sum-tile--total{background:linear-gradient(135deg,#f8fdfb,#ecfdf5);border:1.5px solid #b8ead9}.vdm-sum-tile--sb{background:#f0fdf4;border:1.5px solid #6ee7b7}.vdm-sum-tile--nsb{background:#f5f3ff;border:1.5px solid #c4b5fd}.vdm-sum-icon{line-height:1;flex-shrink:0}.vdm-sum-label{font-size:10px;font-weight:600;color:#7aab99;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.vdm-sum-val{font-size:15px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.vdm-sum-pct{font-size:10px;font-weight:600;color:#7aab99;white-space:nowrap;margin-left:auto}.vdm-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vdm-search-wrap{flex:1;min-width:160px;display:flex;align-items:center;gap:7px;background:#f8fdfb;border:1.5px solid #e4f4ef;border-radius:10px;padding:0 10px;height:36px;transition:border-color .2s,box-shadow .2s}.vdm-search-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1a}.vdm-search{flex:1;border:none;background:transparent;font-family:inherit;font-size:12.5px;color:#0f2820;outline:none}.vdm-search::placeholder{color:#7aab99}.vdm-search-clear{font-size:11px;color:#7aab99;background:none;border:none;cursor:pointer;padding:0 2px;line-height:1}.vdm-export-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:12px;font-weight:700;padding:0 14px;height:36px;border-radius:10px;border:1.5px solid #b8ead9;background:linear-gradient(135deg,#e6faf7,#edfdf0);color:#1da99c;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s,color .15s,border-color .15s}.vdm-export-btn:hover{background:#1da99c;color:#fff;border-color:#1da99c;box-shadow:0 4px 12px #1da99c40}.vdm-table-wrap{overflow-x:auto;border:1.5px solid #e4f4ef;border-radius:12px;background:#fff}.vdm-table-wrap::-webkit-scrollbar{height:4px}.vdm-table-wrap::-webkit-scrollbar-thumb{background:#b8ead9;border-radius:2px}.vdm-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.vdm-tbl th{text-align:left;padding:9px 12px;font-size:10.5px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.05em;background:#f8fdfb;border-bottom:1.5px solid #e4f4ef;white-space:nowrap}.vdm-tbl td{padding:9px 12px;color:#0f2820;border-bottom:1px solid #f0f9f5;white-space:nowrap}.vdm-tbl tbody tr:last-child td{border-bottom:none}.vdm-tbl tbody tr:hover td{background:#f8fdfb}.vdm-tbl .r{text-align:right;font-variant-numeric:tabular-nums}.vdm-bold{font-weight:700}.vdm-sb{color:#047857;font-weight:600}.vdm-nsb{color:#7c3aed;font-weight:600}.vdm-tbl tfoot tr td{background:#f8fdfb;border-top:2px solid #e4f4ef;padding:9px 12px}.vdm-foot-lbl{color:#0f2820;font-weight:600;font-size:12px}.vdm-foot-val{color:#0f2820;font-weight:800;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.vdm-foot-sb{color:#047857;font-weight:700;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.vdm-foot-nsb{color:#7c3aed;font-weight:700;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.vdm-date-cell{display:flex;align-items:center;gap:5px;font-size:12px;color:#0f2820}.vdm-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:11px;font-weight:800;background:#f3f4f6;color:#6b7280}.vdm-rank--1{background:#fef3c7;color:#d97706}.vdm-rank--2{background:#f1f5f9;color:#64748b}.vdm-rank--3{background:#fdf2f8;color:#db2777}.vdm-item-name{font-weight:600;color:#0f2820}.vdm-emp-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#f8fdfb,#f0fdf4);border:1.5px solid #b8ead9;border-radius:14px}.vdm-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1da99c,#7dcf61);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #1da99c33}.vdm-emp-info{flex:1;min-width:0}.vdm-emp-name{font-size:15px;font-weight:800;color:#0f2820}.vdm-emp-meta{display:flex;gap:12px;font-size:12px;color:#3d6659;margin-top:3px;flex-wrap:wrap}.vdm-emp-meta span{display:flex;align-items:center;gap:4px}.vdm-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;flex-shrink:0}.vdm-subsidy-badge{display:flex}.vdm-sb-badge,.vdm-nsb-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px}.vdm-sb-badge{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.vdm-nsb-badge{background:#f5f3ff;color:#7c3aed;border:1px solid #c4b5fd}.vdm-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vdm-meta-cell{background:#f8fdfb;border:1px solid #e4f4ef;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.vdm-meta-label{font-size:10.5px;font-weight:600;color:#7aab99;text-transform:uppercase;letter-spacing:.05em}.vdm-meta-val{font-size:13px;font-weight:700;color:#0f2820;display:flex;align-items:center;gap:5px}.vdm-ref-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1.5px solid #b8ead9;border-radius:10px;flex-wrap:wrap}.vdm-ref-label{font-size:12px;font-weight:700;color:#3d6659}.vdm-ref-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;background:#1da99c1a;color:#1da99c;padding:3px 9px;border-radius:6px;border:1px solid rgba(29,169,156,.2)}.vdm-section-title{font-size:11px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.06em}@media (max-width: 640px){.vdm-modal{max-width:100%;border-radius:16px}.vdm-summary-strip{flex-direction:column}.vdm-meta-grid{grid-template-columns:1fr}}:root{--c1: #1da99c;--c2: #4abb83;--c3: #7dcf61;--grad: linear-gradient(135deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);--grad-90: linear-gradient(90deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);--grad-txt: linear-gradient(90deg, var(--c1) 0%, var(--c2) 80%);--grad-ring: linear-gradient(135deg, var(--c1) 0%, var(--c3) 100%);--white: #ffffff;--off-white: #f8fafb;--border: #eaeff5;--text: #111827;--muted: #6b7280;--light: #9ca3af;--err: #dc3535;--err-bg: rgba(220,53,53,.08);--ff: "Nunito", system-ui, sans-serif;--r: 10px;--r-l: 16px;--t: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;border:none;background:none;font:inherit}a{text-decoration:none}ul,ol{list-style:none}img{display:block}.lp{font-family:var(--ff);font-size:14px;color:var(--text);display:grid;grid-template-columns:1fr 420px;height:100vh;overflow:hidden}.lp-info{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:36px 48px 24px;gap:24px;overflow:hidden;position:relative}.lp-info:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(29,169,156,.07) 0%,transparent 70%);pointer-events:none}.lp-brand{display:flex;align-items:center;gap:20px;animation:lp-in .5s ease both}.lp-logo-wrap{position:relative;flex-shrink:0}.lp-logo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:30px;background:var(--grad);opacity:.2;filter:blur(12px);animation:lp-glow-pulse 3s ease-in-out infinite}@keyframes lp-glow-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.35;transform:scale(1.06)}}.lp-logo-ring{position:relative;width:96px;height:96px;border-radius:24px;background:var(--grad-ring);padding:5px;display:grid;place-items:center;box-shadow:0 8px 24px #1da99c47,0 2px 6px #1da99c2e}.lp-logo-img{width:84px;height:84px;border-radius:19px;object-fit:contain;background:#fff}.lp-brand-text{display:flex;flex-direction:column;gap:3px}.lp-brand-name{font-size:20px;font-weight:800;letter-spacing:-.02em;background:var(--grad-txt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.lp-brand-tag{font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:.01em}.lp-pitch{animation:lp-in .5s ease .08s both}.lp-pitch__h{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.025em;line-height:1.22;margin-bottom:8px;background:linear-gradient(135deg,#1da99c,#4abb83 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-pitch__p{font-size:13.5px;color:var(--muted);line-height:1.72;max-width:420px}.lp-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:lp-in .5s ease .14s both}.lp-feat{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:var(--r-l);border:1.5px solid var(--border);background:var(--off-white);transition:border-color var(--t),box-shadow var(--t),transform var(--t);cursor:default}.lp-feat:hover{border-color:#1da99c59;box-shadow:0 4px 16px #1da99c14;transform:translateY(-1px)}.lp-feat__icon{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;flex-shrink:0;color:#fff;box-shadow:0 3px 10px #1da99c40}.lp-feat__icon svg{width:16px;height:16px}.lp-feat__body{display:flex;flex-direction:column;gap:2px}.lp-feat__title{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.lp-feat__desc{font-size:11.5px;color:var(--muted);line-height:1.55}.lp-illus-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:0;animation:lp-in .6s ease .2s both}.lp-illus{width:100%;max-height:160px;object-fit:contain}.lp-fl{animation:lp-bob 5s ease-in-out infinite}.lp-fl--a{animation-delay:0s;animation-duration:5.5s}.lp-fl--b{animation-delay:-1.8s;animation-duration:4.8s}.lp-fl--c{animation-delay:-.6s;animation-duration:6s}.lp-fl--d{animation-delay:-2.4s;animation-duration:5.2s}.lp-fl--e{animation-delay:-3.2s;animation-duration:4.5s}.lp-fl--f{animation-delay:-1.2s;animation-duration:6.5s}.lp-fl--g{animation-delay:-.9s;animation-duration:5.8s}@keyframes lp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lp-stm{animation:lp-steam 2.6s ease-in-out infinite}.lp-stm--b{animation-delay:.5s}.lp-stm--c{animation-delay:1s}.lp-stm--d{animation-delay:.25s}.lp-stm--e{animation-delay:.75s}@keyframes lp-steam{0%{opacity:0;transform:translateY(3px)}35%{opacity:.9}to{opacity:0;transform:translateY(-9px)}}.lp-copy{font-size:11px;color:var(--light);text-align:center;flex-shrink:0}.lp-auth{background:var(--grad);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lp-circle{position:absolute;border-radius:50%;pointer-events:none;background:#ffffff14}.lp-circle--1{width:340px;height:340px;top:-130px;right:-100px}.lp-circle--2{width:240px;height:240px;bottom:-90px;left:-60px}.lp-circle--3{width:160px;height:160px;top:50%;left:50%;translate:-50% -50%;background:#ffffff0d;animation:lp-spin-slow 28s linear infinite;border:1px solid rgba(255,255,255,.1)}@keyframes lp-spin-slow{to{transform:rotate(360deg)}}.lp-auth__box{width:calc(100% - 64px);max-width:320px;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:32px 28px 24px;box-shadow:0 20px 60px #00000024,0 4px 16px #00000014,inset 0 1px #fffc;position:relative;z-index:1;animation:lp-up .5s cubic-bezier(.16,1,.3,1) .05s both}.lp-auth__box:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;background:var(--grad-90);border-radius:0 0 4px 4px}.lp-auth__hd{margin-bottom:22px}.lp-auth__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c1);margin-bottom:6px}.lp-auth__title{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1;margin-bottom:4px}.lp-auth__sub{font-size:13px;color:var(--muted);font-weight:400}.lp-form{display:flex;flex-direction:column;gap:12px}.lp-field{display:flex;flex-direction:column;gap:5px}.lp-label{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.lp-forgot{font-size:11.5px;font-weight:600;color:var(--c1);text-transform:none;letter-spacing:0;transition:opacity var(--t)}.lp-forgot:hover{opacity:.7}.lp-iw{position:relative;display:flex;align-items:center}.lp-ico{position:absolute;left:11px;width:15px;height:15px;color:var(--light);pointer-events:none;transition:color var(--t)}.lp-iw:focus-within .lp-ico{color:var(--c1)}.lp-inp{width:100%;padding:10px 12px 10px 36px;background:var(--off-white);border:1.5px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--ff);font-size:13.5px;font-weight:500;outline:none;transition:border-color var(--t),background var(--t),box-shadow var(--t)}.lp-inp::placeholder{color:#c0c8d4;font-weight:400}.lp-inp:focus{border-color:var(--c1);background:#fff;box-shadow:0 0 0 3px #1da99c1f}.lp-inp:disabled{opacity:.5;cursor:not-allowed}.is-err .lp-inp{border-color:var(--err);background:var(--err-bg)}.is-err .lp-inp:focus{box-shadow:0 0 0 3px #dc35351a;border-color:var(--err)}.lp-errmsg{font-size:11.5px;font-weight:600;color:var(--err);display:flex;align-items:center;gap:4px;animation:lp-shake .28s ease}.lp-errmsg:before{content:"⚠";font-size:10px}.lp-eye{position:absolute;right:10px;display:flex;color:var(--light);padding:3px;border-radius:5px;transition:color var(--t)}.lp-eye svg{width:16px;height:16px}.lp-eye:hover{color:var(--c1)}.lp-eye:disabled{opacity:.4;cursor:not-allowed}.lp-remember{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--muted);font-weight:500;margin-top:2px}.lp-cb{display:none}.lp-cb-box{width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--border);border-radius:4px;background:var(--off-white);display:grid;place-items:center;transition:background var(--t),border-color var(--t)}.lp-cb:checked~.lp-cb-box{background:var(--grad);border-color:transparent}.lp-cb:checked~.lp-cb-box:after{content:"";width:4px;height:7px;border:2px solid white;border-top:none;border-left:none;transform:rotate(42deg) translateY(-1px)}.lp-btn{width:100%;margin-top:6px;padding:12px 20px;border-radius:var(--r);background:var(--grad);color:#fff;font-family:var(--ff);font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #1da99c59;transition:filter var(--t),transform var(--t),box-shadow var(--t);letter-spacing:.01em}.lp-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 26px #1da99c6b}.lp-btn:active:not(:disabled){transform:none;filter:brightness(.96)}.lp-btn:disabled{opacity:.6;cursor:not-allowed}.lp-spin{width:15px;height:15px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:lp-rotate .65s linear infinite}.lp-access{text-align:center;font-size:12.5px;color:var(--muted);margin-top:14px}.lp-access__link{font-weight:700;color:var(--c1);transition:opacity var(--t)}.lp-access__link:hover{opacity:.7}.lp-version{text-align:center;font-size:10.5px;color:var(--light);margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}@keyframes lp-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lp-rotate{to{transform:rotate(360deg)}}@keyframes lp-shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}70%{transform:translate(4px)}}:focus-visible{outline:2px solid var(--c1);outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media (max-width: 860px){.lp{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.lp-info{padding:28px 24px 16px;border-right:none;border-bottom:1px solid var(--border)}.lp-feats{grid-template-columns:repeat(2,1fr)}.lp-illus-wrap{max-height:120px}.lp-auth{padding:40px 20px 48px}.lp-circle--1{width:220px;height:220px}.lp-circle--2{width:160px;height:160px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cl-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.cl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.cl-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cl-header-left{display:flex;align-items:center;gap:14px}.cl-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-header-icon svg{width:22px;height:22px}.cl-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.cl-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.cl-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cl-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.cl-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.cl-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.cl-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.cl-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.cl-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.cl-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.cl-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.cl-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.cl-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.cl-search-panel--open{max-height:280px}.cl-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.cl-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cl-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.cl-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.cl-clear-all-btn:hover{background:#fef2f2}.cl-search-fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.cl-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cl-search-fields-grid{grid-template-columns:1fr}}.cl-field{display:flex;flex-direction:column;gap:5px}.cl-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.cl-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.cl-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.cl-field-wrap--filled{border-color:#4abb83}.cl-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.cl-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.cl-field-input::placeholder{color:#b8d5d1}.cl-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.cl-field-clear:hover{background:#c5e8df}.cl-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.cl-filter-result-bar strong{color:#1da99c;font-weight:700}.cl-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.cl-table-wrap{overflow-x:auto}.cl-table{width:100%;border-collapse:collapse;table-layout:fixed}.cl-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.cl-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.cl-th--serial{width:52px}.cl-th--actions{width:100px;text-align:center}.cl-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.cl-tr:last-child{border-bottom:none}.cl-tr:hover{background:#f8fffe}.cl-tr--deleting{opacity:.45;pointer-events:none}.cl-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.cl-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.cl-td--name{font-weight:600;color:#1e3a38}.cl-td--actions{text-align:center}.cl-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.cl-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.cl-pill--green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.cl-pill--teal{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.cl-dash{color:#c5d5d3;font-size:15px}.cl-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:clSkeletonFadeIn .3s ease forwards}@keyframes clSkeletonFadeIn{to{opacity:1}}.cl-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:clShimmer 1.5s infinite}@keyframes clShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.cl-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.cl-action-btn:disabled{opacity:.4;cursor:not-allowed}.cl-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.cl-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.cl-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.cl-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.cl-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:clSpin .7s linear infinite;display:block}@keyframes clSpin{to{transform:rotate(360deg)}}.cl-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.cl-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.cl-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.cl-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.cl-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:clSpin .9s linear infinite}.cl-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.cl-spinner-core svg{width:26px;height:26px}.cl-dots{display:flex;gap:6px;margin-top:4px}.cl-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:clBounce 1.2s ease-in-out infinite}.cl-dots span:nth-child(2){animation-delay:.2s}.cl-dots span:nth-child(3){animation-delay:.4s}@keyframes clBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.cl-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.cl-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:clPulse 2s ease-in-out infinite}@keyframes clPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.cl-error-icon-wrap svg{width:60px;height:60px}.cl-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.cl-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.cl-empty-illo{width:140px;height:120px;margin-bottom:4px}.cl-empty-illo svg{width:100%;height:100%}.cl-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.cl-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.cl-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.cl-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.cl-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.cl-pagination-info{font-size:12.5px;color:#6b9e99}.cl-pagination-info strong{color:#1da99c}.cl-pagination-controls{display:flex;align-items:center;gap:4px}.cl-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cl-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.cl-page-arrow:disabled{opacity:.35;cursor:not-allowed}.cl-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.cl-page-num:hover:not(.cl-page-num--active){border-color:#1da99c;color:#1da99c}.cl-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--cc-green-start: #1da99c;--cc-green-mid: #4abb83;--cc-green-end: #7dcf61;--cc-gradient: linear-gradient(135deg, var(--cc-green-start), var(--cc-green-mid), var(--cc-green-end));--cc-red: #f74231;--cc-text: #3d3f47;--cc-muted: #8a8c96;--cc-border: #e4e7ef;--cc-surface: #ffffff;--cc-bg: #f4f6fb;--cc-radius: 14px;--cc-input-h: 44px;--cc-transition: .22s cubic-bezier(.4,0,.2,1)}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.cc-modal{position:relative;width:100%;max-width:520px;background:var(--cc-surface);border-radius:var(--cc-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--cc-gradient) 1}.cc-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.cc-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--cc-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.cc-header-icon svg{width:22px;height:22px;stroke:#fff}.cc-title{font-size:17px;font-weight:700;color:var(--cc-text);margin:0 0 3px;letter-spacing:-.2px}.cc-subtitle{font-size:12.5px;color:var(--cc-muted);margin:0;line-height:1.4}.cc-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--cc-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cc-transition);color:var(--cc-muted);padding:0}.cc-close-btn:hover{background:#fee;border-color:#fcc;color:var(--cc-red)}.cc-close-btn svg{width:14px;height:14px}.cc-form{padding:20px 24px 0}.cc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cc-field{display:flex;flex-direction:column;gap:5px;animation:cc-slide-in .3s ease both}.cc-field:nth-child(1),.cc-field:nth-child(2){grid-column:1 / -1}.cc-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cc-muted);display:flex;align-items:center;gap:3px}.cc-required{color:var(--cc-red);font-size:14px;line-height:1}.cc-input-wrap{position:relative;display:flex;align-items:center}.cc-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--cc-muted);pointer-events:none;transition:color var(--cc-transition);display:flex}.cc-input-icon svg{width:100%;height:100%}.cc-input{width:100%;height:var(--cc-input-h);padding:0 36px 0 38px;border:1.5px solid var(--cc-border);border-radius:8px;font-size:13.5px;color:var(--cc-text);background:#fafbfd;outline:none;transition:border-color var(--cc-transition),box-shadow var(--cc-transition),background var(--cc-transition)}.cc-input::placeholder{color:#c2c5cf}.cc-input:focus{background:#fff;border-color:var(--cc-green-mid);box-shadow:0 0 0 3px #4abb8326}.cc-input:focus~.cc-input-icon,.cc-input:not(:placeholder-shown)~.cc-input-icon{color:var(--cc-green-start)}.cc-input:disabled{opacity:.55;cursor:not-allowed}.cc-field--valid .cc-input{border-color:var(--cc-green-mid)}.cc-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--cc-green-mid);display:flex;animation:cc-pop .25s ease}.cc-valid-icon svg{width:100%;height:100%}.cc-field--error .cc-input{border-color:var(--cc-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.cc-field--error .cc-input-icon{color:var(--cc-red)}.cc-error-msg{font-size:11.5px;color:var(--cc-red);margin:0;animation:cc-slide-in .2s ease;display:flex;align-items:center;gap:4px}.cc-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--cc-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.cc-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.cc-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--cc-border);margin-top:20px}.cc-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--cc-transition),box-shadow var(--cc-transition),opacity var(--cc-transition);letter-spacing:.1px}.cc-btn:disabled{cursor:not-allowed}.cc-btn--cancel{background:transparent;border:1.5px solid var(--cc-border);color:var(--cc-muted)}.cc-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--cc-text);border-color:#cdd1de}.cc-btn--submit{background:var(--cc-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:148px;justify-content:center}.cc-btn--submit:hover:not(:disabled):not(.cc-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.cc-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.cc-btn--loading{opacity:.8}.cc-submit-icon{width:15px;height:15px}.cc-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cc-spin .65s linear infinite;flex-shrink:0}.cc-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cc-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:cc-fade .2s ease}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cc-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cc-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.cc-fields{grid-template-columns:1fr}.cc-field:nth-child(1),.cc-field:nth-child(2){grid-column:1}.cc-header{padding:18px 18px 0}.cc-form{padding:16px 18px 0}.cc-footer{padding:16px 0 20px}}.update-canteen-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 8px 24px #0003}.update-canteen-modal h2{margin-bottom:20px;font-size:22px;color:#333;text-align:center}.update-canteen-form input{width:100%;padding:10px 14px;margin-bottom:15px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}.update-canteen-form input:focus{border-color:#1da99c}.update-canteen-actions{display:flex;justify-content:center;gap:10px}.update-canteen-submit-btn,.update-canteen-cancel-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.update-canteen-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff}.update-canteen-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff}.update-canteen-submit-btn:hover,.update-canteen-cancel-btn:hover{opacity:.9}.il-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.il-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.il-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.il-header-left{display:flex;align-items:center;gap:14px}.il-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.il-header-icon svg{width:22px;height:22px}.il-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.il-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.il-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.il-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.il-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.il-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.il-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.il-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.il-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.il-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.il-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.il-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.il-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.il-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.il-search-panel--open{max-height:280px}.il-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.il-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.il-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.il-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.il-clear-all-btn:hover{background:#fef2f2}.il-search-fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.il-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.il-search-fields-grid{grid-template-columns:1fr}}.il-field{display:flex;flex-direction:column;gap:5px}.il-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.il-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.il-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.il-field-wrap--filled{border-color:#4abb83}.il-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.il-field-input,.il-field-select{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.il-field-select{padding:8px 12px;cursor:pointer}.il-field-input::placeholder{color:#b8d5d1}.il-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.il-field-clear:hover{background:#c5e8df}.il-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.il-filter-result-bar strong{color:#1da99c;font-weight:700}.il-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.il-table-wrap{overflow-x:auto}.il-table{width:100%;border-collapse:collapse;table-layout:fixed}.il-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.il-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.il-th--photo{width:70px}.il-th--actions{width:100px;text-align:center}.il-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.il-tr:last-child{border-bottom:none}.il-tr:hover{background:#f8fffe}.il-tr--deleting{opacity:.45;pointer-events:none}.il-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.il-td--photo{text-align:center}.il-td--name{font-weight:600;color:#1e3a38}.il-td--actions{text-align:center}.il-avatar{width:40px;height:40px;border-radius:10px;border:1.5px solid #e0f5f0;box-shadow:0 2px 6px #0000000d}.il-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.il-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.il-pill--green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.il-pill--teal{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.il-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:ilSkeletonFadeIn .3s ease forwards}@keyframes ilSkeletonFadeIn{to{opacity:1}}.il-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:ilShimmer 1.5s infinite}@keyframes ilShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.il-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.il-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.il-action-btn:disabled{opacity:.4;cursor:not-allowed}.il-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.il-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.il-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.il-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.il-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:ilSpin .7s linear infinite;display:block}@keyframes ilSpin{to{transform:rotate(360deg)}}.il-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.il-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.il-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.il-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.il-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:ilSpin .9s linear infinite}.il-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.il-spinner-core svg{width:26px;height:26px}.il-dots{display:flex;gap:6px;margin-top:4px}.il-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:ilBounce 1.2s ease-in-out infinite}.il-dots span:nth-child(2){animation-delay:.2s}.il-dots span:nth-child(3){animation-delay:.4s}@keyframes ilBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.il-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.il-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:ilPulse 2s ease-in-out infinite}@keyframes ilPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.il-error-icon-wrap svg{width:60px;height:60px}.il-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.il-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.il-empty-illo{width:140px;height:120px;margin-bottom:4px}.il-empty-illo svg{width:100%;height:100%}.il-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.il-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.il-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.il-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.il-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.il-pagination-info{font-size:12.5px;color:#6b9e99}.il-pagination-info strong{color:#1da99c}.il-pagination-controls{display:flex;align-items:center;gap:4px}.il-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.il-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.il-page-arrow:disabled{opacity:.35;cursor:not-allowed}.il-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.il-page-num:hover:not(.il-page-num--active){border-color:#1da99c;color:#1da99c}.il-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--ci-green-start: #1da99c;--ci-green-mid: #4abb83;--ci-green-end: #7dcf61;--ci-gradient: linear-gradient(135deg, var(--ci-green-start), var(--ci-green-mid), var(--ci-green-end));--ci-red: #f74231;--ci-text: #3d3f47;--ci-muted: #8a8c96;--ci-border: #e4e7ef;--ci-surface: #ffffff;--ci-bg: #f4f6fb;--ci-radius: 10px;--ci-input-h: 36px;--ci-transition: .2s cubic-bezier(.4,0,.2,1)}.ci-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.ci-modal{position:relative;width:100%;max-width:500px;background:var(--ci-surface);border-radius:var(--ci-radius);box-shadow:0 20px 50px #00000026,0 3px 12px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--ci-gradient) 1}.ci-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px 0}.ci-header-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--ci-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4abb834d}.ci-header-icon svg{width:18px;height:18px;stroke:#fff}.ci-title{font-size:16px;font-weight:700;color:var(--ci-text);margin:0 0 2px;letter-spacing:-.2px}.ci-subtitle{font-size:12px;color:var(--ci-muted);margin:0}.ci-close-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--ci-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ci-transition);color:var(--ci-muted)}.ci-close-btn:hover{background:#fee;border-color:#fcc;color:var(--ci-red)}.ci-close-btn svg{width:12px;height:12px}.ci-form{padding:14px 20px 0}.ci-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ci-field{display:flex;flex-direction:column;gap:4px}.ci-field--full{grid-column:span 2;margin-bottom:12px}.ci-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ci-muted)}.ci-required{color:var(--ci-red);font-size:12px}.ci-input-wrap{position:relative;display:flex;align-items:center}.ci-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--ci-muted);pointer-events:none}.ci-input-icon svg{width:100%;height:100%}.ci-input{width:100%;height:var(--ci-input-h);padding:0 32px 0 34px;border:1.5px solid var(--ci-border);border-radius:6px;font-size:13px;color:var(--ci-text);background:#fafbfd;outline:none;transition:var(--ci-transition)}.ci-input:focus{background:#fff;border-color:var(--ci-green-mid);box-shadow:0 0 0 2px #4abb8326}.ci-input:focus~.ci-input-icon,.ci-input:not(:placeholder-shown)~.ci-input-icon{color:var(--ci-green-start)}.ci-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8c96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ci-valid-icon{position:absolute;right:8px;width:16px;height:16px;color:var(--ci-green-mid)}.ci-field--valid .ci-input{border-color:var(--ci-green-mid)}.ci-field--error .ci-input{border-color:var(--ci-red);background:#fff8f8;box-shadow:0 0 0 2px #f742311a}.ci-error-msg{font-size:10px;color:var(--ci-red);margin:0;display:flex;align-items:center;gap:3px}.ci-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--ci-red);color:#fff;font-size:8px;font-weight:800}.ci-photoToggleContainer{display:flex;gap:16px;margin:12px 0;flex-wrap:wrap}.ci-photoUpload{flex:1;min-width:120px}.ci-photoPreview{width:100%;aspect-ratio:1 / 1;max-width:130px;background:#f8f9fc;border:1.5px dashed var(--ci-border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-top:4px;transition:var(--ci-transition)}.ci-photoPreview:hover{border-color:var(--ci-green-mid);background:#f0f9f5}.ci-previewImage{width:100%;height:100%;object-fit:cover}.ci-uploadPlaceholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ci-muted);font-size:11px}.ci-uploadPlaceholder svg{width:20px;height:20px}.ci-fileInput{display:none}.ci-toggleContainer{flex:1;min-width:120px}.ci-toggleLabel{display:flex;align-items:center;justify-content:space-between;background:#f8f9fc;padding:8px 12px;border-radius:8px;border:1px solid var(--ci-border)}.ci-toggleText{font-size:12px;font-weight:500;color:var(--ci-text)}.ci-toggleSwitch{position:relative;width:40px;height:20px}.ci-toggleInput{opacity:0;width:0;height:0}.ci-toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:20px}.ci-toggleSlider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}.ci-toggleInput:checked+.ci-toggleSlider{background:var(--ci-gradient)}.ci-toggleInput:checked+.ci-toggleSlider:before{transform:translate(20px)}.ci-error{background:#fff2f0;color:var(--ci-red);padding:8px 12px;border-radius:8px;font-size:11px;margin:12px 0 0;border-left:3px solid var(--ci-red)}.ci-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 0 18px;border-top:1px solid var(--ci-border);margin-top:16px}.ci-btn{height:34px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--ci-transition)}.ci-btn--cancel{background:transparent;border:1.5px solid var(--ci-border);color:var(--ci-muted)}.ci-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--ci-text)}.ci-btn--submit{background:var(--ci-gradient);color:#fff;box-shadow:0 2px 8px #4abb8366;border:none}.ci-btn--submit:hover:not(:disabled):not(.ci-btn--loading){transform:translateY(-1px);box-shadow:0 4px 12px #4abb8380}.ci-btn--loading{opacity:.8}.ci-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ci-spin .65s linear infinite}@keyframes ci-spin{to{transform:rotate(360deg)}}.ci-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ci-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}@media (max-width: 540px){.ci-row{grid-template-columns:1fr;gap:12px}.ci-header,.ci-form{padding:12px 16px 0}.ci-footer{padding:12px 0 16px}}:root{--ui-green-start: #1da99c;--ui-green-mid: #4abb83;--ui-green-end: #7dcf61;--ui-gradient: linear-gradient(135deg, var(--ui-green-start), var(--ui-green-mid), var(--ui-green-end));--ui-red: #f74231;--ui-text: #3d3f47;--ui-muted: #8a8c96;--ui-border: #e4e7ef;--ui-surface: #ffffff;--ui-bg: #f4f6fb;--ui-radius: 10px;--ui-input-h: 36px;--ui-transition: .2s cubic-bezier(.4,0,.2,1)}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.ui-modal{position:relative;width:100%;max-width:500px;background:var(--ui-surface);border-radius:var(--ui-radius);box-shadow:0 20px 50px #00000026,0 3px 12px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--ui-gradient) 1}.ui-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px 0}.ui-header-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--ui-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4abb834d}.ui-header-icon svg{width:18px;height:18px;stroke:#fff}.ui-title{font-size:16px;font-weight:700;color:var(--ui-text);margin:0 0 2px;letter-spacing:-.2px}.ui-subtitle{font-size:12px;color:var(--ui-muted);margin:0}.ui-close-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--ui-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ui-transition);color:var(--ui-muted)}.ui-close-btn:hover{background:#fee;border-color:#fcc;color:var(--ui-red)}.ui-close-btn svg{width:12px;height:12px}.ui-form{padding:14px 20px 0}.ui-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ui-field{display:flex;flex-direction:column;gap:4px}.ui-field--full{grid-column:span 2;margin-bottom:12px}.ui-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ui-muted)}.ui-required{color:var(--ui-red);font-size:12px}.ui-input-wrap{position:relative;display:flex;align-items:center}.ui-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--ui-muted);pointer-events:none}.ui-input-icon svg{width:100%;height:100%}.ui-input{width:100%;height:var(--ui-input-h);padding:0 32px 0 34px;border:1.5px solid var(--ui-border);border-radius:6px;font-size:13px;color:var(--ui-text);background:#fafbfd;outline:none;transition:var(--ui-transition)}.ui-input:focus{background:#fff;border-color:var(--ui-green-mid);box-shadow:0 0 0 2px #4abb8326}.ui-input:focus~.ui-input-icon,.ui-input:not(:placeholder-shown)~.ui-input-icon{color:var(--ui-green-start)}.ui-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8c96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ui-valid-icon{position:absolute;right:8px;width:16px;height:16px;color:var(--ui-green-mid)}.ui-error-msg{font-size:10px;color:var(--ui-red);margin:0;display:flex;align-items:center;gap:3px}.ui-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--ui-red);color:#fff;font-size:8px;font-weight:800}.ui-photoToggleContainer{display:flex;gap:16px;margin:12px 0;flex-wrap:wrap}.ui-photoUpload{flex:1;min-width:120px}.ui-photoPreview{width:100%;aspect-ratio:1 / 1;max-width:130px;background:#f8f9fc;border:1.5px dashed var(--ui-border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-top:4px;transition:var(--ui-transition)}.ui-photoPreview:hover{border-color:var(--ui-green-mid);background:#f0f9f5}.ui-previewImage{width:100%;height:100%;object-fit:cover}.ui-uploadPlaceholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ui-muted);font-size:11px}.ui-fileInput{display:none}.ui-toggleContainer{flex:1;min-width:120px}.ui-toggleLabel{display:flex;align-items:center;justify-content:space-between;background:#f8f9fc;padding:8px 12px;border-radius:8px;border:1px solid var(--ui-border)}.ui-toggleText{font-size:12px;font-weight:500;color:var(--ui-text)}.ui-toggleSwitch{position:relative;width:40px;height:20px}.ui-toggleInput{opacity:0;width:0;height:0}.ui-toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:20px}.ui-toggleSlider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}.ui-toggleInput:checked+.ui-toggleSlider{background:var(--ui-gradient)}.ui-toggleInput:checked+.ui-toggleSlider:before{transform:translate(20px)}.ui-error{background:#fff2f0;color:var(--ui-red);padding:8px 12px;border-radius:8px;font-size:11px;margin:12px 0 0;border-left:3px solid var(--ui-red)}.ui-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 0 18px;border-top:1px solid var(--ui-border);margin-top:16px}.ui-btn{height:34px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--ui-transition)}.ui-btn--cancel{background:transparent;border:1.5px solid var(--ui-border);color:var(--ui-muted)}.ui-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--ui-text)}.ui-btn--submit{background:var(--ui-gradient);color:#fff;box-shadow:0 2px 8px #4abb8366;border:none}.ui-btn--submit:hover:not(:disabled):not(.ui-btn--loading){transform:translateY(-1px);box-shadow:0 4px 12px #4abb8380}.ui-btn--loading{opacity:.8}.ui-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ui-spin .65s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ui-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}@media (max-width: 540px){.ui-row{grid-template-columns:1fr;gap:12px}.ui-header,.ui-form{padding:12px 16px 0}.ui-footer{padding:12px 0 16px}}.igl-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.igl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.igl-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.igl-header-left{display:flex;align-items:center;gap:14px}.igl-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.igl-header-icon svg{width:22px;height:22px}.igl-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.igl-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.igl-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.igl-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.igl-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.igl-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.igl-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.igl-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.igl-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.igl-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.igl-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.igl-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.igl-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.igl-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.igl-search-panel--open{max-height:280px}.igl-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.igl-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.igl-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.igl-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.igl-clear-all-btn:hover{background:#fef2f2}.igl-search-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 600px){.igl-search-fields-grid{grid-template-columns:1fr}}.igl-field{display:flex;flex-direction:column;gap:5px}.igl-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.igl-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.igl-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.igl-field-wrap--filled{border-color:#4abb83}.igl-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.igl-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.igl-field-input::placeholder{color:#b8d5d1}.igl-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.igl-field-clear:hover{background:#c5e8df}.igl-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.igl-filter-result-bar strong{color:#1da99c;font-weight:700}.igl-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.igl-table-wrap{overflow-x:auto}.igl-table{width:100%;border-collapse:collapse;table-layout:fixed}.igl-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.igl-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.igl-th--serial{width:52px}.igl-th--actions{width:100px;text-align:center}.igl-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.igl-tr:last-child{border-bottom:none}.igl-tr:hover{background:#f8fffe}.igl-tr--deleting{opacity:.45;pointer-events:none}.igl-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.igl-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.igl-td--name{font-weight:600;color:#1e3a38}.igl-td--actions{text-align:center}.igl-items-list{display:flex;flex-wrap:wrap;gap:6px}.igl-item-pill{display:inline-flex;align-items:center;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;font-size:11.5px;padding:3px 10px;border-radius:20px;white-space:nowrap}.igl-dash{color:#c5d5d3;font-size:15px}.igl-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:iglSkeletonFadeIn .3s ease forwards}@keyframes iglSkeletonFadeIn{to{opacity:1}}.igl-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:iglShimmer 1.5s infinite}@keyframes iglShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.igl-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.igl-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.igl-action-btn:disabled{opacity:.4;cursor:not-allowed}.igl-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.igl-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.igl-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.igl-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.igl-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:iglSpin .7s linear infinite;display:block}@keyframes iglSpin{to{transform:rotate(360deg)}}.igl-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.igl-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.igl-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.igl-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.igl-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:iglSpin .9s linear infinite}.igl-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.igl-spinner-core svg{width:26px;height:26px}.igl-dots{display:flex;gap:6px;margin-top:4px}.igl-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:iglBounce 1.2s ease-in-out infinite}.igl-dots span:nth-child(2){animation-delay:.2s}.igl-dots span:nth-child(3){animation-delay:.4s}@keyframes iglBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.igl-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.igl-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:iglPulse 2s ease-in-out infinite}@keyframes iglPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.igl-error-icon-wrap svg{width:60px;height:60px}.igl-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.igl-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.igl-empty-illo{width:140px;height:120px;margin-bottom:4px}.igl-empty-illo svg{width:100%;height:100%}.igl-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.igl-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.igl-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.igl-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.igl-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.igl-pagination-info{font-size:12.5px;color:#6b9e99}.igl-pagination-info strong{color:#1da99c}.igl-pagination-controls{display:flex;align-items:center;gap:4px}.igl-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.igl-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.igl-page-arrow:disabled{opacity:.35;cursor:not-allowed}.igl-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.igl-page-num:hover:not(.igl-page-num--active){border-color:#1da99c;color:#1da99c}.igl-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.igl-th--canteen{min-width:140px}.igl-td--canteen{font-weight:500;color:#2b6e65}:root{--igc-green-start: #1da99c;--igc-green-mid: #4abb83;--igc-green-end: #7dcf61;--igc-gradient: linear-gradient(135deg, var(--igc-green-start), var(--igc-green-mid), var(--igc-green-end));--igc-red: #f74231;--igc-text: #3d3f47;--igc-muted: #8a8c96;--igc-border: #e4e7ef;--igc-surface: #ffffff;--igc-bg: #f4f6fb;--igc-radius: 10px;--igc-input-h: 36px;--igc-transition: .2s cubic-bezier(.4,0,.2,1)}.igc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.igc-modal{position:relative;width:100%;max-width:500px;background:var(--igc-surface);border-radius:var(--igc-radius);box-shadow:0 20px 50px #00000026,0 3px 12px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--igc-gradient) 1}.igc-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px 0}.igc-header-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--igc-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4abb834d}.igc-header-icon svg{width:18px;height:18px;stroke:#fff}.igc-title{font-size:16px;font-weight:700;color:var(--igc-text);margin:0 0 2px;letter-spacing:-.2px}.igc-subtitle{font-size:12px;color:var(--igc-muted);margin:0}.igc-close-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--igc-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--igc-transition);color:var(--igc-muted)}.igc-close-btn:hover{background:#fee;border-color:#fcc;color:var(--igc-red)}.igc-close-btn svg{width:12px;height:12px}.igc-form{padding:14px 20px 0}.igc-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.igc-field--full{width:100%}.igc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--igc-muted)}.igc-required{color:var(--igc-red);font-size:12px}.igc-input-wrap{position:relative;display:flex;align-items:center}.igc-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--igc-muted);pointer-events:none}.igc-input-icon svg{width:100%;height:100%}.igc-input{width:100%;height:var(--igc-input-h);padding:0 32px 0 34px;border:1.5px solid var(--igc-border);border-radius:6px;font-size:13px;color:var(--igc-text);background:#fafbfd;outline:none;transition:var(--igc-transition)}.igc-input:focus{background:#fff;border-color:var(--igc-green-mid);box-shadow:0 0 0 2px #4abb8326}.igc-input:focus~.igc-input-icon,.igc-input:not(:placeholder-shown)~.igc-input-icon{color:var(--igc-green-start)}.igc-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8c96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.igc-valid-icon{position:absolute;right:8px;width:16px;height:16px;color:var(--igc-green-mid)}.igc-error-msg{font-size:10px;color:var(--igc-red);margin:0;display:flex;align-items:center;gap:3px}.igc-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--igc-red);color:#fff;font-size:8px;font-weight:800}.igc-select-wrap{border-radius:6px;transition:var(--igc-transition)}.igc-select-wrap--error .igc-react-select__control{border-color:var(--igc-red)!important;box-shadow:0 0 0 2px #f742311a!important}.igc-loading-items{height:var(--igc-input-h);display:flex;align-items:center;padding-left:12px;background:#fafbfd;border:1.5px solid var(--igc-border);border-radius:6px;font-size:13px;color:var(--igc-muted)}.igc-error{background:#fff2f0;color:var(--igc-red);padding:8px 12px;border-radius:8px;font-size:11px;margin:12px 0 0;border-left:3px solid var(--igc-red)}.igc-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 0 18px;border-top:1px solid var(--igc-border);margin-top:16px}.igc-btn{height:34px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--igc-transition)}.igc-btn--cancel{background:transparent;border:1.5px solid var(--igc-border);color:var(--igc-muted)}.igc-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--igc-text)}.igc-btn--submit{background:var(--igc-gradient);color:#fff;box-shadow:0 2px 8px #4abb8366;border:none}.igc-btn--submit:hover:not(:disabled):not(.igc-btn--loading){transform:translateY(-1px);box-shadow:0 4px 12px #4abb8380}.igc-btn--loading{opacity:.8}.igc-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:igc-spin .65s linear infinite}@keyframes igc-spin{to{transform:rotate(360deg)}}.igc-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--igc-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}@media (max-width: 540px){.igc-header,.igc-form{padding:12px 16px 0}.igc-footer{padding:12px 0 16px}}:root{--igu-green-start: #1da99c;--igu-green-mid: #4abb83;--igu-green-end: #7dcf61;--igu-gradient: linear-gradient(135deg, var(--igu-green-start), var(--igu-green-mid), var(--igu-green-end));--igu-red: #f74231;--igu-text: #3d3f47;--igu-muted: #8a8c96;--igu-border: #e4e7ef;--igu-surface: #ffffff;--igu-bg: #f4f6fb;--igu-radius: 10px;--igu-input-h: 36px;--igu-transition: .2s cubic-bezier(.4,0,.2,1)}.igu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.igu-modal{position:relative;width:100%;max-width:500px;background:var(--igu-surface);border-radius:var(--igu-radius);box-shadow:0 20px 50px #00000026,0 3px 12px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--igu-gradient) 1}.igu-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px 0}.igu-header-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--igu-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4abb834d}.igu-header-icon svg{width:18px;height:18px;stroke:#fff}.igu-title{font-size:16px;font-weight:700;color:var(--igu-text);margin:0 0 2px;letter-spacing:-.2px}.igu-subtitle{font-size:12px;color:var(--igu-muted);margin:0}.igu-close-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--igu-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--igu-transition);color:var(--igu-muted)}.igu-close-btn:hover{background:#fee;border-color:#fcc;color:var(--igu-red)}.igu-close-btn svg{width:12px;height:12px}.igu-form{padding:14px 20px 0}.igu-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.igu-field--full{width:100%}.igu-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--igu-muted)}.igu-required{color:var(--igu-red);font-size:12px}.igu-input-wrap{position:relative;display:flex;align-items:center}.igu-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--igu-muted);pointer-events:none}.igu-input-icon svg{width:100%;height:100%}.igu-input{width:100%;height:var(--igu-input-h);padding:0 32px 0 34px;border:1.5px solid var(--igu-border);border-radius:6px;font-size:13px;color:var(--igu-text);background:#fafbfd;outline:none;transition:var(--igu-transition)}.igu-input:focus{background:#fff;border-color:var(--igu-green-mid);box-shadow:0 0 0 2px #4abb8326}.igu-input:focus~.igu-input-icon,.igu-input:not(:placeholder-shown)~.igu-input-icon{color:var(--igu-green-start)}.igu-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8c96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.igu-valid-icon{position:absolute;right:8px;width:16px;height:16px;color:var(--igu-green-mid)}.igu-error-msg{font-size:10px;color:var(--igu-red);margin:0;display:flex;align-items:center;gap:3px}.igu-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--igu-red);color:#fff;font-size:8px;font-weight:800}.igu-select-wrap{border-radius:6px;transition:var(--igu-transition)}.igu-select-wrap--error .igu-react-select__control{border-color:var(--igu-red)!important;box-shadow:0 0 0 2px #f742311a!important}.igu-loading-items{height:var(--igu-input-h);display:flex;align-items:center;padding-left:12px;background:#fafbfd;border:1.5px solid var(--igu-border);border-radius:6px;font-size:13px;color:var(--igu-muted)}.igu-error{background:#fff2f0;color:var(--igu-red);padding:8px 12px;border-radius:8px;font-size:11px;margin:12px 0 0;border-left:3px solid var(--igu-red)}.igu-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 0 18px;border-top:1px solid var(--igu-border);margin-top:16px}.igu-btn{height:34px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--igu-transition)}.igu-btn--cancel{background:transparent;border:1.5px solid var(--igu-border);color:var(--igu-muted)}.igu-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--igu-text)}.igu-btn--submit{background:var(--igu-gradient);color:#fff;box-shadow:0 2px 8px #4abb8366;border:none}.igu-btn--submit:hover:not(:disabled):not(.igu-btn--loading){transform:translateY(-1px);box-shadow:0 4px 12px #4abb8380}.igu-btn--loading{opacity:.8}.igu-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:igu-spin .65s linear infinite}@keyframes igu-spin{to{transform:rotate(360deg)}}.igu-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--igu-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}@media (max-width: 540px){.igu-header,.igu-form{padding:12px 16px 0}.igu-footer{padding:12px 0 16px}}.mtz-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.mtz-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.mtz-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mtz-header-left{display:flex;align-items:center;gap:14px}.mtz-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mtz-header-icon svg{width:22px;height:22px}.mtz-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.mtz-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.mtz-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mtz-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mtz-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.mtz-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.mtz-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.mtz-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.mtz-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.mtz-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.mtz-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.mtz-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.mtz-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.mtz-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.mtz-search-panel--open{max-height:300px}.mtz-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.mtz-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mtz-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.mtz-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.mtz-clear-all-btn:hover{background:#fef2f2}.mtz-search-fields-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 1100px){.mtz-search-fields-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.mtz-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.mtz-search-fields-grid{grid-template-columns:1fr}}.mtz-field{display:flex;flex-direction:column;gap:5px}.mtz-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.mtz-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.mtz-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.mtz-field-wrap--filled{border-color:#4abb83}.mtz-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.mtz-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.mtz-field-input::placeholder{color:#b8d5d1}.mtz-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.mtz-field-clear:hover{background:#c5e8df}.mtz-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.mtz-filter-result-bar strong{color:#1da99c;font-weight:700}.mtz-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.mtz-table-wrap{overflow-x:auto}.mtz-table{width:100%;border-collapse:collapse;table-layout:fixed}.mtz-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.mtz-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.mtz-th--serial{width:52px}.mtz-th--index{width:70px}.mtz-th--actions{width:100px;text-align:center}.mtz-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.mtz-tr:last-child{border-bottom:none}.mtz-tr:hover{background:#f8fffe}.mtz-tr--deleting{opacity:.45;pointer-events:none}.mtz-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.mtz-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.mtz-td--name{font-weight:600;color:#1e3a38}.mtz-td--index,.mtz-td--actions{text-align:center}.mtz-slot-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:6px;letter-spacing:.2px}.mtz-index-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:linear-gradient(135deg,#e8f8f5,#f0faf6);border:1.5px solid #c2e8e0;border-radius:8px;font-size:12px;font-weight:700;color:#1da99c}.mtz-time-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.mtz-time-pill--start{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.mtz-time-pill--end{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.mtz-time-icon{width:12px;height:12px;flex-shrink:0}.mtz-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:mtzSkeletonFadeIn .3s ease forwards}@keyframes mtzSkeletonFadeIn{to{opacity:1}}.mtz-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:mtzShimmer 1.5s infinite}@keyframes mtzShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mtz-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.mtz-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.mtz-action-btn:disabled{opacity:.4;cursor:not-allowed}.mtz-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.mtz-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.mtz-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.mtz-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.mtz-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:mtzSpin .7s linear infinite;display:block}@keyframes mtzSpin{to{transform:rotate(360deg)}}.mtz-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.mtz-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.mtz-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.mtz-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.mtz-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:mtzSpin .9s linear infinite}.mtz-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.mtz-spinner-core svg{width:26px;height:26px}.mtz-dots{display:flex;gap:6px;margin-top:4px}.mtz-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:mtzBounce 1.2s ease-in-out infinite}.mtz-dots span:nth-child(2){animation-delay:.2s}.mtz-dots span:nth-child(3){animation-delay:.4s}@keyframes mtzBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.mtz-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mtz-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:mtzPulse 2s ease-in-out infinite}@keyframes mtzPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.mtz-error-icon-wrap svg{width:60px;height:60px}.mtz-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.mtz-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.mtz-empty-illo{width:140px;height:120px;margin-bottom:4px}.mtz-empty-illo svg{width:100%;height:100%}.mtz-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.mtz-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.mtz-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.mtz-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.mtz-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.mtz-pagination-info{font-size:12.5px;color:#6b9e99}.mtz-pagination-info strong{color:#1da99c}.mtz-pagination-controls{display:flex;align-items:center;gap:4px}.mtz-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.mtz-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.mtz-page-arrow:disabled{opacity:.35;cursor:not-allowed}.mtz-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.mtz-page-num:hover:not(.mtz-page-num--active){border-color:#1da99c;color:#1da99c}.mtz-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--mtzc-green-start: #1da99c;--mtzc-green-mid: #4abb83;--mtzc-green-end: #7dcf61;--mtzc-gradient: linear-gradient(135deg, var(--mtzc-green-start), var(--mtzc-green-mid), var(--mtzc-green-end));--mtzc-red: #f74231;--mtzc-text: #3d3f47;--mtzc-muted: #8a8c96;--mtzc-border: #e4e7ef;--mtzc-surface: #ffffff;--mtzc-bg: #f4f6fb;--mtzc-radius: 14px;--mtzc-input-h: 44px;--mtzc-transition: .22s cubic-bezier(.4,0,.2,1)}.mtzc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.mtzc-modal{position:relative;width:100%;max-width:560px;background:var(--mtzc-surface);border-radius:var(--mtzc-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--mtzc-gradient) 1}.mtzc-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.mtzc-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--mtzc-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.mtzc-header-icon svg{width:22px;height:22px}.mtzc-title{font-size:17px;font-weight:700;color:var(--mtzc-text);margin:0 0 3px;letter-spacing:-.2px}.mtzc-subtitle{font-size:12.5px;color:var(--mtzc-muted);margin:0;line-height:1.4}.mtzc-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--mtzc-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--mtzc-transition);color:var(--mtzc-muted);padding:0}.mtzc-close-btn:hover{background:#fee;border-color:#fcc;color:var(--mtzc-red)}.mtzc-close-btn svg{width:14px;height:14px}.mtzc-form{padding:20px 24px 0}.mtzc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mtzc-field{display:flex;flex-direction:column;gap:5px;animation:mtzc-slide-in .3s ease both}.mtzc-field--full{grid-column:1 / -1}.mtzc-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mtzc-muted);display:flex;align-items:center;gap:3px}.mtzc-required{color:var(--mtzc-red);font-size:14px;line-height:1}.mtzc-input-wrap{position:relative;display:flex;align-items:center}.mtzc-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--mtzc-muted);pointer-events:none;transition:color var(--mtzc-transition);display:flex}.mtzc-input-icon svg{width:100%;height:100%}.mtzc-input{width:100%;height:var(--mtzc-input-h);padding:0 36px 0 38px;border:1.5px solid var(--mtzc-border);border-radius:8px;font-size:13.5px;color:var(--mtzc-text);background:#fafbfd;outline:none;font-family:inherit;transition:border-color var(--mtzc-transition),box-shadow var(--mtzc-transition),background var(--mtzc-transition)}.mtzc-input::placeholder{color:#c2c5cf}.mtzc-input:focus{background:#fff;border-color:var(--mtzc-green-mid);box-shadow:0 0 0 3px #4abb8326}.mtzc-input:disabled{opacity:.55;cursor:not-allowed}.mtzc-input--time{padding-left:38px;color-scheme:light}.mtzc-field--valid .mtzc-input{border-color:var(--mtzc-green-mid)}.mtzc-field--error .mtzc-input{border-color:var(--mtzc-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.mtzc-field--error .mtzc-input-icon{color:var(--mtzc-red)}.mtzc-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--mtzc-green-mid);display:flex;animation:mtzc-pop .25s ease;pointer-events:none}.mtzc-valid-icon svg{width:100%;height:100%}.mtzc-valid-icon--select{position:absolute;right:42px;top:50%;transform:translateY(-50%);z-index:2}.mtzc-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.mtzc-error-msg{font-size:11.5px;color:var(--mtzc-red);margin:0;animation:mtzc-slide-in .2s ease;display:flex;align-items:center;gap:4px}.mtzc-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--mtzc-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.mtzc-select-wrap{position:relative}.mtzc-select-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mtzc-muted);pointer-events:none;z-index:2;display:flex}.mtzc-select-icon svg{width:100%;height:100%}.mtzc-select__control{height:var(--mtzc-input-h)!important;min-height:var(--mtzc-input-h)!important;border:1.5px solid var(--mtzc-border)!important;border-radius:8px!important;background:#fafbfd!important;box-shadow:none!important;padding-left:30px!important;font-size:13.5px;color:var(--mtzc-text);transition:border-color var(--mtzc-transition),box-shadow var(--mtzc-transition)!important;cursor:pointer!important}.mtzc-select__control:hover{border-color:#c8cdd8!important}.mtzc-select__control--is-focused{background:#fff!important;border-color:var(--mtzc-green-mid)!important;box-shadow:0 0 0 3px #4abb8326!important}.mtzc-select__control--is-disabled{opacity:.55!important;cursor:not-allowed!important}.mtzc-field--error .mtzc-select__control{border-color:var(--mtzc-red)!important;background:#fff8f8!important;box-shadow:0 0 0 3px #f742311a!important}.mtzc-field--valid .mtzc-select__control{border-color:var(--mtzc-green-mid)!important}.mtzc-select__value-container{padding:0 8px!important}.mtzc-select__single-value{color:var(--mtzc-text)!important;font-size:13.5px}.mtzc-select__placeholder{color:#c2c5cf!important;font-size:13.5px}.mtzc-select__input-container{color:var(--mtzc-text)!important}.mtzc-select__indicator-separator{display:none!important}.mtzc-select__dropdown-indicator,.mtzc-select__clear-indicator{color:var(--mtzc-muted)!important}.mtzc-select__clear-indicator:hover{color:var(--mtzc-red)!important}.mtzc-select__menu{border-radius:10px!important;border:1.5px solid var(--mtzc-border)!important;box-shadow:0 8px 28px #0000001f!important;overflow:hidden;z-index:9999!important;font-size:13.5px}.mtzc-select__option{padding:10px 14px!important;cursor:pointer!important;color:var(--mtzc-text)!important}.mtzc-select__option--is-focused{background:#f0fdf9!important}.mtzc-select__option--is-selected{background:var(--mtzc-gradient)!important;color:#fff!important}.mtzc-select__loading-indicator span{background-color:var(--mtzc-green-mid)!important}.mtzc-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--mtzc-border);margin-top:20px}.mtzc-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--mtzc-transition),box-shadow var(--mtzc-transition),opacity var(--mtzc-transition);letter-spacing:.1px}.mtzc-btn:disabled{cursor:not-allowed}.mtzc-btn--cancel{background:transparent;border:1.5px solid var(--mtzc-border);color:var(--mtzc-muted)}.mtzc-btn--cancel:hover:not(:disabled){background:var(--mtzc-bg);color:var(--mtzc-text);border-color:#cdd1de}.mtzc-btn--submit{background:var(--mtzc-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:130px;justify-content:center}.mtzc-btn--submit:hover:not(:disabled):not(.mtzc-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.mtzc-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.mtzc-btn--loading{opacity:.8}.mtzc-submit-icon{width:15px;height:15px}.mtzc-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:mtzc-spin .65s linear infinite;flex-shrink:0}.mtzc-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--mtzc-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:mtzc-fade .2s ease}@keyframes mtzc-spin{to{transform:rotate(360deg)}}@keyframes mtzc-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mtzc-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes mtzc-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 560px){.mtzc-fields{grid-template-columns:1fr}.mtzc-field--full{grid-column:1}.mtzc-header{padding:18px 18px 0}.mtzc-form{padding:16px 18px 0}.mtzc-footer{padding:16px 0 20px}}.meal-time-zone-update-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 8px 24px #0003}.meal-time-zone-update-modal h2{margin-bottom:20px;font-size:22px;color:#333;text-align:center}.meal-time-zone-update-form input[type=text],.meal-time-zone-update-form input[type=number],.meal-time-zone-update-form input[type=time],.meal-time-zone-update-form select{width:100%;padding:10px 14px;margin-bottom:15px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}.meal-time-zone-update-form label{font-size:14px;margin-bottom:5px;color:#333}.meal-time-zone-update-form .time-group{display:flex;gap:10px;justify-content:space-between}.meal-time-zone-update-form .time-input{display:flex;flex-direction:column;width:48%}.meal-time-zone-update-form input:focus,.meal-time-zone-update-form select:focus{border-color:#1da99c}.meal-time-zone-update-actions{display:flex;justify-content:center;gap:10px}.meal-time-zone-update-cancel-btn,.meal-time-zone-update-create-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.meal-time-zone-update-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff}.meal-time-zone-update-create-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff}.meal-time-zone-update-create-btn:hover,.meal-time-zone-update-cancel-btn:hover{opacity:.9}.react-select__control{border-radius:6px;border:1px solid #ccc;font-size:14px}.react-select__control--is-focused{border-color:#1da99c}.react-select__indicator{color:#1da99c}.react-select__menu{max-height:150px;overflow-y:auto;background-color:#fff}.meal-time-zone-update-form{display:flex;flex-direction:column;gap:15px}.meal-time-zone-update-form input,.meal-time-zone-update-form select{margin-bottom:15px}@media (max-width: 600px){.meal-time-zone-create-modal{width:95%;padding:20px}}.wml-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.wml-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.wml-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wml-header-left{display:flex;align-items:center;gap:14px}.wml-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wml-header-icon svg{width:22px;height:22px}.wml-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.wml-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.wml-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wml-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wml-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.wml-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.wml-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.wml-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.wml-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.wml-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.wml-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.wml-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.wml-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.wml-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.wml-search-panel--open{max-height:260px}.wml-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.wml-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wml-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.wml-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.wml-clear-all-btn:hover{background:#fef2f2}.wml-search-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 700px){.wml-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.wml-search-fields-grid{grid-template-columns:1fr}}.wml-field{display:flex;flex-direction:column;gap:5px}.wml-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.wml-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.wml-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.wml-field-wrap--filled{border-color:#4abb83}.wml-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.wml-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.wml-field-input::placeholder{color:#b8d5d1}.wml-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.wml-field-clear:hover{background:#c5e8df}.wml-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.wml-filter-result-bar strong{color:#1da99c;font-weight:700}.wml-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.wml-table-wrap{overflow-x:auto}.wml-table{width:100%;border-collapse:collapse}.wml-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.wml-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.wml-th--serial{width:52px}.wml-th--actions{width:100px;text-align:center}.wml-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.wml-tr:last-child{border-bottom:none}.wml-tr:hover{background:#f8fffe}.wml-tr--deleting{opacity:.45;pointer-events:none}.wml-td{padding:12px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.wml-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.wml-td--name{font-weight:600;color:#1e3a38}.wml-td--actions{text-align:center}.wml-zone-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:6px}.wml-group-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;white-space:nowrap}.wml-items-wrap{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.wml-item-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:5px;background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4;white-space:nowrap}.wml-days-wrap{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.wml-day-chip{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;background:linear-gradient(90deg,#1da99c14,#7dcf6114);color:#1da99c;border:1px solid rgba(29,169,156,.2);white-space:nowrap;letter-spacing:.2px}.wml-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:wmlSkeletonFadeIn .3s ease forwards}@keyframes wmlSkeletonFadeIn{to{opacity:1}}.wml-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:wmlShimmer 1.5s infinite}@keyframes wmlShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wml-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.wml-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.wml-action-btn:disabled{opacity:.4;cursor:not-allowed}.wml-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.wml-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.wml-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.wml-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.wml-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:wmlSpin .7s linear infinite;display:block}@keyframes wmlSpin{to{transform:rotate(360deg)}}.wml-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.wml-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.wml-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.wml-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.wml-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:wmlSpin .9s linear infinite}.wml-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.wml-spinner-core svg{width:26px;height:26px}.wml-dots{display:flex;gap:6px;margin-top:4px}.wml-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:wmlBounce 1.2s ease-in-out infinite}.wml-dots span:nth-child(2){animation-delay:.2s}.wml-dots span:nth-child(3){animation-delay:.4s}@keyframes wmlBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.wml-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.wml-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:wmlPulse 2s ease-in-out infinite}@keyframes wmlPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.wml-error-icon-wrap svg{width:60px;height:60px}.wml-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.wml-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.wml-empty-illo{width:140px;height:120px;margin-bottom:4px}.wml-empty-illo svg{width:100%;height:100%}.wml-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.wml-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.wml-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.wml-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.wml-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.wml-pagination-info{font-size:12.5px;color:#6b9e99}.wml-pagination-info strong{color:#1da99c}.wml-pagination-controls{display:flex;align-items:center;gap:4px}.wml-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.wml-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.wml-page-arrow:disabled{opacity:.35;cursor:not-allowed}.wml-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.wml-page-num:hover:not(.wml-page-num--active){border-color:#1da99c;color:#1da99c}.wml-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--cwm-green-start: #1da99c;--cwm-green-mid: #4abb83;--cwm-green-end: #7dcf61;--cwm-gradient: linear-gradient(135deg, var(--cwm-green-start), var(--cwm-green-mid), var(--cwm-green-end));--cwm-red: #f74231;--cwm-text: #3d3f47;--cwm-muted: #8a8c96;--cwm-border: #e4e7ef;--cwm-surface: #ffffff;--cwm-bg: #f4f6fb;--cwm-radius: 14px;--cwm-input-h: 44px;--cwm-transition: .22s cubic-bezier(.4,0,.2,1)}.cwm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.cwm-modal{position:relative;width:100%;max-width:600px;background:var(--cwm-surface);border-radius:var(--cwm-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--cwm-gradient) 1}.cwm-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.cwm-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--cwm-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.cwm-header-icon svg{width:22px;height:22px}.cwm-title{font-size:17px;font-weight:700;color:var(--cwm-text);margin:0 0 3px;letter-spacing:-.2px}.cwm-subtitle{font-size:12.5px;color:var(--cwm-muted);margin:0;line-height:1.4}.cwm-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--cwm-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cwm-transition);color:var(--cwm-muted);padding:0}.cwm-close-btn:hover{background:#fee;border-color:#fcc;color:var(--cwm-red)}.cwm-close-btn svg{width:14px;height:14px}.cwm-form{padding:20px 24px 0}.cwm-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cwm-field{display:flex;flex-direction:column;gap:5px;animation:cwm-slide-in .3s ease both}.cwm-field--full{grid-column:1 / -1}.cwm-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cwm-muted);display:flex;align-items:center;gap:3px}.cwm-required{color:var(--cwm-red);font-size:14px;line-height:1}.cwm-select-wrap{position:relative}.cwm-select-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cwm-muted);pointer-events:none;z-index:2;display:flex;align-items:center}.cwm-select-icon svg{width:100%;height:100%}.cwm-select__control{min-height:var(--cwm-input-h)!important;border:1.5px solid var(--cwm-border)!important;border-radius:8px!important;background:#fafbfd!important;box-shadow:none!important;padding-left:30px!important;font-size:13.5px;cursor:pointer!important;transition:border-color var(--cwm-transition),box-shadow var(--cwm-transition)!important}.cwm-select__control:hover{border-color:#c8cdd8!important}.cwm-select__control--is-focused{background:#fff!important;border-color:var(--cwm-green-mid)!important;box-shadow:0 0 0 3px #4abb8326!important}.cwm-select__control--is-disabled{opacity:.55!important;cursor:not-allowed!important}.cwm-field--error .cwm-select__control{border-color:var(--cwm-red)!important;background:#fff8f8!important;box-shadow:0 0 0 3px #f742311a!important}.cwm-field--valid .cwm-select__control{border-color:var(--cwm-green-mid)!important}.cwm-select__value-container{padding:2px 8px!important;flex-wrap:wrap}.cwm-select__single-value{color:var(--cwm-text)!important;font-size:13.5px}.cwm-select__placeholder{color:#c2c5cf!important;font-size:13.5px}.cwm-select__input-container{color:var(--cwm-text)!important}.cwm-select__multi-value{background:linear-gradient(90deg,#1da99c1f,#7dcf611f)!important;border:1px solid rgba(29,169,156,.25)!important;border-radius:5px!important}.cwm-select__multi-value__label{color:#0f6e5a!important;font-size:12px!important;font-weight:600}.cwm-select__multi-value__remove{color:#1da99c!important;cursor:pointer}.cwm-select__multi-value__remove:hover{background:#1da99c!important;color:#fff!important;border-radius:0 5px 5px 0!important}.cwm-select__indicator-separator{display:none!important}.cwm-select__dropdown-indicator,.cwm-select__clear-indicator{color:var(--cwm-muted)!important}.cwm-select__clear-indicator:hover{color:var(--cwm-red)!important}.cwm-select__loading-indicator span{background-color:var(--cwm-green-mid)!important}.cwm-select__menu{border-radius:10px!important;border:1.5px solid var(--cwm-border)!important;box-shadow:0 8px 28px #0000001f!important;overflow:hidden;z-index:9999!important;font-size:13.5px}.cwm-select__option{padding:10px 14px!important;cursor:pointer!important;color:var(--cwm-text)!important}.cwm-select__option--is-focused{background:#f0fdf9!important}.cwm-select__option--is-selected{background:var(--cwm-gradient)!important;color:#fff!important}.cwm-valid-icon{position:absolute;right:42px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cwm-green-mid);display:flex;z-index:2;pointer-events:none;animation:cwm-pop .25s ease}.cwm-valid-icon svg{width:100%;height:100%}.cwm-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.cwm-error-msg{font-size:11.5px;color:var(--cwm-red);margin:0;animation:cwm-slide-in .2s ease;display:flex;align-items:center;gap:4px}.cwm-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--cwm-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.cwm-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--cwm-border);margin-top:20px}.cwm-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--cwm-transition),box-shadow var(--cwm-transition),opacity var(--cwm-transition);letter-spacing:.1px}.cwm-btn:disabled{cursor:not-allowed}.cwm-btn--cancel{background:transparent;border:1.5px solid var(--cwm-border);color:var(--cwm-muted)}.cwm-btn--cancel:hover:not(:disabled){background:var(--cwm-bg);color:var(--cwm-text);border-color:#cdd1de}.cwm-btn--submit{background:var(--cwm-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:138px;justify-content:center}.cwm-btn--submit:hover:not(:disabled):not(.cwm-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.cwm-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.cwm-btn--loading{opacity:.8}.cwm-submit-icon{width:15px;height:15px}.cwm-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cwm-spin .65s linear infinite;flex-shrink:0}.cwm-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cwm-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:cwm-fade .2s ease}@keyframes cwm-spin{to{transform:rotate(360deg)}}@keyframes cwm-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cwm-pop{0%{transform:translateY(-50%) scale(0)}80%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}@keyframes cwm-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 560px){.cwm-fields{grid-template-columns:1fr}.cwm-field--full{grid-column:1}.cwm-header{padding:18px 18px 0}.cwm-form{padding:16px 18px 0}.cwm-footer{padding:16px 0 20px}}.weekly-menu-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;width:90%;max-width:700px;box-shadow:0 2px 10px #0000001a;outline:none}.weekly-menu-title{margin-bottom:40px;font-size:22px;color:#333;text-align:center}.weekly-menu-form{display:flex;flex-direction:column;gap:20px}.weekly-menu-row{display:flex;gap:15px;width:100%}.weekly-menu-group{flex:1;margin-bottom:0}.weekly-menu-label{display:block;margin-bottom:6px;font-size:16px;font-weight:600;color:#555}.weekly-menu-select{width:100%}.weekly-menu-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.weekly-menu-cancel-btn,.weekly-menu-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;color:#fff}.weekly-menu-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)}.weekly-menu-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)}.weekly-menu-react-select__control{min-height:42px;border:1px solid #ddd!important;box-shadow:none!important}.weekly-menu-react-select__control--is-focused{border-color:#1da99c!important}.weekly-menu-react-select__multi-value{background-color:#f0f7f6}.weekly-menu-react-select__multi-value__label{color:#1da99c}@media (max-width: 768px){.weekly-menu-row{flex-direction:column;gap:15px}.weekly-menu-group{width:100%}}.dml-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.dml-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.dml-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dml-header-left{display:flex;align-items:center;gap:14px}.dml-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dml-header-icon svg{width:22px;height:22px}.dml-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.dml-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.dml-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dml-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dml-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.dml-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.dml-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.dml-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.dml-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.dml-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.dml-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.dml-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.dml-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.dml-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.dml-search-panel--open{max-height:280px}.dml-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.dml-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dml-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.dml-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:background .15s}.dml-clear-all-btn:hover{background:#fef2f2}.dml-search-fields-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 1100px){.dml-search-fields-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.dml-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.dml-search-fields-grid{grid-template-columns:1fr}}.dml-field{display:flex;flex-direction:column;gap:5px}.dml-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.dml-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.dml-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.dml-field-wrap--filled{border-color:#4abb83}.dml-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.dml-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.dml-field-input::placeholder{color:#b8d5d1}.dml-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.dml-field-clear:hover{background:#c5e8df}.dml-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.dml-filter-result-bar strong{color:#1da99c;font-weight:700}.dml-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.dml-table-wrap{overflow-x:auto}.dml-table{width:100%;border-collapse:collapse}.dml-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.dml-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.dml-th--serial{width:52px}.dml-th--center{text-align:center}.dml-th--actions{width:90px;text-align:center}.dml-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.dml-tr:last-child{border-bottom:none}.dml-tr:hover{background:#f8fffe}.dml-tr--deleting{opacity:.45;pointer-events:none}.dml-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.dml-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.dml-td--name{font-weight:600;color:#1e3a38}.dml-td--center,.dml-td--actions{text-align:center}.dml-zone-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:6px}.dml-item-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4;white-space:nowrap}.dml-category-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;white-space:nowrap}.dml-type-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.2px}.dml-type-badge--pct{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.dml-type-badge--flat{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.dml-amount-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:3px 12px;border-radius:7px;white-space:nowrap}.dml-amount-badge--pct{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.dml-amount-badge--flat{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.dml-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:dmlFadeIn .3s ease forwards}@keyframes dmlFadeIn{to{opacity:1}}.dml-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:dmlShimmer 1.5s infinite}@keyframes dmlShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dml-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.dml-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.dml-action-btn:disabled{opacity:.4;cursor:not-allowed}.dml-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.dml-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.dml-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.dml-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.dml-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:dmlSpin .7s linear infinite;display:block}@keyframes dmlSpin{to{transform:rotate(360deg)}}.dml-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.dml-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;text-align:center}.dml-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.dml-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.dml-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:dmlSpin .9s linear infinite}.dml-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.dml-spinner-core svg{width:26px;height:26px}.dml-dots{display:flex;gap:6px;margin-top:4px}.dml-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:dmlBounce 1.2s ease-in-out infinite}.dml-dots span:nth-child(2){animation-delay:.2s}.dml-dots span:nth-child(3){animation-delay:.4s}@keyframes dmlBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.dml-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dml-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:dmlPulse 2s ease-in-out infinite}@keyframes dmlPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.dml-error-icon-wrap svg{width:60px;height:60px}.dml-error-status{display:inline-flex;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.5px;font-family:Courier New,monospace}.dml-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dml-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dml-empty-illo{width:140px;height:120px;margin-bottom:4px}.dml-empty-illo svg{width:100%;height:100%}.dml-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dml-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dml-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.dml-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.dml-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.dml-pagination-info{font-size:12.5px;color:#6b9e99}.dml-pagination-info strong{color:#1da99c}.dml-pagination-controls{display:flex;align-items:center;gap:4px}.dml-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.dml-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.dml-page-arrow:disabled{opacity:.35;cursor:not-allowed}.dml-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.dml-page-num:hover:not(.dml-page-num--active){border-color:#1da99c;color:#1da99c}.dml-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.discount-mapping-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;width:90%;max-width:700px;box-shadow:0 2px 10px #0000001a;outline:none}.discount-mapping-header{margin-bottom:20px;text-align:center}.discount-mapping-title{margin-bottom:8px;font-size:22px;color:#333}.discount-mapping-title-line{height:2px;background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);width:80px;margin:0 auto;border-radius:2px}.discount-mapping-form{display:flex;flex-direction:column;gap:20px}.discount-mapping-row{display:flex;gap:15px;width:100%}.discount-mapping-group{flex:1;margin-bottom:0}.discount-mapping-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#555}.react-select__control{border:1px solid #ddd!important;min-height:42px!important;border-radius:4px!important;box-shadow:none!important}.react-select__control:hover{border-color:#ddd!important}.react-select__control--is-focused{border-color:#1da99c!important;box-shadow:none!important}.react-select__value-container{padding:2px 12px!important}.react-select__input-container{margin:0!important;padding:0!important}.react-select__indicator-separator{display:none!important}.react-select__dropdown-indicator{padding:8px!important;color:#666!important}.react-select__menu{margin-top:2px!important;border-radius:4px!important;box-shadow:0 2px 5px #0000001a!important}.discount-mapping-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color .3s ease}.discount-mapping-input:focus{border-color:#1da99c}.discount-amount-input-container{position:relative}.discount-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#777}.discount-mapping-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;width:100%}.discount-mapping-cancel-btn,.discount-mapping-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;color:#fff;transition:opacity .3s ease}.discount-mapping-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)}.discount-mapping-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)}.discount-mapping-cancel-btn:hover,.discount-mapping-submit-btn:hover{opacity:.9}@media (max-width: 768px){.discount-mapping-row{flex-direction:column;gap:15px}.discount-mapping-group{width:100%}}.usr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.usr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.usr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.usr-header-left{display:flex;align-items:center;gap:14px}.usr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.usr-header-icon svg{width:22px;height:22px}.usr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.usr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.usr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.usr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.usr-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.usr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.usr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.usr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.usr-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.usr-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.usr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.usr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.usr-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.usr-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.usr-search-panel--open{max-height:320px}.usr-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.usr-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.usr-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.usr-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.usr-clear-all-btn:hover{background:#fef2f2}.usr-search-fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1000px){.usr-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.usr-search-fields-grid{grid-template-columns:1fr}}.usr-field{display:flex;flex-direction:column;gap:5px}.usr-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.usr-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.usr-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.usr-field-wrap--filled{border-color:#4abb83}.usr-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.usr-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.usr-field-input::placeholder{color:#b8d5d1}.usr-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.usr-field-clear:hover{background:#c5e8df}.usr-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.usr-filter-result-bar strong{color:#1da99c;font-weight:700}.usr-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.usr-table-wrap{overflow-x:auto}.usr-table{width:100%;border-collapse:collapse;table-layout:fixed}.usr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.usr-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.usr-th--serial{width:52px}.usr-th--actions{width:100px;text-align:center}.usr-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.usr-tr:last-child{border-bottom:none}.usr-tr:hover{background:#f8fffe}.usr-tr--deleting{opacity:.45;pointer-events:none}.usr-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.usr-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.usr-td--name{font-weight:600;color:#1e3a38}.usr-td--canteens{max-width:240px}.usr-td--actions{text-align:center}.usr-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.usr-pill--role{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.usr-canteen-list{display:flex;flex-wrap:wrap;gap:4px}.usr-canteen-badge{display:inline-block;background:#f0fdf4;color:#15803d;font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;border:1px solid #bbf7d0;white-space:nowrap}.usr-dash{color:#c5d5d3;font-size:15px}.usr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:usrSkeletonFadeIn .3s ease forwards}@keyframes usrSkeletonFadeIn{to{opacity:1}}.usr-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:usrShimmer 1.5s infinite}@keyframes usrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.usr-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.usr-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.usr-action-btn:disabled{opacity:.4;cursor:not-allowed}.usr-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.usr-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.usr-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.usr-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.usr-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:usrSpin .7s linear infinite;display:block}@keyframes usrSpin{to{transform:rotate(360deg)}}.usr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.usr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.usr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.usr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.usr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:usrSpin .9s linear infinite}.usr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.usr-spinner-core svg{width:26px;height:26px}.usr-dots{display:flex;gap:6px;margin-top:4px}.usr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:usrBounce 1.2s ease-in-out infinite}.usr-dots span:nth-child(2){animation-delay:.2s}.usr-dots span:nth-child(3){animation-delay:.4s}@keyframes usrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.usr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.usr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:usrPulse 2s ease-in-out infinite}@keyframes usrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.usr-error-icon-wrap svg{width:60px;height:60px}.usr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.usr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.usr-empty-illo{width:140px;height:120px;margin-bottom:4px}.usr-empty-illo svg{width:100%;height:100%}.usr-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.usr-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.usr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.usr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.usr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.usr-pagination-info{font-size:12.5px;color:#6b9e99}.usr-pagination-info strong{color:#1da99c}.usr-pagination-controls{display:flex;align-items:center;gap:4px}.usr-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.usr-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.usr-page-arrow:disabled{opacity:.35;cursor:not-allowed}.usr-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.usr-page-num:hover:not(.usr-page-num--active){border-color:#1da99c;color:#1da99c}.usr-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.create-user-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;outline:none}.create-user-title{margin-bottom:20px;font-size:22px;color:#333;text-align:center}.create-user-form{display:flex;flex-direction:column;gap:16px}.create-user-row{display:flex;gap:16px}.create-user-row .create-user-group{flex:1}.create-user-group{margin-bottom:8px}.create-user-label{display:block;margin-bottom:6px;font-size:16px;font-weight:600;color:#555}.create-user-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.create-user-select__control{border:1px solid #ddd!important;min-height:40px!important;border-radius:4px!important}.create-user-select__placeholder{color:#999!important}.create-user-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.create-user-cancel-btn,.create-user-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;color:#fff}.create-user-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)}.create-user-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)}.create-user-select__indicator.create-user-select__clear-indicator{color:#4abb83;padding:4px}.create-user-select__indicator.create-user-select__clear-indicator:hover{color:#333}@media (max-width: 600px){.create-user-row{flex-direction:column;gap:16px}}.update-user-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;outline:none}.update-user-title{margin-bottom:20px;font-size:22px;color:#333;text-align:center}.update-user-form{display:flex;flex-direction:column;gap:16px}.update-user-row{display:flex;gap:16px}.update-user-row .update-user-group{flex:1}.update-user-group{margin-bottom:8px}.update-user-label{display:block;margin-bottom:6px;font-size:16px;font-weight:600;color:#555}.update-user-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.update-user-select__control{border:1px solid #ddd!important;min-height:40px!important;border-radius:4px!important}.update-user-select__placeholder{color:#999!important}.update-user-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.update-user-cancel-btn,.update-user-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;color:#fff;transition:all .12s ease-out;position:relative;transform:translateZ(0)}.update-user-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)}.update-user-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)}.update-user-cancel-btn:active{background:linear-gradient(90deg,#d75d08,#cf2e1d,#d51659);transform:translateY(1px) scale(.98)}.update-user-submit-btn:active{background:linear-gradient(90deg,#098b7e,#369d6f,#69bb4d);transform:translateY(1px) scale(.98)}.update-user-cancel-btn:hover{box-shadow:0 2px 6px #fd2a6d4d}.update-user-submit-btn:hover{box-shadow:0 2px 6px #4abb834d}.update-user-select__indicator.update-user-select__clear-indicator{color:#4abb83;padding:4px}.update-user-select__indicator.update-user-select__clear-indicator:hover{color:#333}@media (max-width: 600px){.update-user-row{flex-direction:column;gap:16px}}.dl-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.dl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.dl-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dl-header-left{display:flex;align-items:center;gap:14px}.dl-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dl-header-icon svg{width:22px;height:22px}.dl-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.dl-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.dl-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dl-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dl-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.dl-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.dl-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.dl-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.dl-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.dl-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.dl-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.dl-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.dl-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.dl-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.dl-search-panel--open{max-height:240px}.dl-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.dl-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dl-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.dl-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.dl-clear-all-btn:hover{background:#fef2f2}.dl-search-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.dl-search-fields-grid{grid-template-columns:1fr}}.dl-field{display:flex;flex-direction:column;gap:5px}.dl-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.dl-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.dl-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.dl-field-wrap--filled{border-color:#4abb83}.dl-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.dl-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.dl-field-input::placeholder{color:#b8d5d1}.dl-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.dl-field-clear:hover{background:#c5e8df}.dl-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.dl-filter-result-bar strong{color:#1da99c;font-weight:700}.dl-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.dl-table-wrap{overflow-x:auto}.dl-table{width:100%;border-collapse:collapse;table-layout:fixed}.dl-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.dl-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.dl-th--serial{width:52px}.dl-th--actions{width:100px;text-align:center}.dl-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.dl-tr:last-child{border-bottom:none}.dl-tr:hover{background:#f8fffe}.dl-tr--deleting{opacity:.45;pointer-events:none}.dl-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.dl-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.dl-td--name{font-weight:600;color:#1e3a38}.dl-td--actions{text-align:center}.dl-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.dl-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:dlSkeletonFadeIn .3s ease forwards}@keyframes dlSkeletonFadeIn{to{opacity:1}}.dl-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:dlShimmer 1.5s infinite}@keyframes dlShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dl-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.dl-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.dl-action-btn:disabled{opacity:.4;cursor:not-allowed}.dl-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.dl-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.dl-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.dl-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.dl-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:dlSpin .7s linear infinite;display:block}@keyframes dlSpin{to{transform:rotate(360deg)}}.dl-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.dl-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.dl-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.dl-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.dl-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:dlSpin .9s linear infinite}.dl-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.dl-spinner-core svg{width:26px;height:26px}.dl-dots{display:flex;gap:6px;margin-top:4px}.dl-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:dlBounce 1.2s ease-in-out infinite}.dl-dots span:nth-child(2){animation-delay:.2s}.dl-dots span:nth-child(3){animation-delay:.4s}@keyframes dlBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.dl-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dl-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:dlPulse 2s ease-in-out infinite}@keyframes dlPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.dl-error-icon-wrap svg{width:60px;height:60px}.dl-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dl-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dl-empty-illo{width:140px;height:120px;margin-bottom:4px}.dl-empty-illo svg{width:100%;height:100%}.dl-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dl-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dl-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.dl-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.dl-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.dl-pagination-info{font-size:12.5px;color:#6b9e99}.dl-pagination-info strong{color:#1da99c}.dl-pagination-controls{display:flex;align-items:center;gap:4px}.dl-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.dl-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.dl-page-arrow:disabled{opacity:.35;cursor:not-allowed}.dl-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.dl-page-num:hover:not(.dl-page-num--active){border-color:#1da99c;color:#1da99c}.dl-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--cd-green-start: #1da99c;--cd-green-mid: #4abb83;--cd-green-end: #7dcf61;--cd-gradient: linear-gradient(135deg, var(--cd-green-start), var(--cd-green-mid), var(--cd-green-end));--cd-red: #f74231;--cd-text: #3d3f47;--cd-muted: #8a8c96;--cd-border: #e4e7ef;--cd-surface: #ffffff;--cd-bg: #f4f6fb;--cd-radius: 14px;--cd-input-h: 44px;--cd-transition: .22s cubic-bezier(.4,0,.2,1)}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.cd-modal{position:relative;width:100%;max-width:520px;background:var(--cd-surface);border-radius:var(--cd-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--cd-gradient) 1}.cd-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.cd-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--cd-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.cd-header-icon svg{width:22px;height:22px;stroke:#fff}.cd-title{font-size:17px;font-weight:700;color:var(--cd-text);margin:0 0 3px;letter-spacing:-.2px}.cd-subtitle{font-size:12.5px;color:var(--cd-muted);margin:0;line-height:1.4}.cd-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--cd-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cd-transition);color:var(--cd-muted);padding:0}.cd-close-btn:hover{background:#fee;border-color:#fcc;color:var(--cd-red)}.cd-close-btn svg{width:14px;height:14px}.cd-form{padding:20px 24px 0}.cd-fields{display:grid;grid-template-columns:1fr;gap:16px}.cd-field{display:flex;flex-direction:column;gap:5px;animation:cd-slide-in .3s ease both}.cd-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cd-muted);display:flex;align-items:center;gap:3px}.cd-required{color:var(--cd-red);font-size:14px;line-height:1}.cd-input-wrap{position:relative;display:flex;align-items:center}.cd-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--cd-muted);pointer-events:none;transition:color var(--cd-transition);display:flex}.cd-input-icon svg{width:100%;height:100%}.cd-input{width:100%;height:var(--cd-input-h);padding:0 36px 0 38px;border:1.5px solid var(--cd-border);border-radius:8px;font-size:13.5px;color:var(--cd-text);background:#fafbfd;outline:none;transition:border-color var(--cd-transition),box-shadow var(--cd-transition),background var(--cd-transition)}.cd-input::placeholder{color:#c2c5cf}.cd-input:focus{background:#fff;border-color:var(--cd-green-mid);box-shadow:0 0 0 3px #4abb8326}.cd-input:focus~.cd-input-icon,.cd-input:not(:placeholder-shown)~.cd-input-icon{color:var(--cd-green-start)}.cd-input:disabled{opacity:.55;cursor:not-allowed}.cd-field--valid .cd-input{border-color:var(--cd-green-mid)}.cd-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--cd-green-mid);display:flex;animation:cd-pop .25s ease}.cd-valid-icon svg{width:100%;height:100%}.cd-field--error .cd-input{border-color:var(--cd-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.cd-field--error .cd-input-icon{color:var(--cd-red)}.cd-error-msg{font-size:11.5px;color:var(--cd-red);margin:0;animation:cd-slide-in .2s ease;display:flex;align-items:center;gap:4px}.cd-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--cd-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.cd-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.cd-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--cd-border);margin-top:20px}.cd-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--cd-transition),box-shadow var(--cd-transition),opacity var(--cd-transition);letter-spacing:.1px}.cd-btn:disabled{cursor:not-allowed}.cd-btn--cancel{background:transparent;border:1.5px solid var(--cd-border);color:var(--cd-muted)}.cd-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--cd-text);border-color:#cdd1de}.cd-btn--submit{background:var(--cd-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:168px;justify-content:center}.cd-btn--submit:hover:not(:disabled):not(.cd-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.cd-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.cd-btn--loading{opacity:.8}.cd-submit-icon{width:15px;height:15px}.cd-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cd-spin .65s linear infinite;flex-shrink:0}.cd-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cd-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:cd-fade .2s ease}@keyframes cd-spin{to{transform:rotate(360deg)}}@keyframes cd-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cd-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.cd-fields{grid-template-columns:1fr}.cd-header{padding:18px 18px 0}.cd-form{padding:16px 18px 0}.cd-footer{padding:16px 0 20px}}:root{--ud-green-start: #1da99c;--ud-green-mid: #4abb83;--ud-green-end: #7dcf61;--ud-gradient: linear-gradient(135deg, var(--ud-green-start), var(--ud-green-mid), var(--ud-green-end));--ud-red: #f74231;--ud-text: #3d3f47;--ud-muted: #8a8c96;--ud-border: #e4e7ef;--ud-surface: #ffffff;--ud-bg: #f4f6fb;--ud-radius: 14px;--ud-input-h: 44px;--ud-transition: .22s cubic-bezier(.4,0,.2,1)}.ud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.ud-modal{position:relative;width:100%;max-width:520px;background:var(--ud-surface);border-radius:var(--ud-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--ud-gradient) 1}.ud-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.ud-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--ud-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.ud-header-icon svg{width:22px;height:22px;stroke:#fff}.ud-title{font-size:17px;font-weight:700;color:var(--ud-text);margin:0 0 3px;letter-spacing:-.2px}.ud-subtitle{font-size:12.5px;color:var(--ud-muted);margin:0;line-height:1.4}.ud-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--ud-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ud-transition);color:var(--ud-muted);padding:0}.ud-close-btn:hover{background:#fee;border-color:#fcc;color:var(--ud-red)}.ud-close-btn svg{width:14px;height:14px}.ud-form{padding:20px 24px 0}.ud-fields{display:grid;grid-template-columns:1fr;gap:16px}.ud-field{display:flex;flex-direction:column;gap:5px;animation:ud-slide-in .3s ease both}.ud-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ud-muted);display:flex;align-items:center;gap:3px}.ud-required{color:var(--ud-red);font-size:14px;line-height:1}.ud-input-wrap{position:relative;display:flex;align-items:center}.ud-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--ud-muted);pointer-events:none;transition:color var(--ud-transition);display:flex}.ud-input-icon svg{width:100%;height:100%}.ud-input{width:100%;height:var(--ud-input-h);padding:0 36px 0 38px;border:1.5px solid var(--ud-border);border-radius:8px;font-size:13.5px;color:var(--ud-text);background:#fafbfd;outline:none;transition:border-color var(--ud-transition),box-shadow var(--ud-transition),background var(--ud-transition)}.ud-input::placeholder{color:#c2c5cf}.ud-input:focus{background:#fff;border-color:var(--ud-green-mid);box-shadow:0 0 0 3px #4abb8326}.ud-input:focus~.ud-input-icon,.ud-input:not(:placeholder-shown)~.ud-input-icon{color:var(--ud-green-start)}.ud-input:disabled{opacity:.55;cursor:not-allowed}.ud-field--valid .ud-input{border-color:var(--ud-green-mid)}.ud-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--ud-green-mid);display:flex;animation:ud-pop .25s ease}.ud-valid-icon svg{width:100%;height:100%}.ud-field--error .ud-input{border-color:var(--ud-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.ud-field--error .ud-input-icon{color:var(--ud-red)}.ud-error-msg{font-size:11.5px;color:var(--ud-red);margin:0;animation:ud-slide-in .2s ease;display:flex;align-items:center;gap:4px}.ud-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--ud-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.ud-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.ud-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--ud-border);margin-top:20px}.ud-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--ud-transition),box-shadow var(--ud-transition),opacity var(--ud-transition);letter-spacing:.1px}.ud-btn:disabled{cursor:not-allowed}.ud-btn--cancel{background:transparent;border:1.5px solid var(--ud-border);color:var(--ud-muted)}.ud-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--ud-text);border-color:#cdd1de}.ud-btn--submit{background:var(--ud-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:168px;justify-content:center}.ud-btn--submit:hover:not(:disabled):not(.ud-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.ud-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.ud-btn--loading{opacity:.8}.ud-submit-icon{width:15px;height:15px}.ud-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ud-spin .65s linear infinite;flex-shrink:0}.ud-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ud-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:ud-fade .2s ease}@keyframes ud-spin{to{transform:rotate(360deg)}}@keyframes ud-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ud-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ud-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.ud-fields{grid-template-columns:1fr}.ud-header{padding:18px 18px 0}.ud-form{padding:16px 18px 0}.ud-footer{padding:16px 0 20px}}.dsg-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.dsg-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.dsg-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dsg-header-left{display:flex;align-items:center;gap:14px}.dsg-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dsg-header-icon svg{width:22px;height:22px}.dsg-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.dsg-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.dsg-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dsg-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dsg-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.dsg-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.dsg-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.dsg-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.dsg-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.dsg-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.dsg-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.dsg-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.dsg-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.dsg-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.dsg-search-panel--open{max-height:240px}.dsg-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.dsg-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dsg-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.dsg-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.dsg-clear-all-btn:hover{background:#fef2f2}.dsg-search-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.dsg-search-fields-grid{grid-template-columns:1fr}}.dsg-field{display:flex;flex-direction:column;gap:5px}.dsg-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.dsg-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.dsg-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.dsg-field-wrap--filled{border-color:#4abb83}.dsg-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.dsg-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.dsg-field-input::placeholder{color:#b8d5d1}.dsg-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.dsg-field-clear:hover{background:#c5e8df}.dsg-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.dsg-filter-result-bar strong{color:#1da99c;font-weight:700}.dsg-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.dsg-table-wrap{overflow-x:auto}.dsg-table{width:100%;border-collapse:collapse;table-layout:fixed}.dsg-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.dsg-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.dsg-th--serial{width:52px}.dsg-th--actions{width:100px;text-align:center}.dsg-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.dsg-tr:last-child{border-bottom:none}.dsg-tr:hover{background:#f8fffe}.dsg-tr--deleting{opacity:.45;pointer-events:none}.dsg-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.dsg-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.dsg-td--name{font-weight:600;color:#1e3a38}.dsg-td--actions{text-align:center}.dsg-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.dsg-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:dsgSkeletonFadeIn .3s ease forwards}@keyframes dsgSkeletonFadeIn{to{opacity:1}}.dsg-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:dsgShimmer 1.5s infinite}@keyframes dsgShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dsg-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.dsg-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.dsg-action-btn:disabled{opacity:.4;cursor:not-allowed}.dsg-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.dsg-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.dsg-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.dsg-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.dsg-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:dsgSpin .7s linear infinite;display:block}@keyframes dsgSpin{to{transform:rotate(360deg)}}.dsg-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.dsg-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.dsg-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.dsg-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.dsg-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:dsgSpin .9s linear infinite}.dsg-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.dsg-spinner-core svg{width:26px;height:26px}.dsg-dots{display:flex;gap:6px;margin-top:4px}.dsg-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:dsgBounce 1.2s ease-in-out infinite}.dsg-dots span:nth-child(2){animation-delay:.2s}.dsg-dots span:nth-child(3){animation-delay:.4s}@keyframes dsgBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.dsg-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dsg-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:dsgPulse 2s ease-in-out infinite}@keyframes dsgPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.dsg-error-icon-wrap svg{width:60px;height:60px}.dsg-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dsg-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dsg-empty-illo{width:140px;height:120px;margin-bottom:4px}.dsg-empty-illo svg{width:100%;height:100%}.dsg-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.dsg-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.dsg-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.dsg-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.dsg-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.dsg-pagination-info{font-size:12.5px;color:#6b9e99}.dsg-pagination-info strong{color:#1da99c}.dsg-pagination-controls{display:flex;align-items:center;gap:4px}.dsg-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.dsg-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.dsg-page-arrow:disabled{opacity:.35;cursor:not-allowed}.dsg-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.dsg-page-num:hover:not(.dsg-page-num--active){border-color:#1da99c;color:#1da99c}.dsg-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--cdg-green-start: #1da99c;--cdg-green-mid: #4abb83;--cdg-green-end: #7dcf61;--cdg-gradient: linear-gradient(135deg, var(--cdg-green-start), var(--cdg-green-mid), var(--cdg-green-end));--cdg-red: #f74231;--cdg-text: #3d3f47;--cdg-muted: #8a8c96;--cdg-border: #e4e7ef;--cdg-surface: #ffffff;--cdg-bg: #f4f6fb;--cdg-radius: 14px;--cdg-input-h: 44px;--cdg-transition: .22s cubic-bezier(.4,0,.2,1)}.cdg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.cdg-modal{position:relative;width:100%;max-width:520px;background:var(--cdg-surface);border-radius:var(--cdg-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--cdg-gradient) 1}.cdg-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.cdg-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--cdg-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.cdg-header-icon svg{width:22px;height:22px;stroke:#fff}.cdg-title{font-size:17px;font-weight:700;color:var(--cdg-text);margin:0 0 3px;letter-spacing:-.2px}.cdg-subtitle{font-size:12.5px;color:var(--cdg-muted);margin:0;line-height:1.4}.cdg-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--cdg-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cdg-transition);color:var(--cdg-muted);padding:0}.cdg-close-btn:hover{background:#fee;border-color:#fcc;color:var(--cdg-red)}.cdg-close-btn svg{width:14px;height:14px}.cdg-form{padding:20px 24px 0}.cdg-fields{display:grid;grid-template-columns:1fr;gap:16px}.cdg-field{display:flex;flex-direction:column;gap:5px;animation:cdg-slide-in .3s ease both}.cdg-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cdg-muted);display:flex;align-items:center;gap:3px}.cdg-required{color:var(--cdg-red);font-size:14px;line-height:1}.cdg-input-wrap{position:relative;display:flex;align-items:center}.cdg-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--cdg-muted);pointer-events:none;transition:color var(--cdg-transition);display:flex}.cdg-input-icon svg{width:100%;height:100%}.cdg-input{width:100%;height:var(--cdg-input-h);padding:0 36px 0 38px;border:1.5px solid var(--cdg-border);border-radius:8px;font-size:13.5px;color:var(--cdg-text);background:#fafbfd;outline:none;transition:border-color var(--cdg-transition),box-shadow var(--cdg-transition),background var(--cdg-transition)}.cdg-input::placeholder{color:#c2c5cf}.cdg-input:focus{background:#fff;border-color:var(--cdg-green-mid);box-shadow:0 0 0 3px #4abb8326}.cdg-input:focus~.cdg-input-icon,.cdg-input:not(:placeholder-shown)~.cdg-input-icon{color:var(--cdg-green-start)}.cdg-input:disabled{opacity:.55;cursor:not-allowed}.cdg-field--valid .cdg-input{border-color:var(--cdg-green-mid)}.cdg-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--cdg-green-mid);display:flex;animation:cdg-pop .25s ease}.cdg-valid-icon svg{width:100%;height:100%}.cdg-field--error .cdg-input{border-color:var(--cdg-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.cdg-field--error .cdg-input-icon{color:var(--cdg-red)}.cdg-error-msg{font-size:11.5px;color:var(--cdg-red);margin:0;animation:cdg-slide-in .2s ease;display:flex;align-items:center;gap:4px}.cdg-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--cdg-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.cdg-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.cdg-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--cdg-border);margin-top:20px}.cdg-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--cdg-transition),box-shadow var(--cdg-transition),opacity var(--cdg-transition);letter-spacing:.1px}.cdg-btn:disabled{cursor:not-allowed}.cdg-btn--cancel{background:transparent;border:1.5px solid var(--cdg-border);color:var(--cdg-muted)}.cdg-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--cdg-text);border-color:#cdd1de}.cdg-btn--submit{background:var(--cdg-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:178px;justify-content:center}.cdg-btn--submit:hover:not(:disabled):not(.cdg-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.cdg-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.cdg-btn--loading{opacity:.8}.cdg-submit-icon{width:15px;height:15px}.cdg-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cdg-spin .65s linear infinite;flex-shrink:0}.cdg-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cdg-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:cdg-fade .2s ease}@keyframes cdg-spin{to{transform:rotate(360deg)}}@keyframes cdg-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cdg-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cdg-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.cdg-fields{grid-template-columns:1fr}.cdg-header{padding:18px 18px 0}.cdg-form{padding:16px 18px 0}.cdg-footer{padding:16px 0 20px}}:root{--udg-green-start: #1da99c;--udg-green-mid: #4abb83;--udg-green-end: #7dcf61;--udg-gradient: linear-gradient(135deg, var(--udg-green-start), var(--udg-green-mid), var(--udg-green-end));--udg-red: #f74231;--udg-text: #3d3f47;--udg-muted: #8a8c96;--udg-border: #e4e7ef;--udg-surface: #ffffff;--udg-bg: #f4f6fb;--udg-radius: 14px;--udg-input-h: 44px;--udg-transition: .22s cubic-bezier(.4,0,.2,1)}.udg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.udg-modal{position:relative;width:100%;max-width:520px;background:var(--udg-surface);border-radius:var(--udg-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--udg-gradient) 1}.udg-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.udg-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--udg-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.udg-header-icon svg{width:22px;height:22px;stroke:#fff}.udg-title{font-size:17px;font-weight:700;color:var(--udg-text);margin:0 0 3px;letter-spacing:-.2px}.udg-subtitle{font-size:12.5px;color:var(--udg-muted);margin:0;line-height:1.4}.udg-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--udg-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--udg-transition);color:var(--udg-muted);padding:0}.udg-close-btn:hover{background:#fee;border-color:#fcc;color:var(--udg-red)}.udg-close-btn svg{width:14px;height:14px}.udg-form{padding:20px 24px 0}.udg-fields{display:grid;grid-template-columns:1fr;gap:16px}.udg-field{display:flex;flex-direction:column;gap:5px;animation:udg-slide-in .3s ease both}.udg-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--udg-muted);display:flex;align-items:center;gap:3px}.udg-required{color:var(--udg-red);font-size:14px;line-height:1}.udg-input-wrap{position:relative;display:flex;align-items:center}.udg-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--udg-muted);pointer-events:none;transition:color var(--udg-transition);display:flex}.udg-input-icon svg{width:100%;height:100%}.udg-input{width:100%;height:var(--udg-input-h);padding:0 36px 0 38px;border:1.5px solid var(--udg-border);border-radius:8px;font-size:13.5px;color:var(--udg-text);background:#fafbfd;outline:none;transition:border-color var(--udg-transition),box-shadow var(--udg-transition),background var(--udg-transition)}.udg-input::placeholder{color:#c2c5cf}.udg-input:focus{background:#fff;border-color:var(--udg-green-mid);box-shadow:0 0 0 3px #4abb8326}.udg-input:focus~.udg-input-icon,.udg-input:not(:placeholder-shown)~.udg-input-icon{color:var(--udg-green-start)}.udg-input:disabled{opacity:.55;cursor:not-allowed}.udg-field--valid .udg-input{border-color:var(--udg-green-mid)}.udg-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--udg-green-mid);display:flex;animation:udg-pop .25s ease}.udg-valid-icon svg{width:100%;height:100%}.udg-field--error .udg-input{border-color:var(--udg-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.udg-field--error .udg-input-icon{color:var(--udg-red)}.udg-error-msg{font-size:11.5px;color:var(--udg-red);margin:0;animation:udg-slide-in .2s ease;display:flex;align-items:center;gap:4px}.udg-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--udg-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.udg-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.udg-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--udg-border);margin-top:20px}.udg-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--udg-transition),box-shadow var(--udg-transition),opacity var(--udg-transition);letter-spacing:.1px}.udg-btn:disabled{cursor:not-allowed}.udg-btn--cancel{background:transparent;border:1.5px solid var(--udg-border);color:var(--udg-muted)}.udg-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--udg-text);border-color:#cdd1de}.udg-btn--submit{background:var(--udg-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:178px;justify-content:center}.udg-btn--submit:hover:not(:disabled):not(.udg-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.udg-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.udg-btn--loading{opacity:.8}.udg-submit-icon{width:15px;height:15px}.udg-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:udg-spin .65s linear infinite;flex-shrink:0}.udg-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--udg-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:udg-fade .2s ease}@keyframes udg-spin{to{transform:rotate(360deg)}}@keyframes udg-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes udg-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes udg-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.udg-fields{grid-template-columns:1fr}.udg-header{padding:18px 18px 0}.udg-form{padding:16px 18px 0}.udg-footer{padding:16px 0 20px}}.cat-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.cat-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.cat-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cat-header-left{display:flex;align-items:center;gap:14px}.cat-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cat-header-icon svg{width:22px;height:22px}.cat-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.cat-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.cat-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cat-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cat-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.cat-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.cat-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.cat-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.cat-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.cat-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.cat-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.cat-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.cat-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.cat-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.cat-search-panel--open{max-height:280px}.cat-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.cat-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cat-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.cat-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.cat-clear-all-btn:hover{background:#fef2f2}.cat-search-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.cat-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cat-search-fields-grid{grid-template-columns:1fr}}.cat-field{display:flex;flex-direction:column;gap:5px}.cat-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.cat-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.cat-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.cat-field-wrap--filled{border-color:#4abb83}.cat-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.cat-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.cat-field-input::placeholder{color:#b8d5d1}.cat-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.cat-field-clear:hover{background:#c5e8df}.cat-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.cat-filter-result-bar strong{color:#1da99c;font-weight:700}.cat-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.cat-table-wrap{overflow-x:auto}.cat-table{width:100%;border-collapse:collapse;table-layout:fixed}.cat-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.cat-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.cat-th--serial{width:52px}.cat-th--actions{width:100px;text-align:center}.cat-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.cat-tr:last-child{border-bottom:none}.cat-tr:hover{background:#f8fffe}.cat-tr--deleting{opacity:.45;pointer-events:none}.cat-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.cat-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.cat-td--name{font-weight:600;color:#1e3a38}.cat-td--desc{color:#5b7e7a;max-width:260px;white-space:normal;word-break:break-word}.cat-td--actions{text-align:center}.cat-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.cat-desc-text{display:inline-block;max-width:100%}.cat-dash{color:#c5d5d3;font-size:15px}.cat-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:catSkeletonFadeIn .3s ease forwards}@keyframes catSkeletonFadeIn{to{opacity:1}}.cat-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:catShimmer 1.5s infinite}@keyframes catShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cat-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.cat-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.cat-action-btn:disabled{opacity:.4;cursor:not-allowed}.cat-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.cat-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.cat-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.cat-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.cat-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:catSpin .7s linear infinite;display:block}@keyframes catSpin{to{transform:rotate(360deg)}}.cat-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.cat-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.cat-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.cat-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.cat-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:catSpin .9s linear infinite}.cat-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.cat-spinner-core svg{width:26px;height:26px}.cat-dots{display:flex;gap:6px;margin-top:4px}.cat-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:catBounce 1.2s ease-in-out infinite}.cat-dots span:nth-child(2){animation-delay:.2s}.cat-dots span:nth-child(3){animation-delay:.4s}@keyframes catBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.cat-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.cat-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:catPulse 2s ease-in-out infinite}@keyframes catPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.cat-error-icon-wrap svg{width:60px;height:60px}.cat-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.cat-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.cat-empty-illo{width:140px;height:120px;margin-bottom:4px}.cat-empty-illo svg{width:100%;height:100%}.cat-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.cat-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.cat-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.cat-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.cat-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.cat-pagination-info{font-size:12.5px;color:#6b9e99}.cat-pagination-info strong{color:#1da99c}.cat-pagination-controls{display:flex;align-items:center;gap:4px}.cat-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cat-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.cat-page-arrow:disabled{opacity:.35;cursor:not-allowed}.cat-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.cat-page-num:hover:not(.cat-page-num--active){border-color:#1da99c;color:#1da99c}.cat-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--ccat-green-start: #1da99c;--ccat-green-mid: #4abb83;--ccat-green-end: #7dcf61;--ccat-gradient: linear-gradient(135deg, var(--ccat-green-start), var(--ccat-green-mid), var(--ccat-green-end));--ccat-red: #f74231;--ccat-text: #3d3f47;--ccat-muted: #8a8c96;--ccat-border: #e4e7ef;--ccat-surface: #ffffff;--ccat-bg: #f4f6fb;--ccat-radius: 14px;--ccat-input-h: 44px;--ccat-transition: .22s cubic-bezier(.4,0,.2,1)}.ccat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.ccat-modal{position:relative;width:100%;max-width:560px;background:var(--ccat-surface);border-radius:var(--ccat-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--ccat-gradient) 1}.ccat-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.ccat-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--ccat-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.ccat-header-icon svg{width:22px;height:22px;stroke:#fff}.ccat-title{font-size:17px;font-weight:700;color:var(--ccat-text);margin:0 0 3px;letter-spacing:-.2px}.ccat-subtitle{font-size:12.5px;color:var(--ccat-muted);margin:0;line-height:1.4}.ccat-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--ccat-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ccat-transition);color:var(--ccat-muted);padding:0}.ccat-close-btn:hover{background:#fee;border-color:#fcc;color:var(--ccat-red)}.ccat-close-btn svg{width:14px;height:14px}.ccat-form{padding:20px 24px 0}.ccat-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccat-field--full{grid-column:1 / -1}.ccat-field{display:flex;flex-direction:column;gap:5px;animation:ccat-slide-in .3s ease both}.ccat-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ccat-muted);display:flex;align-items:center;gap:3px}.ccat-required{color:var(--ccat-red);font-size:14px;line-height:1}.ccat-input-wrap{position:relative;display:flex;align-items:center}.ccat-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--ccat-muted);pointer-events:none;transition:color var(--ccat-transition);display:flex;z-index:1}.ccat-input-icon svg{width:100%;height:100%}.ccat-input,.ccat-textarea{width:100%;padding:0 36px 0 38px;border:1.5px solid var(--ccat-border);border-radius:8px;font-size:13.5px;color:var(--ccat-text);background:#fafbfd;outline:none;transition:border-color var(--ccat-transition),box-shadow var(--ccat-transition),background var(--ccat-transition)}.ccat-input{height:var(--ccat-input-h)}.ccat-textarea{padding-top:10px;padding-bottom:10px;resize:vertical;font-family:inherit}.ccat-input::placeholder,.ccat-textarea::placeholder{color:#c2c5cf}.ccat-input:focus,.ccat-textarea:focus{background:#fff;border-color:var(--ccat-green-mid);box-shadow:0 0 0 3px #4abb8326}.ccat-input:focus~.ccat-input-icon,.ccat-textarea:focus~.ccat-input-icon,.ccat-input:not(:placeholder-shown)~.ccat-input-icon,.ccat-textarea:not(:placeholder-shown)~.ccat-input-icon{color:var(--ccat-green-start)}.ccat-input:disabled,.ccat-textarea:disabled{opacity:.55;cursor:not-allowed}.ccat-field--valid .ccat-input,.ccat-field--valid .ccat-textarea{border-color:var(--ccat-green-mid)}.ccat-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--ccat-green-mid);display:flex;animation:ccat-pop .25s ease}.ccat-valid-icon svg{width:100%;height:100%}.ccat-field--error .ccat-input,.ccat-field--error .ccat-textarea{border-color:var(--ccat-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.ccat-field--error .ccat-input-icon{color:var(--ccat-red)}.ccat-error-msg{font-size:11.5px;color:var(--ccat-red);margin:0;animation:ccat-slide-in .2s ease;display:flex;align-items:center;gap:4px}.ccat-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--ccat-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.ccat-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.ccat-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--ccat-border);margin-top:20px}.ccat-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--ccat-transition),box-shadow var(--ccat-transition),opacity var(--ccat-transition);letter-spacing:.1px}.ccat-btn:disabled{cursor:not-allowed}.ccat-btn--cancel{background:transparent;border:1.5px solid var(--ccat-border);color:var(--ccat-muted)}.ccat-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--ccat-text);border-color:#cdd1de}.ccat-btn--submit{background:var(--ccat-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:158px;justify-content:center}.ccat-btn--submit:hover:not(:disabled):not(.ccat-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.ccat-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.ccat-btn--loading{opacity:.8}.ccat-submit-icon{width:15px;height:15px}.ccat-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ccat-spin .65s linear infinite;flex-shrink:0}.ccat-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ccat-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:ccat-fade .2s ease}@keyframes ccat-spin{to{transform:rotate(360deg)}}@keyframes ccat-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ccat-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ccat-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.ccat-fields{grid-template-columns:1fr}.ccat-field--full{grid-column:1}.ccat-header{padding:18px 18px 0}.ccat-form{padding:16px 18px 0}.ccat-footer{padding:16px 0 20px}}:root{--ucat-green-start: #1da99c;--ucat-green-mid: #4abb83;--ucat-green-end: #7dcf61;--ucat-gradient: linear-gradient(135deg, var(--ucat-green-start), var(--ucat-green-mid), var(--ucat-green-end));--ucat-red: #f74231;--ucat-text: #3d3f47;--ucat-muted: #8a8c96;--ucat-border: #e4e7ef;--ucat-surface: #ffffff;--ucat-bg: #f4f6fb;--ucat-radius: 14px;--ucat-input-h: 44px;--ucat-transition: .22s cubic-bezier(.4,0,.2,1)}.ucat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.ucat-modal{position:relative;width:100%;max-width:560px;background:var(--ucat-surface);border-radius:var(--ucat-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--ucat-gradient) 1}.ucat-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.ucat-header-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--ucat-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.ucat-header-icon svg{width:22px;height:22px;stroke:#fff}.ucat-title{font-size:17px;font-weight:700;color:var(--ucat-text);margin:0 0 3px;letter-spacing:-.2px}.ucat-subtitle{font-size:12.5px;color:var(--ucat-muted);margin:0;line-height:1.4}.ucat-close-btn{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--ucat-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ucat-transition);color:var(--ucat-muted);padding:0}.ucat-close-btn:hover{background:#fee;border-color:#fcc;color:var(--ucat-red)}.ucat-close-btn svg{width:14px;height:14px}.ucat-form{padding:20px 24px 0}.ucat-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ucat-field--full{grid-column:1 / -1}.ucat-field{display:flex;flex-direction:column;gap:5px;animation:ucat-slide-in .3s ease both}.ucat-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ucat-muted);display:flex;align-items:center;gap:3px}.ucat-required{color:var(--ucat-red);font-size:14px;line-height:1}.ucat-input-wrap{position:relative;display:flex;align-items:center}.ucat-input-icon{position:absolute;left:11px;width:18px;height:18px;color:var(--ucat-muted);pointer-events:none;transition:color var(--ucat-transition);display:flex;z-index:1}.ucat-input-icon svg{width:100%;height:100%}.ucat-input,.ucat-textarea{width:100%;padding:0 36px 0 38px;border:1.5px solid var(--ucat-border);border-radius:8px;font-size:13.5px;color:var(--ucat-text);background:#fafbfd;outline:none;transition:border-color var(--ucat-transition),box-shadow var(--ucat-transition),background var(--ucat-transition)}.ucat-input{height:var(--ucat-input-h)}.ucat-textarea{padding-top:10px;padding-bottom:10px;resize:vertical;font-family:inherit}.ucat-input::placeholder,.ucat-textarea::placeholder{color:#c2c5cf}.ucat-input:focus,.ucat-textarea:focus{background:#fff;border-color:var(--ucat-green-mid);box-shadow:0 0 0 3px #4abb8326}.ucat-input:focus~.ucat-input-icon,.ucat-textarea:focus~.ucat-input-icon,.ucat-input:not(:placeholder-shown)~.ucat-input-icon,.ucat-textarea:not(:placeholder-shown)~.ucat-input-icon{color:var(--ucat-green-start)}.ucat-input:disabled,.ucat-textarea:disabled{opacity:.55;cursor:not-allowed}.ucat-field--valid .ucat-input,.ucat-field--valid .ucat-textarea{border-color:var(--ucat-green-mid)}.ucat-valid-icon{position:absolute;right:10px;width:18px;height:18px;color:var(--ucat-green-mid);display:flex;animation:ucat-pop .25s ease}.ucat-valid-icon svg{width:100%;height:100%}.ucat-field--error .ucat-input,.ucat-field--error .ucat-textarea{border-color:var(--ucat-red);background:#fff8f8;box-shadow:0 0 0 3px #f742311a}.ucat-field--error .ucat-input-icon{color:var(--ucat-red)}.ucat-error-msg{font-size:11.5px;color:var(--ucat-red);margin:0;animation:ucat-slide-in .2s ease;display:flex;align-items:center;gap:4px}.ucat-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--ucat-red);color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.ucat-hint{font-size:11px;color:#b0b3bf;margin:0;line-height:1.4}.ucat-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px;border-top:1px solid var(--ucat-border);margin-top:20px}.ucat-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--ucat-transition),box-shadow var(--ucat-transition),opacity var(--ucat-transition);letter-spacing:.1px}.ucat-btn:disabled{cursor:not-allowed}.ucat-btn--cancel{background:transparent;border:1.5px solid var(--ucat-border);color:var(--ucat-muted)}.ucat-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--ucat-text);border-color:#cdd1de}.ucat-btn--submit{background:var(--ucat-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:168px;justify-content:center}.ucat-btn--submit:hover:not(:disabled):not(.ucat-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.ucat-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.ucat-btn--loading{opacity:.8}.ucat-submit-icon{width:15px;height:15px}.ucat-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ucat-spin .65s linear infinite;flex-shrink:0}.ucat-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ucat-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:ucat-fade .2s ease}@keyframes ucat-spin{to{transform:rotate(360deg)}}@keyframes ucat-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ucat-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ucat-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.ucat-fields{grid-template-columns:1fr}.ucat-field--full{grid-column:1}.ucat-header{padding:18px 18px 0}.ucat-form{padding:16px 18px 0}.ucat-footer{padding:16px 0 20px}}.el-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.el-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.el-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.el-header-left{display:flex;align-items:center;gap:14px}.el-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-header-icon svg{width:22px;height:22px}.el-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.el-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.el-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.el-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.el-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.el-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.el-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.el-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.el-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.el-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.el-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.el-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.el-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.el-search-panel--open{max-height:360px}.el-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.el-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.el-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.el-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s}.el-clear-all-btn:hover{background:#fef2f2}.el-search-fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.el-search-fields-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.el-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.el-search-fields-grid{grid-template-columns:1fr}}.el-field{display:flex;flex-direction:column;gap:5px}.el-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.el-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.el-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.el-field-wrap--filled{border-color:#4abb83}.el-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.el-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.el-field-input::placeholder{color:#b8d5d1}.el-field-select{width:100%;border:none;outline:none;background:transparent;padding:8px 12px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.el-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.el-field-clear:hover{background:#c5e8df}.el-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.el-filter-result-bar strong{color:#1da99c;font-weight:700}.el-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.el-table-wrap{overflow-x:auto}.el-table{width:100%;border-collapse:collapse;table-layout:auto}.el-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.el-th{padding:13px 14px;text-align:left;font-size:11px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.el-th--serial{width:44px}.el-th--photo{width:60px}.el-th--center{text-align:center}.el-th--actions{width:90px;text-align:center}.el-tr{border-bottom:1px solid #f0faf8;transition:background .15s,opacity .2s}.el-tr:last-child{border-bottom:none}.el-tr:hover{background:#f8fffe}.el-tr--deleting{opacity:.45;pointer-events:none}.el-td{padding:11px 14px;font-size:13px;color:#2d4a47;vertical-align:middle}.el-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.el-td--photo{padding:8px 14px}.el-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.el-td--center,.el-td--actions{text-align:center}.el-avatar{width:34px!important;height:34px!important;border:2px solid #e0f5f0;box-shadow:0 1px 6px #1da99c26}.el-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}.el-code-badge--card{background:linear-gradient(90deg,#4a6bbb1a,#7d61cf1a);border-color:#4a6bbb40;color:#1e3a8a}.el-pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.el-pill--teal{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.el-pill--blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.el-pill--purple{background:#faf5ff;color:#7c3aed;border:1px solid #ddd6fe}.el-pill--orange{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.el-pill--green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.el-master-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.el-master-badge--yes{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.el-master-badge--no{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.el-canteen-chips{display:flex;flex-wrap:wrap;gap:4px}.el-dash{color:#c5d5d3;font-size:15px}.el-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:elSkeletonFadeIn .3s ease forwards}@keyframes elSkeletonFadeIn{to{opacity:1}}.el-skeleton-cell{height:13px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:elShimmer 1.5s infinite}.el-skeleton-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;animation:elShimmer 1.5s infinite}@keyframes elShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.el-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.el-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.el-action-btn:disabled{opacity:.4;cursor:not-allowed}.el-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.el-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.el-action-btn--delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.el-action-btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.el-delete-spinner{width:13px;height:13px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:elSpin .7s linear infinite;display:block}@keyframes elSpin{to{transform:rotate(360deg)}}.el-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.el-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.el-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.el-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.el-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:elSpin .9s linear infinite}.el-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.el-spinner-core svg{width:26px;height:26px}.el-dots{display:flex;gap:6px;margin-top:4px}.el-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:elBounce 1.2s ease-in-out infinite}.el-dots span:nth-child(2){animation-delay:.2s}.el-dots span:nth-child(3){animation-delay:.4s}@keyframes elBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.el-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.el-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:elPulse 2s ease-in-out infinite}@keyframes elPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.el-error-icon-wrap svg{width:60px;height:60px}.el-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.el-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.el-empty-illo{width:140px;height:120px;margin-bottom:4px}.el-empty-illo svg{width:100%;height:100%}.el-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.el-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.el-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.el-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.el-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.el-pagination-info{font-size:12.5px;color:#6b9e99}.el-pagination-info strong{color:#1da99c}.el-pagination-controls{display:flex;align-items:center;gap:4px}.el-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.el-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.el-page-arrow:disabled{opacity:.35;cursor:not-allowed}.el-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.el-page-num:hover:not(.el-page-num--active){border-color:#1da99c;color:#1da99c}.el-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.ce-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a1e1c73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200}.ce-modal{width:100%;max-width:680px;max-height:92vh;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000a,0 20px 60px #0000002e,0 0 0 1px #1da99c1f;animation:ceSlideIn .28s cubic-bezier(.34,1.46,.64,1)}@keyframes ceSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ce-header{background:linear-gradient(90deg,#1da99c,#4abb83 55%,#7dcf61);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.ce-header-left{display:flex;align-items:center;gap:12px}.ce-header-icon{width:40px;height:40px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ce-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2;font-family:Segoe UI,system-ui,sans-serif}.ce-subtitle{font-size:12px;color:#ffffffbf;margin:0}.ce-close-btn{width:34px;height:34px;border:none;border-radius:9px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s;flex-shrink:0}.ce-close-btn:hover:not(:disabled){background:#ffffff47}.ce-close-btn:disabled{opacity:.4;cursor:not-allowed}.ce-body{overflow-y:auto;overflow-x:hidden;padding:22px 24px 0;flex:1;font-family:Segoe UI,system-ui,sans-serif}.ce-body::-webkit-scrollbar{width:5px}.ce-body::-webkit-scrollbar-track{background:#f0faf8;border-radius:4px}.ce-body::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.ce-body::-webkit-scrollbar-thumb:hover{background:#1da99c}.ce-top-row{display:flex;gap:20px;margin-bottom:4px}.ce-photo-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.ce-photo-frame{width:90px;height:90px;border-radius:12px;border:2px solid #d1ede9;overflow:hidden;position:relative;cursor:pointer;transition:border-color .18s,box-shadow .18s;background:#f0fdf9}.ce-photo-frame--hover,.ce-photo-frame:hover{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c26}.ce-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d5a508c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;opacity:0;transition:opacity .18s;border-radius:10px}.ce-photo-overlay span{font-size:10px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.ce-photo-frame:hover .ce-photo-overlay,.ce-photo-frame--hover .ce-photo-overlay{opacity:1}.ce-photo-remove{background:none;border:none;font-size:11px;color:#ef4444;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:color .14s}.ce-photo-remove:hover{color:#b91c1c}.ce-required-col{flex:1;display:flex;flex-direction:column;gap:12px}.ce-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px}.ce-divider:before,.ce-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e0f5f0,#c2e8e0)}.ce-divider span{font-size:10.5px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.ce-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ce-row--3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 580px){.ce-row,.ce-row--3{grid-template-columns:1fr}.ce-top-row{flex-direction:column;align-items:flex-start}.ce-photo-frame{width:80px;height:80px}}.ce-field{display:flex;flex-direction:column;gap:5px}.ce-field--full{grid-column:1 / -1}.ce-field-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ce-required-star{color:#ef4444;font-size:13px;line-height:1}.ce-input-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.ce-input-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ce-input-wrap--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ce-input-icon{position:absolute;left:11px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.ce-input{width:100%;border:none;outline:none;background:transparent;padding:9px 12px 9px 32px;font-size:13px;color:#1e3a38;font-family:inherit}.ce-input::placeholder{color:#b8d5d1}.ce-input--upper{text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;font-size:12.5px}.ce-error-msg{font-size:11.5px;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:4px;animation:ceFadeIn .2s ease}.ce-error-msg:before{content:"⚠";font-size:10px}@keyframes ceFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ce-mastercard-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#1da99c0f,#7dcf610f);border:1.5px solid rgba(29,169,156,.2);border-radius:10px;padding:12px 16px;margin-bottom:20px;gap:12px}.ce-mastercard-info{display:flex;align-items:center;gap:10px}.ce-mastercard-title{font-size:13px;font-weight:700;color:#1e3a38;margin:0 0 2px}.ce-mastercard-sub{font-size:11.5px;color:#6b9e99;margin:0}.ce-toggle{width:44px;height:24px;border-radius:12px;border:none;background:#d1ede9;position:relative;cursor:pointer;transition:background .25s;flex-shrink:0;padding:0}.ce-toggle--on{background:linear-gradient(90deg,#1da99c,#4abb83)}.ce-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000002e}.ce-toggle--on .ce-toggle-thumb{transform:translate(20px)}.ce-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;background:#fafffe;border-top:1.5px solid #f0faf8;margin:0 -24px;position:sticky;bottom:0}.ce-btn{display:flex;align-items:center;gap:7px;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit}.ce-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ce-btn--cancel{background:#f0faf8;color:#3a8a80;border:1.5px solid #c2e8e0}.ce-btn--cancel:hover:not(:disabled){background:#e0f5f0;border-color:#1da99c}.ce-btn--submit{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;box-shadow:0 2px 10px #1da99c4d;min-width:148px;justify-content:center}.ce-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #1da99c6b}.ce-submit-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ceSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes ceSpin{to{transform:rotate(360deg)}}.photo-modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1300;animation:fadeIn .3s ease}.photo-modal__container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:2rem;width:min(90%,400px);box-shadow:0 4px 20px #00000026;z-index:1301;animation:slideUp .3s ease}.photo-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.photo-modal__title{margin:0;font-size:1.4rem;color:#2d3748;font-weight:600}.photo-modal__close-btn{color:#718096;transition:all .2s ease}.photo-modal__close-btn:hover{color:#e53e3e;background-color:#e53e3e1a}.photo-modal__description{color:#4a5568;margin-bottom:2rem;line-height:1.5;text-align:center}.photo-modal__action-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.photo-modal__action-btn{width:56px;height:56px;background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff!important;transition:all .3s ease}.photo-modal__action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.photo-capture__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:1.5rem;width:min(90%,400px);outline:none;z-index:1401}.photo-capture__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.photo-capture__title{margin:0;font-size:1.2rem;color:#2d3748}.photo-capture__webcam-container{position:relative;width:100%;height:0;padding-bottom:100%;margin:1rem 0;border-radius:8px;overflow:hidden;background:#000}.photo-capture__webcam{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.photo-capture__controls{display:flex;justify-content:center;margin-top:1rem}.photo-capture__capture-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff!important;padding:.5rem 1.5rem;font-weight:500}.photo-crop__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:1.5rem;width:min(90%,400px);outline:none;z-index:1401}.photo-crop__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.photo-crop__title{margin:0;font-size:1.2rem;color:#2d3748}.photo-crop__instructions{color:#4a5568;margin-bottom:1rem;text-align:center}.photo-crop__editor{position:relative;width:100%;height:300px;background:#f0f2f5;border-radius:8px;overflow:hidden}.photo-crop__editor-container{position:absolute;top:0;left:0;right:0;bottom:0}.photo-crop__controls{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.photo-crop__zoom-slider{width:100%;margin:1rem 0}.photo-crop__save-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff!important;padding:.5rem 1.5rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.ue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a1e1c73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200}.ue-modal{width:100%;max-width:680px;max-height:92vh;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000a,0 20px 60px #0000002e,0 0 0 1px #1da99c1f;animation:ueSlideIn .28s cubic-bezier(.34,1.46,.64,1)}@keyframes ueSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ue-header{background:linear-gradient(90deg,#0e8a80,#1da99c,#4abb83 80%,#7dcf61);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.ue-header-left{display:flex;align-items:center;gap:12px}.ue-header-icon{width:40px;height:40px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ue-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2;font-family:Segoe UI,system-ui,sans-serif}.ue-subtitle{font-size:12px;color:#ffffffbf;margin:0;font-family:Segoe UI,system-ui,sans-serif}.ue-close-btn{width:34px;height:34px;border:none;border-radius:9px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s;flex-shrink:0}.ue-close-btn:hover:not(:disabled){background:#ffffff47}.ue-close-btn:disabled{opacity:.4;cursor:not-allowed}.ue-body{overflow-y:auto;overflow-x:hidden;padding:22px 24px 0;flex:1;position:relative;font-family:Segoe UI,system-ui,sans-serif}.ue-body::-webkit-scrollbar{width:5px}.ue-body::-webkit-scrollbar-track{background:#f0faf8;border-radius:4px}.ue-body::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.ue-body::-webkit-scrollbar-thumb:hover{background:#1da99c}.ue-data-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.ue-data-loading p{font-size:13px;color:#3a8a80;font-weight:500;margin:0}.ue-data-spinner{width:36px;height:36px;border:3px solid #e0f5f0;border-top-color:#1da99c;border-right-color:#4abb83;border-radius:50%;animation:ueSpin .85s linear infinite}@keyframes ueSpin{to{transform:rotate(360deg)}}.ue-top-row{display:flex;gap:20px;margin-bottom:4px}.ue-photo-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.ue-photo-frame{width:90px;height:90px;border-radius:12px;border:2px solid #d1ede9;overflow:hidden;position:relative;cursor:pointer;transition:border-color .18s,box-shadow .18s;background:#f0fdf9}.ue-photo-frame--hover,.ue-photo-frame:hover{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c26}.ue-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d5a508c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;opacity:0;transition:opacity .18s;border-radius:10px}.ue-photo-overlay span{font-size:10px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.ue-photo-frame:hover .ue-photo-overlay,.ue-photo-frame--hover .ue-photo-overlay{opacity:1}.ue-photo-remove{background:none;border:none;font-size:11px;color:#ef4444;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:color .14s}.ue-photo-remove:hover{color:#b91c1c}.ue-required-col{flex:1;display:flex;flex-direction:column;gap:12px}.ue-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px}.ue-divider:before,.ue-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e0f5f0,#c2e8e0)}.ue-divider span{font-size:10.5px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.ue-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ue-row--3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 580px){.ue-row,.ue-row--3{grid-template-columns:1fr}.ue-top-row{flex-direction:column;align-items:flex-start}.ue-photo-frame{width:80px;height:80px}}.ue-field{display:flex;flex-direction:column;gap:5px}.ue-field--full{grid-column:1 / -1}.ue-field-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.ue-required-star{color:#ef4444;font-size:13px;line-height:1}.ue-lock-badge{display:inline-flex;align-items:center;gap:3px;background:#fff3cd;border:1px solid #fcd34d;color:#92400e;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.ue-input-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.ue-input-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ue-input-wrap--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ue-input-wrap--locked{background:#f8fffe;border-color:#e8f5f2;cursor:not-allowed}.ue-input-wrap--locked:focus-within{border-color:#e8f5f2;box-shadow:none}.ue-input-icon{position:absolute;left:11px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.ue-input{width:100%;border:none;outline:none;background:transparent;padding:9px 12px 9px 32px;font-size:13px;color:#1e3a38;font-family:inherit}.ue-input::placeholder{color:#b8d5d1}.ue-input--locked{color:#6b9e99;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ue-input--upper{text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;font-size:12.5px}.ue-error-msg{font-size:11.5px;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:4px;animation:ueFadeIn .2s ease}.ue-error-msg:before{content:"⚠";font-size:10px}@keyframes ueFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ue-select-skeleton{height:38px;background:#f4fdfb;border:1.5px solid #e0f5f0;border-radius:8px;overflow:hidden}.ue-select-skeleton-inner{height:100%;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;animation:ueShimmer 1.4s infinite}@keyframes ueShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ue-mastercard-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#1da99c0f,#7dcf610f);border:1.5px solid rgba(29,169,156,.2);border-radius:10px;padding:12px 16px;margin-bottom:20px;gap:12px}.ue-mastercard-info{display:flex;align-items:center;gap:10px}.ue-mastercard-title{font-size:13px;font-weight:700;color:#1e3a38;margin:0 0 2px}.ue-mastercard-sub{font-size:11.5px;color:#6b9e99;margin:0}.ue-toggle{width:44px;height:24px;border-radius:12px;border:none;background:#d1ede9;position:relative;cursor:pointer;transition:background .25s;flex-shrink:0;padding:0}.ue-toggle--on{background:linear-gradient(90deg,#1da99c,#4abb83)}.ue-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000002e}.ue-toggle--on .ue-toggle-thumb{transform:translate(20px)}.ue-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;background:#fafffe;border-top:1.5px solid #f0faf8;margin:0 -24px;position:sticky;bottom:0}.ue-btn{display:flex;align-items:center;gap:7px;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit}.ue-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ue-btn--cancel{background:#f0faf8;color:#3a8a80;border:1.5px solid #c2e8e0}.ue-btn--cancel:hover:not(:disabled){background:#e0f5f0;border-color:#1da99c}.ue-btn--submit{background:linear-gradient(90deg,#0e8a80,#1da99c,#4abb83);color:#fff;border:none;box-shadow:0 2px 10px #1da99c4d;min-width:150px;justify-content:center}.ue-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #1da99c6b}.ue-submit-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ueSpin .7s linear infinite;display:inline-block;flex-shrink:0}.ebl-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.ebl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.ebl-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ebl-header-left{display:flex;align-items:center;gap:14px}.ebl-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ebl-header-icon svg{width:22px;height:22px}.ebl-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.ebl-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.ebl-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ebl-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ebl-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.ebl-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.ebl-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;position:relative;white-space:nowrap}.ebl-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.ebl-header-btn--ghost:hover{background:#ffffff40;border-color:#ffffff80}.ebl-header-btn--active{background:#fffffff2;color:#1da99c;border-color:transparent;box-shadow:0 2px 8px #0000001f}.ebl-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.ebl-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.ebl-filter-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:gold;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.ebl-search-panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.ebl-search-panel--open{max-height:280px}.ebl-search-panel-inner{padding:18px 24px 20px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0}.ebl-search-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ebl-search-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.ebl-clear-all-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:background .15s}.ebl-clear-all-btn:hover{background:#fef2f2}.ebl-search-fields-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 1100px){.ebl-search-fields-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.ebl-search-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.ebl-search-fields-grid{grid-template-columns:1fr}}.ebl-field{display:flex;flex-direction:column;gap:5px}.ebl-field-label{font-size:11px;font-weight:600;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.ebl-field-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #d1ede9;border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.ebl-field-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ebl-field-wrap--filled{border-color:#4abb83}.ebl-field-icon{position:absolute;left:10px;color:#9cbfbb;pointer-events:none;flex-shrink:0}.ebl-field-input{width:100%;border:none;outline:none;background:transparent;padding:8px 30px;font-size:13px;color:#1e3a38;font-family:inherit}.ebl-field-input::placeholder{color:#b8d5d1}.ebl-field-clear{position:absolute;right:7px;background:#e8f5f2;border:none;border-radius:4px;color:#1da99c;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.ebl-field-clear:hover{background:#c5e8df}.ebl-filter-result-bar{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:7px;padding:6px 12px}.ebl-filter-result-bar strong{color:#1da99c;font-weight:700}.ebl-filter-result-dot{width:7px;height:7px;background:linear-gradient(135deg,#1da99c,#7dcf61);border-radius:50%;flex-shrink:0}.ebl-table-wrap{overflow-x:auto}.ebl-table{width:100%;border-collapse:collapse;table-layout:fixed}.ebl-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.ebl-th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ebl-th--serial{width:52px}.ebl-th--amount{text-align:right;width:120px}.ebl-th--actions{width:80px;text-align:center}.ebl-tr{border-bottom:1px solid #f0faf8;transition:background .15s}.ebl-tr:last-child{border-bottom:none}.ebl-tr:hover{background:#f8fffe}.ebl-td{padding:13px 16px;font-size:13.5px;color:#2d4a47;vertical-align:middle}.ebl-td--serial{font-size:12px;color:#9cbfbb;font-weight:600;text-align:center}.ebl-td--name{font-weight:600;color:#1e3a38}.ebl-td--amount{text-align:right}.ebl-td--actions{text-align:center}.ebl-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.ebl-dept-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4;white-space:nowrap}.ebl-amount-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:3px 10px;border-radius:7px;white-space:nowrap}.ebl-amount-badge--positive{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.ebl-amount-badge--zero{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.ebl-limit-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:3px 10px;border-radius:7px;background:linear-gradient(90deg,#1da99c14,#7dcf6114);color:#1da99c;border:1px solid rgba(29,169,156,.2);white-space:nowrap}.ebl-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:eblFadeIn .3s ease forwards}@keyframes eblFadeIn{to{opacity:1}}.ebl-skeleton-cell{height:14px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:eblShimmer 1.5s infinite}@keyframes eblShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ebl-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.ebl-action-btn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;flex-shrink:0}.ebl-action-btn:disabled{opacity:.4;cursor:not-allowed}.ebl-action-btn--edit{background:#eff8f6;color:#1da99c;border:1px solid #c2e8e0}.ebl-action-btn--edit:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c;transform:translateY(-1px);box-shadow:0 3px 8px #1da99c4d}.ebl-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.ebl-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;text-align:center}.ebl-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.ebl-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.ebl-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:eblSpin .9s linear infinite}.ebl-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.ebl-spinner-core svg{width:26px;height:26px}.ebl-dots{display:flex;gap:6px;margin-top:4px}.ebl-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:eblBounce 1.2s ease-in-out infinite}.ebl-dots span:nth-child(2){animation-delay:.2s}.ebl-dots span:nth-child(3){animation-delay:.4s}@keyframes eblSpin{to{transform:rotate(360deg)}}@keyframes eblBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ebl-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ebl-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:eblPulse 2s ease-in-out infinite}@keyframes eblPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.ebl-error-icon-wrap svg{width:60px;height:60px}.ebl-error-status{display:inline-flex;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.5px;font-family:Courier New,monospace}.ebl-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.ebl-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ebl-empty-illo{width:140px;height:120px;margin-bottom:4px}.ebl-empty-illo svg{width:100%;height:100%}.ebl-add-first-btn{display:flex;align-items:center;gap:7px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d}.ebl-add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ebl-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.ebl-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.ebl-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.ebl-pagination-info{font-size:12.5px;color:#6b9e99}.ebl-pagination-info strong{color:#1da99c}.ebl-pagination-controls{display:flex;align-items:center;gap:4px}.ebl-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ebl-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.ebl-page-arrow:disabled{opacity:.35;cursor:not-allowed}.ebl-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.ebl-page-num:hover:not(.ebl-page-num--active){border-color:#1da99c;color:#1da99c}.ebl-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.update-employee-balance-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;outline:none}.update-employee-balance-title{margin-bottom:20px;font-size:20px;color:#333;text-align:center}.update-employee-balance-form{display:flex;flex-direction:column;gap:16px}.update-employee-balance-row{display:flex;gap:16px}.update-employee-balance-row .update-employee-balance-group{flex:1}.update-employee-balance-group{margin-bottom:8px}.update-employee-balance-label{display:block;margin-bottom:6px;font-size:16px;font-weight:600;color:#555}.update-employee-balance-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.update-employee-balance-select__control{border:1px solid #ddd!important;min-height:40px!important;border-radius:4px!important}.update-employee-balance-select__placeholder{color:#999!important}.update-employee-balance-summary{margin-top:16px;padding:16px;background-color:#f5f5f5;border-radius:4px}.update-employee-balance-summary-item{display:flex;justify-content:space-between;font-size:14px}.update-employee-balance-summary-item:last-child{margin-bottom:0;font-weight:600;color:#333}.update-employee-balance-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.update-employee-balance-cancel-btn,.update-employee-balance-reset-btn,.update-employee-balance-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;color:#fff}.update-employee-balance-cancel-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)}.update-employee-balance-reset-btn{background:linear-gradient(90deg,#64738b,#4c5b74,#33435d)}.update-employee-balance-submit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)}.update-employee-balance-submit-btn:disabled{background:#ccc;cursor:not-allowed}.update-employee-balance-select__indicator.update-employee-balance-select__clear-indicator{color:#4abb83;padding:4px}.update-employee-balance-select__indicator.update-employee-balance-select__clear-indicator:hover{color:#333}@media (max-width: 600px){.update-employee-balance-row{flex-direction:column;gap:16px}}.update-employee-balance-radio-group{display:flex;gap:20px;margin-top:8px}.update-employee-balance-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555}.update-employee-balance-radio-input{position:absolute;opacity:0;cursor:pointer}.update-employee-balance-radio-custom{position:relative;display:inline-block;width:18px;height:18px;border:2px solid #1da99c;border-radius:50%;transition:all .3s}.update-employee-balance-radio-input:checked~.update-employee-balance-radio-custom{background-color:#1da99c;border-color:#1da99c}.update-employee-balance-radio-input:checked~.update-employee-balance-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.update-employee-balance-radio-input:focus~.update-employee-balance-radio-custom{box-shadow:0 0 0 2px #1da99c4d}.device-list{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:#f5f5f5}.device-list__container{height:100%}.device-list__table-container{padding:20px;margin:28px;background-color:#fff;box-shadow:0 4px 12px #0000001a}.device-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.device-list__title{font-size:20px;color:#55565b;margin:0}.device-list__actions{display:flex;gap:10px}.device-list__search-btn,.device-list__add-btn,.device-list__download-btn,.device-list__upload-btn{background-color:transparent;border-radius:4px;transition:all .3s ease}.device-list__search-btn .MuiSvgIcon-root,.device-list__add-btn .MuiSvgIcon-root,.device-list__download-btn .MuiSvgIcon-root,.device-list__upload-btn .MuiSvgIcon-root{color:#55565b}.device-list__search-btn:hover,.device-list__search-btn--active,.device-list__add-btn:hover,.device-list__download-btn:hover,.device-list__upload-btn:hover{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)!important}.device-list__search-btn:hover .MuiSvgIcon-root,.device-list__search-btn--active .MuiSvgIcon-root,.device-list__add-btn:hover .MuiSvgIcon-root,.device-list__download-btn:hover .MuiSvgIcon-root,.device-list__upload-btn:hover .MuiSvgIcon-root{color:#fff!important}.device-list__table-wrapper{overflow-x:auto}.device-list__table{width:100%;border-collapse:separate;border-spacing:0 10px}.device-list__table-head{background:#4abb83}.device-list__table-header{padding:10px 12px;font-size:14px;font-weight:600;color:#fff;text-align:left}.device-list__table-body{background-color:#fff}.device-list__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.device-list__table-row:hover{box-shadow:0 4px 8px #0000001a}.device-list__table-row:nth-child(odd){background-color:#f9f9f9}.device-list__table-data{padding:4px 12px;font-size:13px;color:#55565b}.device-list__table-data:first-child{font-weight:600;color:#1da99c}.device-list__table-data:nth-child(2){font-weight:600}.device-list__actions-cell{display:flex;gap:5px}.device-list__action-btn{width:24px;height:24px;padding:4px;border-radius:4px!important}.device-list__edit-btn{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61)!important;color:#fff!important}.device-list__delete-btn{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d)!important;color:#fff!important}.device-list__edit-btn .MuiSvgIcon-root,.device-list__delete-btn .MuiSvgIcon-root{color:#fff!important;font-size:18px!important}.device-list__action-btn:hover{opacity:.9;transform:scale(1.05)}.device-list__search-input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#55565b}.device-list__pagination{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:10px}.device-list__pagination-btn{padding:6px;color:#55565b}.device-list__pagination-btn:hover{color:#000}.device-list__page-number{font-size:14px;min-width:20px;text-align:center;color:#55565b}@media (max-width: 768px){.device-list__table-container{padding:15px;margin:10px}.device-list__table{width:100%}.device-list__table-header{display:none}.device-list__table-row{display:block;margin-bottom:15px;padding:10px}.device-list__table-data{display:flex;justify-content:space-between;padding:8px 0}.device-list__table-data:before{content:attr(data-label);font-weight:600;margin-right:10px;color:#55565b}.device-list__actions-cell{justify-content:flex-end}}:root{--cdev-green-start: #1da99c;--cdev-green-mid: #4abb83;--cdev-green-end: #7dcf61;--cdev-gradient: linear-gradient(135deg, var(--cdev-green-start), var(--cdev-green-mid), var(--cdev-green-end));--cdev-red: #f74231;--cdev-text: #3d3f47;--cdev-muted: #8a8c96;--cdev-border: #e4e7ef;--cdev-surface: #ffffff;--cdev-bg: #f4f6fb;--cdev-radius: 14px;--cdev-input-h: 42px;--cdev-transition: .22s cubic-bezier(.4,0,.2,1)}.cdev-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.cdev-modal{position:relative;width:100%;max-width:600px;background:var(--cdev-surface);border-radius:var(--cdev-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--cdev-gradient) 1}.cdev-header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px 0}.cdev-header-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--cdev-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.cdev-header-icon svg{width:20px;height:20px;stroke:#fff}.cdev-title{font-size:17px;font-weight:700;color:var(--cdev-text);margin:0 0 2px;letter-spacing:-.2px}.cdev-subtitle{font-size:12px;color:var(--cdev-muted);margin:0;line-height:1.3}.cdev-close-btn{margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1.5px solid var(--cdev-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cdev-transition);color:var(--cdev-muted);padding:0}.cdev-close-btn svg{width:12px;height:12px}.cdev-form{padding:16px 24px 0}.cdev-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cdev-field--full{grid-column:1 / -1}.cdev-field{display:flex;flex-direction:column;gap:4px;animation:cdev-slide-in .3s ease both}.cdev-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--cdev-muted);display:flex;align-items:center;gap:3px}.cdev-required{color:var(--cdev-red);font-size:13px}.cdev-input-wrap{position:relative;display:flex;align-items:center}.cdev-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--cdev-muted);pointer-events:none;transition:color var(--cdev-transition);display:flex;z-index:2}.cdev-input{width:100%;height:var(--cdev-input-h);padding:0 32px 0 34px;border:1.5px solid var(--cdev-border);border-radius:8px;font-size:13px;color:var(--cdev-text);background:#fafbfd;outline:none;transition:border-color var(--cdev-transition),box-shadow var(--cdev-transition),background var(--cdev-transition)}.cdev-select-container{width:100%}.cdev-select__control{min-height:42px!important;border-color:var(--cdev-border)!important;background-color:#fafbfd!important}.cdev-select__value-container{padding:0 8px!important}.cdev-select__indicator{padding:6px!important}.cdev-field--error .cdev-select__control{border-color:var(--cdev-red)!important;background-color:#fff8f8!important}.cdev-valid-icon{position:absolute;right:8px;width:16px;height:16px}.cdev-error-msg,.cdev-hint{font-size:10.5px;margin-top:2px;line-height:1.3}.cdev-error-msg:before{width:12px;height:12px;font-size:8px}.cdev-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 20px;border-top:1px solid var(--cdev-border);margin-top:16px}.cdev-btn{height:36px;padding:0 18px;font-size:13px}.cdev-submit-icon{width:14px;height:14px}@media (max-width: 540px){.cdev-fields{grid-template-columns:1fr}.cdev-field--full{grid-column:1}.cdev-header{padding:16px 18px 0}.cdev-form{padding:12px 18px 0}.cdev-footer{padding:12px 0 16px}}:root{--udev-green-start: #1da99c;--udev-green-mid: #4abb83;--udev-green-end: #7dcf61;--udev-gradient: linear-gradient(135deg, var(--udev-green-start), var(--udev-green-mid), var(--udev-green-end));--udev-red: #f74231;--udev-text: #3d3f47;--udev-muted: #8a8c96;--udev-border: #e4e7ef;--udev-surface: #ffffff;--udev-bg: #f4f6fb;--udev-radius: 14px;--udev-input-h: 42px;--udev-transition: .22s cubic-bezier(.4,0,.2,1)}.udev-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.udev-modal{position:relative;width:100%;max-width:600px;background:var(--udev-surface);border-radius:var(--udev-radius);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;overflow:hidden;outline:none;border-top:3px solid transparent;border-image:var(--udev-gradient) 1}.udev-header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px 0}.udev-header-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--udev-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4abb8359}.udev-header-icon svg{width:20px;height:20px;stroke:#fff}.udev-title{font-size:17px;font-weight:700;color:var(--udev-text);margin:0 0 2px;letter-spacing:-.2px}.udev-subtitle{font-size:12px;color:var(--udev-muted);margin:0;line-height:1.3}.udev-close-btn{margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1.5px solid var(--udev-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--udev-transition);color:var(--udev-muted);padding:0}.udev-close-btn svg{width:12px;height:12px}.udev-close-btn:hover{background:#fee;border-color:#fcc;color:var(--udev-red)}.udev-form{padding:16px 24px 0}.udev-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.udev-field--full{grid-column:1 / -1}.udev-field{display:flex;flex-direction:column;gap:4px;animation:udev-slide-in .3s ease both}.udev-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--udev-muted);display:flex;align-items:center;gap:3px}.udev-required{color:var(--udev-red);font-size:13px}.udev-input-wrap{position:relative;display:flex;align-items:center}.udev-input-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--udev-muted);pointer-events:none;transition:color var(--udev-transition);display:flex;z-index:2}.udev-input{width:100%;height:var(--udev-input-h);padding:0 32px 0 34px;border:1.5px solid var(--udev-border);border-radius:8px;font-size:13px;color:var(--udev-text);background:#fafbfd;outline:none;transition:border-color var(--udev-transition),box-shadow var(--udev-transition),background var(--udev-transition)}.udev-input:focus{background:#fff;border-color:var(--udev-green-mid);box-shadow:0 0 0 3px #4abb8326}.udev-input:focus~.udev-input-icon,.udev-input:not(:placeholder-shown)~.udev-input-icon{color:var(--udev-green-start)}.udev-input:disabled{opacity:.65;cursor:not-allowed;background:#f4f6fb}.udev-select-container{width:100%}.udev-select__control{min-height:42px!important;border-color:var(--udev-border)!important;background-color:#fafbfd!important}.udev-select__value-container{padding:0 8px!important}.udev-select__indicator{padding:6px!important}.udev-select__control--is-focused{border-color:var(--udev-green-mid)!important;box-shadow:0 0 0 3px #4abb8326!important}.udev-select__placeholder{color:#c2c5cf!important;font-size:13px!important}.udev-select__single-value{color:var(--udev-text)!important;font-size:13px!important}.udev-field--error .udev-select__control{border-color:var(--udev-red)!important;background-color:#fff8f8!important;box-shadow:0 0 0 3px #f742311a!important}.udev-field--valid .udev-input{border-color:var(--udev-green-mid)}.udev-valid-icon{position:absolute;right:8px;width:16px;height:16px;color:var(--udev-green-mid);display:flex;animation:udev-pop .25s ease;z-index:2}.udev-error-msg{font-size:10.5px;color:var(--udev-red);margin:2px 0 0;animation:udev-slide-in .2s ease;display:flex;align-items:center;gap:4px}.udev-error-msg:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--udev-red);color:#fff;font-size:8px;font-weight:800;flex-shrink:0}.udev-hint{font-size:10.5px;color:#b0b3bf;margin:2px 0 0;line-height:1.3}.udev-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 20px;border-top:1px solid var(--udev-border);margin-top:16px}.udev-btn{height:36px;padding:0 18px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform var(--udev-transition),box-shadow var(--udev-transition),opacity var(--udev-transition);letter-spacing:.1px}.udev-btn:disabled{cursor:not-allowed;opacity:.6}.udev-btn--cancel{background:transparent;border:1.5px solid var(--udev-border);color:var(--udev-muted)}.udev-btn--cancel:hover:not(:disabled){background:#f4f6fb;color:var(--udev-text);border-color:#cdd1de}.udev-btn--reset{background:transparent;border:1.5px solid var(--udev-border);color:var(--udev-muted)}.udev-btn--reset:hover:not(:disabled){background:#f4f6fb;color:var(--udev-text);border-color:#cdd1de}.udev-btn--submit{background:var(--udev-gradient);color:#fff;box-shadow:0 3px 12px #4abb8366;min-width:148px;justify-content:center}.udev-btn--submit:hover:not(:disabled):not(.udev-btn--loading){transform:translateY(-1px);box-shadow:0 6px 20px #4abb8380}.udev-btn--submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4abb834d}.udev-btn--loading{opacity:.8}.udev-submit-icon{width:14px;height:14px}.udev-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:udev-spin .65s linear infinite;flex-shrink:0}.udev-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--udev-radius);background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;animation:udev-fade .2s ease}@keyframes udev-spin{to{transform:rotate(360deg)}}@keyframes udev-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes udev-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes udev-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 540px){.udev-fields{grid-template-columns:1fr}.udev-field--full{grid-column:1}.udev-header{padding:16px 18px 0}.udev-form{padding:12px 18px 0}.udev-footer{padding:12px 0 16px}}.ebr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.ebr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.ebr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ebr-header-left{display:flex;align-items:center;gap:14px}.ebr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ebr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.ebr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.ebr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ebr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ebr-badge-num{font-size:15px;font-weight:700;color:#fff;line-height:1}.ebr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.ebr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.ebr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.ebr-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ebr-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.ebr-header-btn--loading{opacity:.75;cursor:wait}.ebr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.ebr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.ebr-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ebrSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes ebrSpin{to{transform:rotate(360deg)}}.ebr-filter-panel{border-bottom:1.5px solid #e0f5f0}.ebr-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.ebr-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ebr-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.ebr-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.ebr-clear-all-btn:hover{background:#fef2f2}.ebr-filter-grid{display:grid;grid-template-columns:repeat(3,1fr) repeat(3,1fr);gap:12px}@media (max-width: 1100px){.ebr-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.ebr-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ebr-filter-grid{grid-template-columns:1fr}}.ebr-filter-field{display:flex;flex-direction:column;gap:5px}.ebr-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ebr-req{color:#ef4444;font-size:12px}.ebr-date-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.ebr-date-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ebr-date-wrap--filled{border-color:#4abb83}.ebr-date-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer}.ebr-date-input::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(40%) saturate(500%) hue-rotate(130deg);cursor:pointer}.ebr-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.ebr-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ebr-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ebr-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1.5px solid #e0f5f0}@media (max-width: 900px){.ebr-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ebr-summary-row{grid-template-columns:1fr}}.ebr-summary-card{display:flex;align-items:center;gap:12px;padding:14px 20px;border-right:1px solid #f0faf8;animation:ebrFadeSlide .35s ease both}.ebr-summary-card:last-child{border-right:none}@keyframes ebrFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ebr-summary-card--teal .ebr-summary-icon{background:#1da99c1f;color:#1da99c;border-color:#1da99c33}.ebr-summary-card--green .ebr-summary-icon{background:#0596691a;color:#059669;border-color:#05966933}.ebr-summary-card--red .ebr-summary-icon{background:#dc262614;color:#dc2626;border-color:#dc262626}.ebr-summary-card--positive .ebr-summary-icon{background:#1da99c1f;color:#1da99c;border-color:#1da99c33}.ebr-summary-card--negative .ebr-summary-icon{background:#dc262614;color:#dc2626;border-color:#dc262626}.ebr-summary-icon{width:38px;height:38px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ebr-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px;line-height:1.2}.ebr-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.ebr-summary-card--green .ebr-summary-value{color:#059669}.ebr-summary-card--red .ebr-summary-value{color:#dc2626}.ebr-summary-card--positive .ebr-summary-value{color:#1da99c}.ebr-summary-card--negative .ebr-summary-value{color:#dc2626}.ebr-table-wrap{overflow-x:auto}.ebr-table{width:100%;border-collapse:collapse;table-layout:auto}.ebr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.ebr-th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ebr-th--serial{width:44px;text-align:center}.ebr-th--center{text-align:center}.ebr-th--right{text-align:right}.ebr-tr{border-bottom:1px solid #f0faf8;transition:background .14s}.ebr-tr:last-child{border-bottom:none}.ebr-tr:hover{background:#f8fffe!important}.ebr-tr--credit:nth-child(2n){background:#05966906}.ebr-tr--debit:nth-child(2n){background:#dc262606}.ebr-tr--credit{box-shadow:inset 3px 0 #059669}.ebr-tr--debit{box-shadow:inset 3px 0 #dc2626}.ebr-td{padding:11px 14px;font-size:13px;color:#2d4a47;vertical-align:middle}.ebr-td--serial{font-size:11.5px;color:#9cbfbb;font-weight:600;text-align:center}.ebr-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.ebr-td--date{font-size:12.5px;color:#4a7a74;white-space:nowrap}.ebr-td--center{text-align:center}.ebr-td--right{text-align:right}.ebr-td--mono{font-family:Courier New,monospace;font-size:12.5px;font-weight:600}.ebr-td--credit{color:#059669;font-weight:700;font-family:Courier New,monospace}.ebr-td--debit{color:#dc2626;font-weight:700;font-family:Courier New,monospace}.ebr-td--amount{font-family:Courier New,monospace;font-size:13px}.ebr-code-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#1da99c1a,#7dcf611a);border:1px solid rgba(29,169,156,.25);color:#0f6e5a;font-family:Courier New,monospace;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.4px;white-space:nowrap}.ebr-empno{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#1e3a38}.ebr-pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.ebr-pill--blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ebr-type-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.ebr-type-badge--credit{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.ebr-type-badge--debit{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ebr-order-id{font-family:Courier New,monospace;font-size:11.5px;color:#6b9e99}.ebr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:ebrSkeletonFadeIn .3s ease forwards}@keyframes ebrSkeletonFadeIn{to{opacity:1}}.ebr-skeleton-cell{height:13px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:ebrShimmer 1.5s infinite}@keyframes ebrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ebr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.ebr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.ebr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.ebr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.ebr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:ebrSpin .9s linear infinite}.ebr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.ebr-dots{display:flex;gap:6px;margin-top:4px}.ebr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:ebrBounce 1.2s ease-in-out infinite}.ebr-dots span:nth-child(2){animation-delay:.2s}.ebr-dots span:nth-child(3){animation-delay:.4s}@keyframes ebrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ebr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ebr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:ebrPulse 2s ease-in-out infinite}@keyframes ebrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.ebr-error-icon-wrap svg{width:60px;height:60px}.ebr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ebr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ebr-empty-illo{width:140px;height:120px;margin-bottom:4px}.ebr-empty-illo svg{width:100%;height:100%}.ebr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.ebr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.ebr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.ebr-pagination-info{font-size:12.5px;color:#6b9e99}.ebr-pagination-info strong{color:#1da99c}.ebr-pagination-controls{display:flex;align-items:center;gap:4px}.ebr-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ebr-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.ebr-page-arrow:disabled{opacity:.35;cursor:not-allowed}.ebr-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.ebr-page-num:hover:not(.ebr-page-num--active){border-color:#1da99c;color:#1da99c}.ebr-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.ecr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.ecr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.ecr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ecr-header-left{display:flex;align-items:center;gap:14px}.ecr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ecr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.ecr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0;font-weight:400}.ecr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ecr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px}.ecr-badge-num{font-size:15px;font-weight:700;color:#fff}.ecr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.ecr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.ecr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.ecr-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ecr-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.ecr-header-btn--loading{opacity:.75;cursor:wait}.ecr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.ecr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.ecr-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ecrSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes ecrSpin{to{transform:rotate(360deg)}}.ecr-filter-panel{border-bottom:1.5px solid #e0f5f0}.ecr-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.ecr-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ecr-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.ecr-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.ecr-clear-all-btn:hover{background:#fef2f2}.ecr-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 1000px){.ecr-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.ecr-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 440px){.ecr-filter-grid{grid-template-columns:1fr}}.ecr-filter-field{display:flex;flex-direction:column;gap:5px}.ecr-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ecr-req{color:#ef4444;font-size:12px}.ecr-date-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.ecr-date-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ecr-date-wrap--filled{border-color:#4abb83}.ecr-date-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer}.ecr-date-input::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(40%) saturate(500%) hue-rotate(130deg);cursor:pointer}.ecr-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.ecr-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ecr-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ecr-summary-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid #e0f5f0}@media (max-width: 640px){.ecr-summary-row{grid-template-columns:1fr}}.ecr-summary-card{display:flex;align-items:center;gap:12px;padding:14px 22px;border-right:1px solid #f0faf8;animation:ecrFadeSlide .35s ease both}.ecr-summary-card:last-child{border-right:none}@keyframes ecrFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ecr-summary-icon{width:38px;height:38px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}.ecr-summary-card:nth-child(1) .ecr-summary-icon{background:#1da99c1a;border-color:#1da99c33;color:#1da99c}.ecr-summary-card:nth-child(2) .ecr-summary-icon{background:#4abb831a;border-color:#4abb8333;color:#4abb83}.ecr-summary-card:nth-child(3) .ecr-summary-icon{background:#7dcf611f;border-color:#7dcf6138;color:#5baa2e}.ecr-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px;line-height:1.2}.ecr-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.ecr-table-wrap{overflow-x:auto}.ecr-table{width:100%;border-collapse:collapse;table-layout:auto}.ecr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.ecr-th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ecr-th--serial{width:44px;text-align:center}.ecr-th--right{text-align:right}.ecr-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.ecr-tr:last-child{border-bottom:none}.ecr-tr:hover{background:#f8fffe}.ecr-tr:nth-child(2n){background:#fcfffe}.ecr-tr:nth-child(2n):hover{background:#f4fdfb}.ecr-td{padding:11px 14px;font-size:13px;color:#2d4a47;vertical-align:middle}.ecr-td--serial{font-size:11.5px;color:#9cbfbb;font-weight:600;text-align:center}.ecr-td--date{font-size:12.5px;color:#4a7a74;white-space:nowrap}.ecr-td--time{font-family:Courier New,monospace;font-size:12px;color:#4a7a74;white-space:nowrap}.ecr-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.ecr-td--right{text-align:right}.ecr-td--amount{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#1e3a38;white-space:nowrap}.ecr-order-id{font-family:Courier New,monospace;font-size:11.5px;color:#0f6e5a;background:#1da99c14;border:1px solid rgba(29,169,156,.18);padding:2px 7px;border-radius:5px;white-space:nowrap}.ecr-empno{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#1e3a38}.ecr-meal-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:20px;background:#f0fdf9;color:#0d9488;border:1px solid #99f6e4;white-space:nowrap}.ecr-td--items{max-width:320px}.ecr-items-wrap{display:flex;flex-wrap:wrap;gap:4px}.ecr-item-chip{font-size:11.5px;font-weight:500;padding:2px 8px;background:#f4fdfb;border:1px solid #d1ede9;border-radius:5px;color:#2d4a47;white-space:nowrap;font-family:Courier New,monospace}.ecr-tfoot-row{background:#f4fdfb;border-top:2px solid #d1ede9}.ecr-tfoot-label{padding:10px 14px;font-size:12px;font-weight:600;color:#3a8a80;text-align:left}.ecr-tfoot-amount{padding:10px 14px;font-size:14px;font-weight:700;color:#1e3a38;text-align:right;font-family:Courier New,monospace;white-space:nowrap}.ecr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:ecrSkeletonFadeIn .3s ease forwards}@keyframes ecrSkeletonFadeIn{to{opacity:1}}.ecr-skeleton-cell{height:13px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:ecrShimmer 1.5s infinite}@keyframes ecrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ecr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.ecr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.ecr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.ecr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.ecr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:ecrSpin .9s linear infinite}.ecr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.ecr-dots{display:flex;gap:6px;margin-top:4px}.ecr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:ecrBounce 1.2s ease-in-out infinite}.ecr-dots span:nth-child(2){animation-delay:.2s}.ecr-dots span:nth-child(3){animation-delay:.4s}@keyframes ecrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ecr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ecr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:ecrPulse 2s ease-in-out infinite}@keyframes ecrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.ecr-error-icon-wrap svg{width:60px;height:60px}.ecr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ecr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ecr-empty-illo{width:140px;height:120px;margin-bottom:4px}.ecr-empty-illo svg{width:100%;height:100%}.ecr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.ecr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.ecr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.ecr-pagination-info{font-size:12.5px;color:#6b9e99}.ecr-pagination-info strong{color:#1da99c}.ecr-pagination-controls{display:flex;align-items:center;gap:4px}.ecr-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ecr-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.ecr-page-arrow:disabled{opacity:.35;cursor:not-allowed}.ecr-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.ecr-page-num:hover:not(.ecr-page-num--active){border-color:#1da99c;color:#1da99c}.ecr-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.mdr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.mdr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.mdr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mdr-header-left{display:flex;align-items:center;gap:14px}.mdr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mdr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.mdr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0}.mdr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mdr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px}.mdr-badge-num{font-size:15px;font-weight:700;color:#fff}.mdr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.mdr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.mdr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.mdr-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.mdr-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.mdr-header-btn--loading{opacity:.75;cursor:wait}.mdr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.mdr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.mdr-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mdrSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes mdrSpin{to{transform:rotate(360deg)}}.mdr-filter-panel{border-bottom:1.5px solid #e0f5f0}.mdr-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.mdr-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mdr-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.mdr-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.mdr-clear-all-btn:hover{background:#fef2f2}.mdr-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}@media (max-width: 720px){.mdr-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.mdr-filter-grid{grid-template-columns:1fr}}.mdr-filter-field{display:flex;flex-direction:column;gap:5px}.mdr-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px}.mdr-select-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.mdr-select-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.mdr-select-wrap--filled{border-color:#4abb83}.mdr-period-pill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:20px;padding:5px 14px}.mdr-period-pill strong{color:#1da99c;font-weight:700}.mdr-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.mdr-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.mdr-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.mdr-summary-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid #e0f5f0}@media (max-width: 560px){.mdr-summary-row{grid-template-columns:1fr}}.mdr-summary-card{display:flex;align-items:center;gap:12px;padding:14px 22px;border-right:1px solid #f0faf8;animation:mdrFadeSlide .35s ease both}.mdr-summary-card:last-child{border-right:none}@keyframes mdrFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mdr-summary-card--1 .mdr-summary-icon{background:#1da99c1a;border-color:#1da99c33;color:#1da99c}.mdr-summary-card--2 .mdr-summary-icon{background:#4abb831a;border-color:#4abb8333;color:#4abb83}.mdr-summary-card--3 .mdr-summary-icon{background:#7dcf611f;border-color:#7dcf6138;color:#5baa2e}.mdr-summary-icon{width:38px;height:38px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdr-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px}.mdr-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.mdr-table-outer{overflow:hidden;border-bottom:1px solid #f0faf8}.mdr-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8ddd5 #f0faf8}.mdr-table-wrap::-webkit-scrollbar{height:6px}.mdr-table-wrap::-webkit-scrollbar-track{background:#f0faf8}.mdr-table-wrap::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.mdr-table-wrap::-webkit-scrollbar-thumb:hover{background:#1da99c}.mdr-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.mdr-th--sticky,.mdr-td--sticky{position:sticky;z-index:2;background:inherit}.mdr-th--sticky-1,.mdr-td--sticky-1{left:0;min-width:44px}.mdr-th--sticky-2,.mdr-td--sticky-2{left:44px;min-width:72px}.mdr-th--sticky-3,.mdr-td--sticky-3{left:116px;min-width:90px}.mdr-th--sticky-4,.mdr-td--sticky-4{left:206px;min-width:160px}.mdr-th--sticky{z-index:3}.mdr-th--sticky-4,.mdr-td--sticky-4{box-shadow:3px 0 8px #1da99c1a}.mdr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.mdr-th{padding:10px;text-align:left;font-size:10.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f4fdfb;border-bottom:2px solid #e0f5f0;border-right:1px solid #eaf5f2}.mdr-th:last-child{border-right:none}.mdr-th--serial{width:44px;text-align:center}.mdr-th--name{min-width:160px}.mdr-th--right{text-align:right}.mdr-th--total{min-width:90px;text-align:right;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.mdr-th--day{min-width:54px;text-align:center;padding:6px 4px;cursor:default}.mdr-th--weekend{background:#fff8f0!important;color:#c2410c}.mdr-day-num{display:block;font-size:12px;font-weight:700;line-height:1.2}.mdr-day-name{display:block;font-size:9px;font-weight:500;opacity:.75}.mdr-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.mdr-tr:last-child{border-bottom:none}.mdr-tr:hover .mdr-td{background:#f4fdfb!important}.mdr-tr:nth-child(2n) .mdr-td{background:#fcfffe}.mdr-td{padding:9px 10px;font-size:12.5px;color:#2d4a47;vertical-align:middle;background:#fff;border-right:1px solid #f5faf8}.mdr-td:last-child{border-right:none}.mdr-td--serial{font-size:11px;color:#9cbfbb;font-weight:600;text-align:center}.mdr-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.mdr-td--right{text-align:right}.mdr-td--total{text-align:right;font-weight:700;font-size:13px;color:#1e3a38;font-family:Courier New,monospace;background:#eaf8f5!important;border-left:1.5px solid #c2e8e0}.mdr-td--day{text-align:center;font-size:12px;color:#4a7a74;font-family:Courier New,monospace;min-width:54px}.mdr-td--has-value{background:#1da99c12!important;color:#0f6e5a;font-weight:600}.mdr-td--weekend{background:#fff9f5!important}.mdr-td--has-value.mdr-td--weekend{background:#c2410c0f!important;color:#c2410c}.mdr-empid{font-family:Courier New,monospace;font-size:11px;color:#9cbfbb;font-weight:600}.mdr-empno{font-family:Courier New,monospace;font-size:12px;color:#1e3a38;font-weight:700}.mdr-dash{color:#d1ede9;font-size:13px}.mdr-tfoot-row{background:#f4fdfb;border-top:2px solid #c2e8e0}.mdr-tfoot-label{padding:9px 10px;font-size:11px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#eaf8f5;border-right:1.5px solid #c2e8e0;position:sticky;left:0;z-index:2}.mdr-tfoot-label--sticky{min-width:366px}.mdr-tfoot-total{padding:9px 10px;font-size:13px;font-weight:700;color:#1e3a38;text-align:right;font-family:Courier New,monospace;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.mdr-tfoot-day{padding:9px 4px;font-size:11px;font-weight:600;color:#3a8a80;text-align:center;font-family:Courier New,monospace;background:#f4fdfb;border-right:1px solid #eaf5f2}.mdr-tfoot-day--weekend{background:#fff8f0;color:#c2410c}.mdr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:mdrSkFadeIn .3s ease forwards}@keyframes mdrSkFadeIn{to{opacity:1}}.mdr-skeleton-cell{height:12px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:5px;animation:mdrShimmer 1.5s infinite}@keyframes mdrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mdr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.mdr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.mdr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.mdr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.mdr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:mdrSpin .9s linear infinite}.mdr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.mdr-dots{display:flex;gap:6px;margin-top:4px}.mdr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:mdrBounce 1.2s ease-in-out infinite}.mdr-dots span:nth-child(2){animation-delay:.2s}.mdr-dots span:nth-child(3){animation-delay:.4s}@keyframes mdrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.mdr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mdr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:mdrPulse 2s ease-in-out infinite}@keyframes mdrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.mdr-error-icon-wrap svg{width:60px;height:60px}.mdr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.mdr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.mdr-empty-illo{width:140px;height:120px;margin-bottom:4px}.mdr-empty-illo svg{width:100%;height:100%}.mdr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.mdr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.mdr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.mdr-pagination-info{font-size:12.5px;color:#6b9e99}.mdr-pagination-info strong{color:#1da99c}.mdr-pagination-controls{display:flex;align-items:center;gap:4px}.mdr-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.mdr-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.mdr-page-arrow:disabled{opacity:.35;cursor:not-allowed}.mdr-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.mdr-page-num:hover:not(.mdr-page-num--active){border-color:#1da99c;color:#1da99c}.mdr-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.ccbs-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.ccbs-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.ccbs-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ccbs-header-left{display:flex;align-items:center;gap:14px}.ccbs-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ccbs-title{font-size:19px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.ccbs-subtitle{font-size:12px;color:#ffffffc7;margin:0}.ccbs-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ccbs-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px}.ccbs-badge-num{font-size:15px;font-weight:700;color:#fff}.ccbs-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.ccbs-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.ccbs-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.ccbs-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ccbs-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.ccbs-header-btn--loading{opacity:.75;cursor:wait}.ccbs-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.ccbs-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.ccbs-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ccbsSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes ccbsSpin{to{transform:rotate(360deg)}}.ccbs-filter-panel{border-bottom:1.5px solid #e0f5f0}.ccbs-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.ccbs-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ccbs-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.ccbs-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.ccbs-clear-all-btn:hover{background:#fef2f2}.ccbs-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}@media (max-width: 900px){.ccbs-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.ccbs-filter-grid{grid-template-columns:1fr}}.ccbs-filter-field{display:flex;flex-direction:column;gap:5px}.ccbs-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ccbs-req{color:#ef4444;font-size:12px}.ccbs-date-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.ccbs-date-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.ccbs-date-wrap--filled{border-color:#4abb83}.ccbs-date-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer}.ccbs-date-input::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(40%) saturate(500%) hue-rotate(130deg);cursor:pointer}.ccbs-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.ccbs-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ccbs-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ccbs-summary-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1.5px solid #e0f5f0}@media (max-width: 900px){.ccbs-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ccbs-summary-row{grid-template-columns:1fr}}.ccbs-summary-card{display:flex;align-items:center;gap:12px;padding:13px 20px;border-right:1px solid #f0faf8;animation:ccbsFadeSlide .35s ease both}.ccbs-summary-card:last-child{border-right:none}@keyframes ccbsFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ccbs-summary-card--1 .ccbs-summary-icon{background:#1da99c1a;border-color:#1da99c33;color:#1da99c}.ccbs-summary-card--2 .ccbs-summary-icon{background:#1d4ed814;border-color:#1d4ed82e;color:#1d4ed8}.ccbs-summary-card--3 .ccbs-summary-icon{background:#4abb831a;border-color:#4abb8333;color:#4abb83}.ccbs-summary-card--4 .ccbs-summary-icon{background:#7dcf611f;border-color:#7dcf6138;color:#5baa2e}.ccbs-summary-icon{width:36px;height:36px;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ccbs-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px}.ccbs-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.ccbs-table-outer{overflow:hidden;border-bottom:1px solid #f0faf8}.ccbs-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8ddd5 #f0faf8}.ccbs-table-wrap::-webkit-scrollbar{height:6px}.ccbs-table-wrap::-webkit-scrollbar-track{background:#f0faf8}.ccbs-table-wrap::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.ccbs-table-wrap::-webkit-scrollbar-thumb:hover{background:#1da99c}.ccbs-table{width:100%;border-collapse:collapse;table-layout:auto}.ccbs-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.ccbs-th{padding:11px 12px;text-align:left;font-size:10.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e0f5f0;border-right:1px solid #eaf5f2}.ccbs-th:last-child{border-right:none}.ccbs-th--serial{width:44px;text-align:center}.ccbs-th--name{min-width:140px}.ccbs-th--right{text-align:right}.ccbs-th--center{text-align:center}.ccbs-th--financial{background:#f0fdf9;border-left:1px solid #d1ede9}.ccbs-th--total{background:#eaf8f5;border-left:1.5px solid #c2e8e0;font-weight:800}.ccbs-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.ccbs-tr:last-child{border-bottom:none}.ccbs-tr:hover .ccbs-td{background:#f4fdfb!important}.ccbs-tr:nth-child(2n) .ccbs-td{background:#fcfffe}.ccbs-tr--subsidy .ccbs-td{background:#f4f8ff}.ccbs-tr--subsidy:nth-child(2n) .ccbs-td{background:#eef4ff}.ccbs-tr--subsidy:hover .ccbs-td{background:#e6f0ff!important}.ccbs-tr--subsidy{box-shadow:inset 3px 0 #93c5fd}.ccbs-td{padding:10px 12px;font-size:12.5px;color:#2d4a47;vertical-align:middle;border-right:1px solid #f5faf8}.ccbs-td:last-child{border-right:none}.ccbs-td--serial{font-size:11px;color:#9cbfbb;font-weight:600;text-align:center}.ccbs-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.ccbs-td--item{color:#2d4a47;max-width:200px}.ccbs-td--right{text-align:right}.ccbs-td--center{text-align:center}.ccbs-td--mono{font-family:Courier New,monospace;font-size:12px}.ccbs-td--qty{font-weight:700;color:#1e3a38}.ccbs-td--financial{background:#f8fffe!important;border-left:1px solid #e0f5f0}.ccbs-td--total{background:#eaf8f5!important;border-left:1.5px solid #c2e8e0;font-weight:700;color:#0f6e5a}.ccbs-td--collection{background:#eaf8f5!important;border-left:1.5px solid #c2e8e0;font-weight:700;color:#1e3a38;font-size:13px}.ccbs-canteen-name{font-weight:600;color:#1e3a38;white-space:nowrap}.ccbs-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.ccbs-pill--blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ccbs-subsidy-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.ccbs-subsidy-badge--yes{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ccbs-subsidy-badge--no{background:#f4fdfb;color:#6b9e99;border:1px solid #d1ede9}.ccbs-na{color:#c5d5d3;font-size:12px}.ccbs-tfoot-row{background:#f4fdfb;border-top:2px solid #c2e8e0}.ccbs-tfoot-label{padding:10px 12px;font-size:11px;font-weight:800;color:#1e3a38;text-transform:uppercase;letter-spacing:.6px;background:#eaf8f5}.ccbs-tfoot-num{padding:10px 12px;font-size:12.5px;font-weight:700;color:#1e3a38;text-align:right;font-family:Courier New,monospace;background:#eaf8f5}.ccbs-tfoot-blank{background:#f4fdfb}.ccbs-tfoot-collection{padding:10px 12px;font-size:13px;font-weight:800;color:#1e3a38;text-align:right;font-family:Courier New,monospace;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.ccbs-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:ccbsSkFadeIn .3s ease forwards}@keyframes ccbsSkFadeIn{to{opacity:1}}.ccbs-skeleton-cell{height:13px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:ccbsShimmer 1.5s infinite}@keyframes ccbsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ccbs-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.ccbs-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.ccbs-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.ccbs-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.ccbs-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:ccbsSpin .9s linear infinite}.ccbs-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.ccbs-dots{display:flex;gap:6px;margin-top:4px}.ccbs-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:ccbsBounce 1.2s ease-in-out infinite}.ccbs-dots span:nth-child(2){animation-delay:.2s}.ccbs-dots span:nth-child(3){animation-delay:.4s}@keyframes ccbsBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ccbs-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ccbs-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:ccbsPulse 2s ease-in-out infinite}@keyframes ccbsPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.ccbs-error-icon-wrap svg{width:60px;height:60px}.ccbs-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.ccbs-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.ccbs-empty-illo{width:140px;height:120px;margin-bottom:4px}.ccbs-empty-illo svg{width:100%;height:100%}.ccbs-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.ccbs-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.ccbs-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.ccbs-pagination-info{font-size:12.5px;color:#6b9e99}.ccbs-pagination-info strong{color:#1da99c}.ccbs-pagination-controls{display:flex;align-items:center;gap:4px}.ccbs-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ccbs-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.ccbs-page-arrow:disabled{opacity:.35;cursor:not-allowed}.ccbs-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.ccbs-page-num:hover:not(.ccbs-page-num--active){border-color:#1da99c;color:#1da99c}.ccbs-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}.iwr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.iwr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.iwr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.iwr-header-left{display:flex;align-items:center;gap:14px}.iwr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.iwr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.iwr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0}.iwr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.iwr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px}.iwr-badge-num{font-size:15px;font-weight:700;color:#fff}.iwr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.iwr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.iwr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.iwr-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.iwr-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.iwr-header-btn--loading{opacity:.75;cursor:wait}.iwr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.iwr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.iwr-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:iwrSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes iwrSpin{to{transform:rotate(360deg)}}.iwr-filter-panel{border-bottom:1.5px solid #e0f5f0}.iwr-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.iwr-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.iwr-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.iwr-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.iwr-clear-all-btn:hover{background:#fef2f2}.iwr-filter-grid{display:grid;grid-template-columns:1.4fr 1.6fr 1fr 1fr;gap:12px}@media (max-width: 900px){.iwr-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.iwr-filter-grid{grid-template-columns:1fr}}.iwr-filter-field{display:flex;flex-direction:column;gap:5px}.iwr-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.iwr-req{color:#ef4444;font-size:12px}.iwr-hint{color:#9cbfbb;font-size:10px;font-weight:400;text-transform:none;margin-left:2px}.iwr-date-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.iwr-date-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.iwr-date-wrap--filled{border-color:#4abb83}.iwr-date-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer}.iwr-date-input::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(40%) saturate(500%) hue-rotate(130deg);cursor:pointer}.iwr-context-pill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#3a8a80;background:#eaf8f5;border:1px solid #c2e8e0;border-radius:20px;padding:5px 14px}.iwr-context-pill strong{color:#1da99c;font-weight:700}.iwr-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.iwr-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.iwr-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.iwr-summary-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1.5px solid #e0f5f0}@media (max-width: 900px){.iwr-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.iwr-summary-row{grid-template-columns:1fr}}.iwr-summary-card{display:flex;align-items:center;gap:12px;padding:13px 20px;border-right:1px solid #f0faf8;animation:iwrFadeSlide .35s ease both}.iwr-summary-card:last-child{border-right:none}@keyframes iwrFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.iwr-summary-card--1 .iwr-summary-icon{background:#1da99c1a;border-color:#1da99c33;color:#1da99c}.iwr-summary-card--2 .iwr-summary-icon{background:#4abb831a;border-color:#4abb8333;color:#4abb83}.iwr-summary-card--3 .iwr-summary-icon{background:#7dcf611f;border-color:#7dcf6138;color:#5baa2e}.iwr-summary-card--4 .iwr-summary-icon{background:#1da99c14;border-color:#1da99c26;color:#0d9488}.iwr-summary-icon{width:36px;height:36px;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.iwr-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px}.iwr-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.iwr-table-outer{overflow:hidden;border-bottom:1px solid #f0faf8}.iwr-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8ddd5 #f0faf8}.iwr-table-wrap::-webkit-scrollbar{height:6px}.iwr-table-wrap::-webkit-scrollbar-track{background:#f0faf8}.iwr-table-wrap::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.iwr-table-wrap::-webkit-scrollbar-thumb:hover{background:#1da99c}.iwr-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.iwr-th--sticky,.iwr-td--sticky{position:sticky;z-index:2;background:inherit}.iwr-th--sticky-1,.iwr-td--sticky-1{left:0;min-width:44px}.iwr-th--sticky-2,.iwr-td--sticky-2{left:44px;min-width:72px}.iwr-th--sticky-3,.iwr-td--sticky-3{left:116px;min-width:160px}.iwr-th--sticky-4,.iwr-td--sticky-4{left:276px;min-width:90px}.iwr-th--sticky{z-index:3}.iwr-th--sticky-4,.iwr-td--sticky-4{box-shadow:3px 0 8px #1da99c1a}.iwr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.iwr-thead-sub .iwr-th{padding-top:2px;padding-bottom:5px}.iwr-th{padding:10px;text-align:left;font-size:10.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f4fdfb;border-bottom:2px solid #e0f5f0;border-right:1px solid #eaf5f2}.iwr-th:last-child{border-right:none}.iwr-th--serial{width:44px;text-align:center}.iwr-th--name{min-width:160px}.iwr-th--right{text-align:right}.iwr-th--price{min-width:80px;text-align:right;border-left:1.5px solid #c2e8e0}.iwr-th--total{min-width:80px;text-align:right;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.iwr-th--day{min-width:44px;text-align:center;padding:6px 4px}.iwr-th--weekend{background:#fff8f0!important;color:#c2410c}.iwr-th-mc{display:flex;align-items:center;gap:4px}.iwr-day-num{display:block;font-size:12px;font-weight:700;line-height:1.2}.iwr-day-name{display:block;font-size:9px;font-weight:500;opacity:.75}.iwr-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.iwr-tr:last-child{border-bottom:none}.iwr-tr:hover .iwr-td{background:#f4fdfb!important}.iwr-tr:nth-child(2n) .iwr-td{background:#fcfffe}.iwr-tr--master .iwr-td{background:#f0f6ff!important}.iwr-tr--master:hover .iwr-td{background:#e6f0ff!important}.iwr-td{padding:9px 10px;font-size:12.5px;color:#2d4a47;vertical-align:middle;background:#fff;border-right:1px solid #f5faf8}.iwr-td:last-child{border-right:none}.iwr-td--serial{font-size:11px;color:#9cbfbb;font-weight:600;text-align:center}.iwr-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.iwr-td--right{text-align:right}.iwr-td--price{text-align:right;font-family:Courier New,monospace;font-size:12px;color:#4a7a74;font-weight:600;border-left:1.5px solid #c2e8e0}.iwr-td--total-qty,.iwr-td--total-price{text-align:right;font-weight:700;font-family:Courier New,monospace;font-size:12.5px;color:#1e3a38;background:#eaf8f5!important;border-left:1.5px solid #c2e8e0}.iwr-td--day{text-align:center;font-size:12px;color:#4a7a74;font-family:Courier New,monospace;min-width:44px}.iwr-td--has-value{background:#1da99c12!important;color:#0f6e5a;font-weight:700}.iwr-td--weekend{background:#fff9f5!important}.iwr-td--has-value.iwr-td--weekend{background:#c2410c0f!important;color:#9a3412}.iwr-itemid{font-family:Courier New,monospace;font-size:11px;color:#9cbfbb;font-weight:600}.iwr-dash{color:#d1ede9}.iwr-type-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.iwr-type-badge--master{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.iwr-type-badge--regular{background:#f0fdf9;color:#0d9488;border:1px solid #99f6e4}.iwr-tfoot-row{background:#f4fdfb;border-top:2px solid #c2e8e0}.iwr-tfoot-label{padding:9px 10px;font-size:11px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;background:#eaf8f5;border-right:1.5px solid #c2e8e0;white-space:nowrap}.iwr-tfoot-label--sticky{position:sticky;left:0;z-index:2;min-width:366px}.iwr-tfoot-day{padding:9px 4px;font-size:11px;font-weight:600;color:#3a8a80;text-align:center;font-family:Courier New,monospace;background:#f4fdfb;border-right:1px solid #eaf5f2}.iwr-tfoot-day--weekend{background:#fff8f0;color:#c2410c}.iwr-tfoot-grand{padding:9px 10px;font-size:12.5px;font-weight:700;color:#1e3a38;text-align:right;font-family:Courier New,monospace;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.iwr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:iwrSkFadeIn .3s ease forwards}@keyframes iwrSkFadeIn{to{opacity:1}}.iwr-skeleton-cell{height:12px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:5px;animation:iwrShimmer 1.5s infinite}@keyframes iwrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.iwr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.iwr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.iwr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.iwr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.iwr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:iwrSpin .9s linear infinite}.iwr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.iwr-dots{display:flex;gap:6px;margin-top:4px}.iwr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:iwrBounce 1.2s ease-in-out infinite}.iwr-dots span:nth-child(2){animation-delay:.2s}.iwr-dots span:nth-child(3){animation-delay:.4s}@keyframes iwrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.iwr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.iwr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:iwrPulse 2s ease-in-out infinite}@keyframes iwrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.iwr-error-icon-wrap svg{width:60px;height:60px}.iwr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.iwr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.iwr-empty-illo{width:140px;height:120px;margin-bottom:4px}.iwr-empty-illo svg{width:100%;height:100%}.iwr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.iwr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.rhr-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.rhr-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #1da99c14,0 0 0 1px #1da99c12}.rhr-header{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.rhr-header-left{display:flex;align-items:center;gap:14px}.rhr-header-icon{width:44px;height:44px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rhr-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.rhr-subtitle{font-size:12.5px;color:#ffffffc7;margin:0}.rhr-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rhr-badge{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px}.rhr-badge-num{font-size:15px;font-weight:700;color:#fff}.rhr-badge-label{font-size:11px;color:#ffffffbf;font-weight:500}.rhr-header-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .18s ease;white-space:nowrap;font-family:inherit}.rhr-header-btn--ghost{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.rhr-header-btn--ghost:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.rhr-header-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.rhr-header-btn--loading{opacity:.75;cursor:wait}.rhr-header-btn--solid{background:#fff;color:#1da99c;border:1.5px solid transparent;box-shadow:0 2px 8px #0000001a}.rhr-header-btn--solid:hover{background:#f0fdfb;transform:translateY(-1px);box-shadow:0 4px 14px #00000024}.rhr-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rhrSpin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes rhrSpin{to{transform:rotate(360deg)}}.rhr-filter-panel{border-bottom:1.5px solid #e0f5f0}.rhr-filter-panel-inner{padding:18px 24px 16px;background:#f8fffe}.rhr-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rhr-filter-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px}.rhr-clear-all-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:inherit}.rhr-clear-all-btn:hover{background:#fef2f2}.rhr-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr;gap:12px}@media (max-width: 1100px){.rhr-filter-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 700px){.rhr-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.rhr-filter-grid{grid-template-columns:1fr}}.rhr-filter-field{display:flex;flex-direction:column;gap:5px}.rhr-filter-label{font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.rhr-req{color:#ef4444;font-size:12px}.rhr-date-wrap{background:#fff;border:1.5px solid #d1ede9;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.rhr-date-wrap:focus-within{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.rhr-date-wrap--filled{border-color:#4abb83}.rhr-date-input{width:100%;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#1e3a38;font-family:inherit;cursor:pointer}.rhr-date-input::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(40%) saturate(500%) hue-rotate(130deg);cursor:pointer}.rhr-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}.rhr-view-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.rhr-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.rhr-summary-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1.5px solid #e0f5f0}@media (max-width: 900px){.rhr-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.rhr-summary-row{grid-template-columns:1fr}}.rhr-summary-card{display:flex;align-items:center;gap:12px;padding:13px 20px;border-right:1px solid #f0faf8;animation:rhrFadeSlide .35s ease both}.rhr-summary-card:last-child{border-right:none}@keyframes rhrFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rhr-summary-card--1 .rhr-summary-icon{background:#1da99c1a;border-color:#1da99c33;color:#1da99c}.rhr-summary-card--2 .rhr-summary-icon{background:#4abb831a;border-color:#4abb8333;color:#4abb83}.rhr-summary-card--3 .rhr-summary-icon{background:#7dcf611f;border-color:#7dcf6138;color:#5baa2e}.rhr-summary-card--4 .rhr-summary-icon{background:#1da99c14;border-color:#1da99c26;color:#0d9488}.rhr-summary-icon{width:36px;height:36px;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rhr-summary-value{font-size:15px;font-weight:700;color:#1e3a38;margin:0 0 2px}.rhr-summary-label{font-size:11px;color:#6b9e99;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.rhr-table-outer{overflow:hidden;border-bottom:1px solid #f0faf8}.rhr-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8ddd5 #f0faf8}.rhr-table-wrap::-webkit-scrollbar{height:6px}.rhr-table-wrap::-webkit-scrollbar-track{background:#f0faf8}.rhr-table-wrap::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.rhr-table-wrap::-webkit-scrollbar-thumb:hover{background:#1da99c}.rhr-table{width:100%;border-collapse:collapse;table-layout:auto}.rhr-thead-row{background:#f4fdfb;border-bottom:2px solid #e0f5f0}.rhr-th{padding:11px;text-align:left;font-size:10.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e0f5f0;border-right:1px solid #eaf5f2}.rhr-th:last-child{border-right:none}.rhr-th--serial{width:40px;text-align:center}.rhr-th--name{min-width:140px}.rhr-th--center{text-align:center}.rhr-th--right{text-align:right}.rhr-th--amt{text-align:right;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.rhr-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.rhr-tr:last-child{border-bottom:none}.rhr-tr:hover .rhr-td{background:#f4fdfb!important}.rhr-tr:nth-child(2n) .rhr-td{background:#fcfffe}.rhr-td{padding:10px 11px;font-size:12.5px;color:#2d4a47;vertical-align:middle;border-right:1px solid #f5faf8}.rhr-td:last-child{border-right:none}.rhr-td--serial{font-size:11px;color:#9cbfbb;font-weight:600;text-align:center}.rhr-td--slno{font-size:11.5px;color:#9cbfbb;font-weight:600;text-align:center}.rhr-td--name{font-weight:600;color:#1e3a38;white-space:nowrap}.rhr-td--center{text-align:center}.rhr-td--right{text-align:right}.rhr-td--date{font-size:12.5px;color:#4a7a74;white-space:nowrap}.rhr-td--time{font-family:Courier New,monospace;font-size:12px;color:#4a7a74}.rhr-td--amt{text-align:right;font-family:Courier New,monospace;font-size:12px;font-weight:600;color:#1e3a38;background:#eaf8f5!important;border-left:1.5px solid #c2e8e0}.rhr-td--recharge{color:#1da99c;font-weight:700;font-size:12.5px}.rhr-empid{font-family:Courier New,monospace;font-size:11.5px;color:#1e3a38;font-weight:700}.rhr-cardid{font-family:Courier New,monospace;font-size:11px;color:#0f6e5a;font-weight:600;background:#1da99c12;border:1px solid rgba(29,169,156,.18);padding:1px 6px;border-radius:4px}.rhr-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;white-space:nowrap}.rhr-pill--teal{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.rhr-source-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.rhr-source-badge--cash{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.rhr-source-badge--online{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.rhr-trans-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.rhr-trans-badge--credit{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.rhr-trans-badge--other{background:#f4fdfb;color:#6b9e99;border:1px solid #d1ede9}.rhr-tfoot-row{background:#f4fdfb;border-top:2px solid #c2e8e0}.rhr-tfoot-label{padding:10px 11px;font-size:11px;font-weight:800;color:#1e3a38;text-transform:uppercase;letter-spacing:.6px;background:#eaf8f5}.rhr-tfoot-amt{padding:10px 11px;font-size:12.5px;font-weight:700;color:#1e3a38;text-align:right;font-family:Courier New,monospace;background:#eaf8f5;border-left:1.5px solid #c2e8e0}.rhr-tfoot-recharge{color:#1da99c;font-size:13px}.rhr-tfoot-blank{background:#f4fdfb}.rhr-skeleton-row{border-bottom:1px solid #f0faf8;opacity:0;animation:rhrSkFadeIn .3s ease forwards}@keyframes rhrSkFadeIn{to{opacity:1}}.rhr-skeleton-cell{height:13px;background:linear-gradient(90deg,#edf7f5 25%,#d6f0eb,#edf7f5 75%);background-size:200% 100%;border-radius:6px;animation:rhrShimmer 1.5s infinite}@keyframes rhrShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rhr-center-state{display:flex;align-items:center;justify-content:center;padding:60px 24px}.rhr-state-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.rhr-spinner{position:relative;width:72px;height:72px;margin-bottom:4px}.rhr-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #e0f5f0}.rhr-spinner-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#1da99c;border-right-color:#4abb83;animation:rhrSpin .9s linear infinite}.rhr-spinner-core{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8e0}.rhr-dots{display:flex;gap:6px;margin-top:4px}.rhr-dots span{width:6px;height:6px;background:linear-gradient(90deg,#1da99c,#7dcf61);border-radius:50%;animation:rhrBounce 1.2s ease-in-out infinite}.rhr-dots span:nth-child(2){animation-delay:.2s}.rhr-dots span:nth-child(3){animation-delay:.4s}@keyframes rhrBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.rhr-error-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.rhr-error-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#ef444414;animation:rhrPulse 2s ease-in-out infinite}@keyframes rhrPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.rhr-error-icon-wrap svg{width:60px;height:60px}.rhr-retry-btn{display:flex;align-items:center;gap:6px;margin-top:4px;background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #1da99c4d;font-family:inherit}.rhr-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1da99c66}.rhr-empty-illo{width:140px;height:120px;margin-bottom:4px}.rhr-empty-illo svg{width:100%;height:100%}.rhr-state-title{font-size:16px;font-weight:700;color:#1e3a38;margin:0}.rhr-state-sub{font-size:13px;color:#6b9e99;margin:0;line-height:1.5}.rhr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.rhr-pagination-info{font-size:12.5px;color:#6b9e99}.rhr-pagination-info strong{color:#1da99c}.rhr-pagination-controls{display:flex;align-items:center;gap:4px}.rhr-page-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.rhr-page-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.rhr-page-arrow:disabled{opacity:.35;cursor:not-allowed}.rhr-page-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.rhr-page-num:hover:not(.rhr-page-num--active){border-color:#1da99c;color:#1da99c}.rhr-page-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--emp-teal: #1da99c;--emp-teal-dk: #148a7f;--emp-teal-lt: #e6faf7;--emp-blue: #2563eb;--emp-purple: #7c3aed;--emp-amber: #d97706;--emp-green: #4abb83;--emp-card-bg: #ffffff;--emp-page-bg: #f0f4f8;--emp-text: #096059;--emp-muted: #64748b;--emp-border: #e2e8f0;--emp-radius: 18px;--emp-shadow: 0 4px 24px rgba(0,0,0,.08);--emp-shadow-lg: 0 12px 40px rgba(0,0,0,.13);--emp-gap: 16px}*{box-sizing:border-box;margin:0;padding:0}.emp-db{font-family:Nunito,sans-serif;background:var(--emp-page-bg);min-height:100vh;padding:24px 24px 32px}.emp-db:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--emp-teal),var(--emp-blue),var(--emp-purple),var(--emp-amber));border-radius:0 0 4px 4px;position:fixed;top:0;left:0;right:0;z-index:100}.emp-db__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.emp-db__greeting-date{font-size:12px;color:var(--emp-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.emp-db__greeting-name{font-size:22px;font-weight:800;color:var(--emp-text);line-height:1.2}.emp-db__greeting-name span{color:var(--emp-teal)}.emp-db__grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto auto auto;gap:var(--emp-gap);width:100%}.emp-box{border-radius:var(--emp-radius);overflow:hidden;min-width:0;animation:emp-fade-up .45s ease both}.emp-db__box1{grid-column:span 2;grid-row:span 1;animation-delay:0ms}.emp-db__box2{grid-column:span 3;grid-row:span 2;animation-delay:80ms}.emp-db__box3{grid-column:span 2;grid-row:span 1;animation-delay:.16s}.emp-db__box4{grid-column:span 5;grid-row:span 1;animation-delay:.24s}.emp-db__box5{grid-column:span 5;grid-row:span 1;animation-delay:.32s}@keyframes emp-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1279px) and (min-width: 1024px){.emp-db__grid{grid-template-columns:repeat(4,1fr)}.emp-db__box1{grid-column:span 2;grid-row:span 1}.emp-db__box2{grid-column:span 2;grid-row:span 2}.emp-db__box3{grid-column:span 2;grid-row:span 1}.emp-db__box4,.emp-db__box5{grid-column:span 4}}@media (max-width: 1023px) and (min-width: 768px){.emp-db{padding:20px}.emp-db__grid{grid-template-columns:repeat(3,1fr)}.emp-db__box1{grid-column:span 1;grid-row:span 1}.emp-db__box2{grid-column:span 2;grid-row:span 2}.emp-db__box3{grid-column:span 1;grid-row:span 1}.emp-db__box4,.emp-db__box5{grid-column:span 3}}@media (max-width: 767px) and (min-width: 560px){.emp-db{padding:16px}:root{--emp-gap: 14px}.emp-db__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:unset}.emp-db__box1,.emp-db__box2,.emp-db__box3,.emp-db__box4,.emp-db__box5{grid-column:span 2;grid-row:auto}}@media (max-width: 559px){.emp-db{padding:14px 12px 24px}.emp-db__greeting-name{font-size:18px}.emp-db__greeting-date{font-size:11px}:root{--emp-gap: 12px}.emp-db__grid{grid-template-columns:1fr;grid-template-rows:unset}.emp-db__box1,.emp-db__box2,.emp-db__box3,.emp-db__box4,.emp-db__box5{grid-column:span 1;grid-row:auto}}.bi-wrap{display:flex;flex-direction:column;gap:10px;height:100%;background:#fff;padding:14px;border-radius:18px;box-shadow:0 4px 24px #00000014}.bi-section-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#64748b}.bi-card{position:relative;border-radius:14px;padding:16px 18px 14px;background:linear-gradient(135deg,#1da99c,#148a7e 40%,#0e6b62);color:#fff;overflow:hidden;box-shadow:0 6px 24px #1da99c59,0 2px 6px #0000001a;flex:1;min-height:165px;display:flex;flex-direction:column;gap:7px;transition:box-shadow .2s ease}.bi-card:hover{box-shadow:0 10px 32px #1da99c6b,0 3px 10px #0000001f}.bi-card--low{background:linear-gradient(135deg,#d97706,#b45309 40%,#92400e);box-shadow:0 6px 24px #d9770659,0 2px 6px #0000001a}.bi-card--low:hover{box-shadow:0 10px 32px #d977066b,0 3px 10px #0000001f}.bi-card--error{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 24px #ef444447;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px}.bi-error-icon{font-size:26px}.bi-error-msg{font-size:12px;font-weight:600;text-align:center;opacity:.9;line-height:1.5}.bi-card-shine{position:absolute;top:-50px;right:-35px;width:150px;height:150px;border-radius:50%;background:#ffffff12;pointer-events:none}.bi-card-top{display:flex;align-items:center;justify-content:space-between}.bi-card-logo{font-family:Space Grotesk,Nunito,sans-serif;font-size:12px;font-weight:700;letter-spacing:-.3px;color:#ffffffe6}.bi-card-logo span{color:#ffffff8c}.bi-contactless{display:flex;gap:2px;align-items:center}.bi-contactless-arc{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}.bi-chip-row{display:flex}.bi-chip{width:28px;height:22px;border-radius:4px;background:linear-gradient(135deg,#f0d070,#c9a227);position:relative;overflow:hidden;box-shadow:0 1px 3px #0003}.bi-chip-line{position:absolute;background:#00000026}.bi-chip-line--h{left:0;right:0;height:1px}.bi-chip-line--h:nth-child(1){top:33%}.bi-chip-line--h:nth-child(3){top:66%}.bi-chip-line--v{top:0;bottom:0;width:1px;left:50%}.bi-balance-area{display:flex;flex-direction:column;gap:2px;flex:1}.bi-balance-label{font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#ffffffa6}.bi-balance-value{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1;display:flex;align-items:baseline;gap:2px}.bi-currency{font-size:13px;font-weight:600;opacity:.85}.bi-balance-low{font-size:10px;font-weight:700;color:#fef3c7;background:#0000002e;padding:2px 7px;border-radius:5px;width:fit-content;margin-top:2px}.bi-card-num{font-family:Space Grotesk,Courier New,monospace;font-size:10px;font-weight:600;letter-spacing:2px;color:#fff9}.bi-card-footer{display:flex;align-items:flex-end;justify-content:space-between}.bi-card-name{font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px}.bi-card-badge{font-size:8px;font-weight:800;letter-spacing:1px;text-align:right;color:#ffffff8c;line-height:1.4}.bi-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bi-stat-tile{background:#f4f7f9;border:1px solid #e8edf2;border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;transition:box-shadow .18s}.bi-stat-tile:hover{box-shadow:0 2px 8px #0000000f}.bi-stat-label{font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#94a3b8}.bi-stat-val{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.3px;color:#1a2332}.bi-stat-val--bill{color:#1a2332}.bi-stat-val--save{color:#1da99c}.bi-stat-val--meals{color:#2563eb}.bi-skeleton{background:linear-gradient(90deg,#ffffff1f 25%,#ffffff47,#ffffff1f 75%);background-size:200% 100%;border-radius:5px;animation:bi-shimmer 1.4s infinite}@keyframes bi-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bi-skeleton--balance{height:24px;width:60%;margin-top:3px}.bi-skeleton--cardnum{height:10px;width:75%}.bi-skeleton--name{height:11px;width:55%}.bi-stats-row .bi-skeleton{background:linear-gradient(90deg,#e8edf2 25%,#f4f7f9,#e8edf2 75%);background-size:200% 100%;animation:bi-shimmer 1.4s infinite}.bi-skeleton--stat-label{height:8px;width:60%}.bi-skeleton--stat-val{height:16px;width:70%;margin-top:3px}@media (max-width: 559px){.bi-wrap{padding:12px}.bi-card{min-height:150px}.bi-balance-value{font-size:26px}.bi-stats-row{grid-template-columns:repeat(3,1fr);gap:6px}.bi-stat-tile{padding:7px 8px}.bi-stat-val{font-size:12px}}:root{--tm-green: linear-gradient(90deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--tm-red: linear-gradient(90deg, #ff711c 0%, #f74231 50%, #fd2a6d 100%);--tm-green-start: #1da99c;--tm-green-end: #7dcf61;--tm-red-start: #ff711c;--tm-red-end: #fd2a6d;--tm-amber: #d97706;--tm-amber-bg: #fffbeb;--tm-amber-border: #fde68a;--tm-white: #ffffff;--tm-bg: #f4f7f9;--tm-surface: #ffffff;--tm-border: #e8edf2;--tm-border-2: #d1d9e0;--tm-text: #1a2332;--tm-muted: #64748b;--tm-hint: #94a3b8;--tm-success-bg: #f0faf8;--tm-danger-bg: #fff8f6;--tm-radius: 14px;--tm-radius-sm: 9px;--tm-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--tm-shadow-md: 0 4px 20px rgba(0, 0, 0, .09), 0 1px 4px rgba(0, 0, 0, .05);--tm-bal-ok: #1da99c;--tm-bal-low: #d97706;--tm-bal-over: #dc2626;--tm-bal-ok-bg: #f0faf8;--tm-bal-low-bg: #fffbeb;--tm-bal-over-bg: #fff1f2;--tm-nobal-bg: #f5f3ff;--tm-nobal-color: #6d28d9;--tm-nobal-border: #c4b5fd}.tm-wrap{font-family:Nunito,sans-serif;background:var(--tm-surface);border-radius:var(--tm-radius);box-shadow:var(--tm-shadow);border:1px solid var(--tm-border);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;min-height:100%}.tm-accent-bar{height:3px;background:var(--tm-green);flex-shrink:0}.tm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;gap:12px}.tm-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tm-header-icon{width:36px;height:36px;border-radius:10px;background:var(--tm-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #1da99c47}.tm-header-icon svg{fill:#fff}.tm-title{font-size:15px;font-weight:800;color:var(--tm-text);letter-spacing:-.2px}.tm-subtitle{font-size:11px;font-weight:600;color:var(--tm-muted);margin-top:1px}.tm-balance-chip{display:flex;align-items:center;gap:7px;padding:7px 13px;background:var(--tm-bal-ok-bg);border:1.5px solid rgba(29,169,156,.22);border-radius:10px;flex-shrink:0;transition:all .25s ease}.tm-balance-chip svg{fill:var(--tm-bal-ok);flex-shrink:0}.tm-balance-chip-text{display:flex;flex-direction:column;gap:0}.tm-balance-chip-label{font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--tm-muted)}.tm-balance-chip-val{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--tm-bal-ok);line-height:1.1}.tm-balance-chip--warn{background:var(--tm-bal-low-bg);border-color:#d977064d}.tm-balance-chip--warn svg,.tm-balance-chip--warn .tm-balance-chip-val{color:var(--tm-bal-low);fill:var(--tm-bal-low)}.tm-balance-chip--low{background:var(--tm-bal-over-bg);border-color:#fecdd3;animation:tm-chip-pulse 1.8s ease-in-out infinite}.tm-balance-chip--low svg,.tm-balance-chip--low .tm-balance-chip-val{color:var(--tm-bal-over);fill:var(--tm-bal-over)}@keyframes tm-chip-pulse{0%,to{box-shadow:0 0 #dc262600}50%{box-shadow:0 0 0 4px #dc26261f}}.tm-bal-progress{margin:10px 20px 0;padding:10px 13px;background:var(--tm-bal-ok-bg);border:1.5px solid rgba(29,169,156,.18);border-radius:10px;display:flex;flex-direction:column;gap:6px;animation:tm-slide-in .22s ease;transition:background .25s,border-color .25s}.tm-bal-progress--low{background:var(--tm-bal-low-bg);border-color:#d9770640}.tm-bal-progress--over{background:var(--tm-bal-over-bg);border-color:#fecdd3}.tm-bal-progress-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tm-bal-progress-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--tm-muted)}.tm-bal-progress-label svg{fill:var(--tm-green-start)}.tm-bal-progress-vals{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.tm-bal-sep{color:var(--tm-hint);font-size:10px}.tm-bal-used{color:var(--tm-muted)}.tm-bal-remaining{color:var(--tm-bal-ok)}.tm-bal-remaining--low{color:var(--tm-bal-low)}.tm-bal-remaining--over{color:var(--tm-bal-over);font-weight:800}.tm-bal-bar-track{height:5px;background:#00000012;border-radius:100px;overflow:hidden}.tm-bal-bar-fill{height:100%;border-radius:100px;background:var(--tm-green);transition:width .35s cubic-bezier(.34,1.2,.64,1)}.tm-bal-bar-fill--low{background:linear-gradient(90deg,var(--tm-amber),#f59e0b)}.tm-bal-bar-fill--over{background:linear-gradient(90deg,#dc2626,#f87171)}.tm-zero-bal-banner{display:flex;align-items:flex-start;gap:8px;margin:10px 20px 0;padding:10px 14px;background:var(--tm-bal-over-bg);border:1.5px solid #fecdd3;border-radius:9px;font-size:12px;font-weight:600;color:var(--tm-bal-over);animation:tm-slide-in .2s ease}.tm-zero-bal-banner svg{fill:var(--tm-bal-over);flex-shrink:0;margin-top:1px}.tm-nobal-menu-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background:var(--tm-nobal-bg);border:1.5px solid var(--tm-nobal-border);border-radius:10px;font-size:12px;font-weight:600;color:var(--tm-nobal-color);line-height:1.5}.tm-nobal-menu-banner svg{fill:var(--tm-nobal-color);flex-shrink:0;margin-top:2px}.tm-nobal-menu-banner strong{font-weight:800}.tm-balance-warn{display:flex;align-items:flex-start;gap:8px;margin:8px 20px 0;padding:10px 14px;background:var(--tm-bal-over-bg);border:1.5px solid #fecdd3;border-radius:9px;font-size:12px;font-weight:600;color:var(--tm-bal-over);line-height:1.5;animation:tm-slide-in .2s ease}.tm-balance-warn svg{fill:var(--tm-bal-over);flex-shrink:0;margin-top:1px}.tm-balance-warn strong{font-weight:800}.tm-mode-row{display:flex;gap:0;margin:14px 20px 0;background:var(--tm-bg);border-radius:10px;padding:3px;border:1px solid var(--tm-border)}.tm-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--tm-muted);background:transparent;cursor:pointer;transition:all .2s ease}.tm-mode-btn svg{fill:currentColor}.tm-mode-btn--green{background:var(--tm-green);color:#fff;box-shadow:0 3px 10px #1da99c4d}.tm-mode-btn--red{background:var(--tm-red);color:#fff;box-shadow:0 3px 10px #fd2a6d40}.tm-mode-btn:not(.tm-mode-btn--green):not(.tm-mode-btn--red):hover{color:var(--tm-text)}.tm-date-row{display:flex;align-items:center;gap:10px;margin:10px 20px 0;padding:10px 14px;background:var(--tm-danger-bg);border:1.5px solid rgba(253,42,109,.2);border-radius:10px;animation:tm-slide-in .22s ease}@keyframes tm-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tm-date-icon{fill:#fd2a6d;flex-shrink:0}.tm-date-content{display:flex;flex-direction:column;gap:2px;flex:1}.tm-date-label{font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#fd2a6d}.tm-date-input{border:none;background:transparent;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--tm-text);cursor:pointer;outline:none;width:100%;padding:0}.tm-date-preview{font-size:11px;font-weight:700;color:#fff;background:var(--tm-red);padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.tm-selectors{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 20px 0;align-items:end}.tm-sel-group{display:flex;flex-direction:column;gap:4px}.tm-sel-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--tm-muted)}.tm-sel-wrap{position:relative;display:flex;align-items:center}.tm-sel-icon{position:absolute;left:9px;fill:var(--tm-green-start);pointer-events:none;z-index:1}.tm-sel-arrow{position:absolute;right:7px;fill:var(--tm-muted);pointer-events:none}.tm-sel{width:100%;padding:9px 28px 9px 30px;border:1.5px solid var(--tm-border);border-radius:var(--tm-radius-sm);background:var(--tm-surface);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--tm-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.tm-sel:focus{outline:none;border-color:var(--tm-green-start);box-shadow:0 0 0 3px #1da99c1a}.tm-timing-chip{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--tm-success-bg);border:1.5px solid rgba(29,169,156,.2);border-radius:var(--tm-radius-sm);font-size:12px;font-weight:700;color:var(--tm-green-start);white-space:nowrap}.tm-timing-chip--closed{background:#f3f4f6;border-color:#e5e7eb;color:var(--tm-muted)}.tm-timing-dot{width:7px;height:7px;border-radius:50%;background:var(--tm-green);flex-shrink:0;animation:tm-pulse 2s infinite}.tm-timing-dot--closed{background:#9ca3af;animation:none}@keyframes tm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.tm-zone-tabs{display:flex;gap:6px;padding:12px 20px 0;flex-wrap:wrap}.tm-zone-tab{display:flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;border:1.5px solid var(--tm-border);background:var(--tm-surface);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--tm-muted);cursor:pointer;transition:all .18s ease}.tm-zone-tab svg{fill:currentColor}.tm-zone-tab:hover{border-color:var(--tm-green-start);color:var(--tm-green-start);background:var(--tm-success-bg)}.tm-zone-tab--active{background:var(--tm-green);color:#fff;border-color:transparent;box-shadow:0 4px 12px #1da99c47}.tm-zone-tab--past{opacity:.55}.tm-zone-past-pill{font-size:9px;font-weight:700;background:#0000001f;padding:1px 6px;border-radius:20px;letter-spacing:.2px}.tm-menu-area{padding:12px 20px 0}.tm-menu-scroll{display:flex;flex-direction:column;gap:12px}.tm-zone-closed-banner{display:flex;align-items:center;gap:7px;padding:9px 13px;background:#fef9ec;border:1.5px solid #fde68a;border-radius:9px;font-size:12px;font-weight:600;color:#92400e}.tm-zone-closed-banner svg{fill:#d97706;flex-shrink:0}.tm-group-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tm-group-label{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--tm-muted);white-space:nowrap}.tm-group-line{flex:1;height:1px;background:var(--tm-border)}.tm-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:330px;overflow-y:auto;padding-bottom:4px}.tm-menu-grid::-webkit-scrollbar{width:4px}.tm-menu-grid::-webkit-scrollbar-track{background:transparent}.tm-menu-grid::-webkit-scrollbar-thumb{background:var(--tm-border);border-radius:4px}.tm-item-card{background:var(--tm-surface);border:1.5px solid var(--tm-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .18s ease;position:relative}.tm-item-card:not(.tm-item-card--unavail):not(.tm-item-card--unaffordable):hover{border-color:var(--tm-green-start);box-shadow:0 4px 16px #1da99c1a;transform:translateY(-1px)}.tm-item-card--in-cart{border-color:var(--tm-green-start);background:var(--tm-success-bg);box-shadow:0 4px 16px #1da99c1f}.tm-item-card--unavail{opacity:.5;pointer-events:none}.tm-item-card--consumed{border-color:var(--tm-amber-border);background:var(--tm-amber-bg)}.tm-item-card--consumed:hover{border-color:var(--tm-amber);box-shadow:0 4px 16px #d977061a}.tm-item-card--unaffordable{border-color:var(--tm-nobal-border)!important;background:var(--tm-nobal-bg)!important;opacity:.82}.tm-item-card--unaffordable:hover{border-color:var(--tm-nobal-color)!important;box-shadow:0 4px 14px #6d28d91a!important;transform:none!important}.tm-item-card--unaffordable .tm-item-name{color:var(--tm-nobal-color)}.tm-item-card--unaffordable .tm-price-main{color:var(--tm-nobal-color)!important}.tm-item-veg-bar{height:3px;flex-shrink:0}.tm-item-veg-bar.veg{background:linear-gradient(90deg,#16a34a,#4ade80)}.tm-item-veg-bar.nveg{background:var(--tm-red)}.tm-item-body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:5px;flex:1}.tm-item-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.tm-item-name{font-size:13px;font-weight:800;color:var(--tm-text);line-height:1.3}.tm-item-desc{font-size:10px;color:var(--tm-muted);font-weight:500;line-height:1.4}.tm-item-tags{display:flex;gap:4px;flex-wrap:wrap}.tm-lock-icon{width:18px;height:18px;border-radius:5px;background:var(--tm-nobal-bg);border:1px solid var(--tm-nobal-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-lock-icon svg{fill:var(--tm-nobal-color)}.tm-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.2px}.tm-tag--cat{background:#f1f5f9;color:#475569}.tm-tag--sub{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.tm-tag--unavail{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}.tm-tag--consumed{background:var(--tm-amber-bg);color:#92400e;border:1px solid var(--tm-amber-border)}.tm-tag--no-bal{background:var(--tm-nobal-bg);color:var(--tm-nobal-color);border:1px solid var(--tm-nobal-border)}.tm-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:6px}.tm-price-wrap{display:flex;align-items:baseline;gap:4px}.tm-price-subsidy{display:flex;align-items:baseline;gap:5px}.tm-price-main{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:var(--tm-text)}.tm-price-mrp{font-size:11px;font-weight:500;color:var(--tm-muted);text-decoration:line-through}.tm-unavail-label{font-size:11px;color:var(--tm-hint)}.tm-consumed-label{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--tm-amber)}.tm-consumed-label svg{fill:var(--tm-amber)}.tm-nobal-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--tm-nobal-color);background:var(--tm-nobal-bg);border:1px solid var(--tm-nobal-border);padding:4px 8px;border-radius:7px;white-space:nowrap}.tm-nobal-label svg{fill:var(--tm-nobal-color)}.tm-bal-item-hint{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--tm-bal-over);margin-top:2px}.tm-bal-item-hint svg{fill:var(--tm-bal-over)}.tm-add-btn{display:flex;align-items:center;gap:3px;padding:5px 10px;background:var(--tm-green);color:#fff;border:none;border-radius:7px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .14s,transform .14s;white-space:nowrap}.tm-add-btn svg{fill:#fff}.tm-add-btn:hover{opacity:.86;transform:scale(1.04)}.tm-add-btn:active{transform:scale(.97)}.tm-qty-wrap{display:flex;align-items:center;border-radius:7px;overflow:hidden;border:1.5px solid var(--tm-green-start)}.tm-qty-btn{width:26px;height:26px;border:none;background:var(--tm-green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .14s}.tm-qty-btn svg{fill:#fff}.tm-qty-btn:hover{opacity:.84}.tm-qty-val{min-width:28px;text-align:center;font-size:13px;font-weight:800;color:var(--tm-text);background:#fff}.tm-qty-btn--add:disabled{background:#e5e7eb!important;cursor:not-allowed!important;opacity:1!important}.tm-qty-btn--add:disabled svg{fill:#9ca3af!important}.tm-qty-hint{font-size:9px;font-weight:600;color:var(--tm-muted);text-align:right}.tm-loading-wrap{display:flex;flex-direction:column;gap:10px;padding:4px 0}.tm-skeleton-card{background:var(--tm-surface);border:1.5px solid var(--tm-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.tm-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:tm-shimmer 1.4s infinite;border-radius:6px}.tm-skeleton--bar{height:3px;width:100%;border-radius:0}.tm-skeleton--title{height:14px;width:65%}.tm-skeleton--desc{height:10px;width:85%}.tm-skeleton--price{height:18px;width:40%}@keyframes tm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tm-retry-btn{display:flex;align-items:center;gap:5px;padding:7px 16px;background:var(--tm-green);color:#fff;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;cursor:pointer;margin-top:4px}.tm-retry-btn svg{fill:#fff}.tm-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;text-align:center;color:var(--tm-muted)}.tm-state-icon{opacity:.3;fill:var(--tm-muted)}.tm-state-icon--error{opacity:.5;fill:#dc2626}.tm-state-title{font-size:14px;font-weight:700;color:var(--tm-text)}.tm-state-sub{font-size:12px;font-weight:600;color:var(--tm-muted)}.tm-order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 18px;border-top:1px solid var(--tm-border);background:#fafbfc;margin-top:12px}.tm-footer-meta{display:flex;flex-direction:column;gap:1px}.tm-footer-count{font-size:11px;font-weight:600;color:var(--tm-muted)}.tm-footer-total{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:var(--tm-text);letter-spacing:-.5px;line-height:1.1}.tm-footer-balance-hint{font-size:11px;font-weight:700;line-height:1}.tm-footer-bal-ok{color:var(--tm-bal-ok)}.tm-footer-bal-over{color:var(--tm-bal-over)}.tm-order-btn{display:flex;align-items:center;gap:7px;padding:12px 22px;background:var(--tm-green);color:#fff;border:none;border-radius:11px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 5px 18px #1da99c52;transition:all .2s ease}.tm-order-btn svg{fill:#fff}.tm-order-btn--red{background:var(--tm-red);box-shadow:0 5px 18px #fd2a6d47}.tm-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 26px #1da99c6b}.tm-order-btn--red:hover:not(:disabled){box-shadow:0 9px 26px #fd2a6d66}.tm-order-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.7}.tm-order-btn--blocked{background:linear-gradient(90deg,#fca5a5,#f87171)!important;color:#7f1d1d!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}.tm-order-btn--blocked svg{fill:#7f1d1d!important}.tm-order-btn--blocked:hover{transform:none!important}@media (max-width: 520px){.tm-selectors{grid-template-columns:1fr}.tm-menu-grid{grid-template-columns:1fr 1fr}.tm-bal-progress-vals{flex-direction:column;gap:2px;align-items:flex-end}}@media (max-width: 360px){.tm-menu-grid{grid-template-columns:1fr}.tm-zone-tabs{gap:4px}.tm-zone-tab{padding:5px 10px;font-size:11px}}:root{--mfos-grad: linear-gradient(90deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--mfos-grad-v: linear-gradient(to top, #1da99c 0%, #7dcf61 100%);--mfos-grad-135: linear-gradient(135deg, #1da99c 0%, #7dcf61 100%);--mfos-teal: #1da99c;--mfos-mid: #4abb83;--mfos-lime: #7dcf61;--mfos-text: #1e293b;--mfos-muted: #64748b;--mfos-hint: #94a3b8;--mfos-border: #e2e8f0;--mfos-white: #ffffff;--mfos-radius: 16px;--mfos-radius-s: 10px}.mfos-card{background:var(--mfos-white);border-radius:var(--mfos-radius);box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mfos-header{background:var(--mfos-grad);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mfos-header-left{display:flex;align-items:center;gap:12px}.mfos-icon{width:40px;height:40px;background:#ffffff38;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mfos-title{font-size:15px;font-weight:700;color:#fff;margin:0;letter-spacing:.01em}.mfos-sub{font-size:11px;color:#ffffffc7;margin:2px 0 0}.mfos-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fffffff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%231da99c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding:8px 32px 8px 13px;border-radius:8px;border:2px solid rgba(255,255,255,.45);font-size:13px;font-weight:600;color:#0f6e56;cursor:pointer;min-width:162px;outline:none;transition:border-color .15s,box-shadow .15s}.mfos-select:hover{border-color:#ffffffb8}.mfos-select:focus{border-color:#fffffff2;box-shadow:0 0 0 3px #ffffff47}.mfos-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:18px}@keyframes mfos-pulse{0%,to{opacity:1}50%{opacity:.35}}.mfos-skel{background:#f1f5f9;border-radius:var(--mfos-radius-s);animation:mfos-pulse 1.4s ease-in-out infinite}.mfos-skel--kpi{height:84px}.mfos-skel--chart{height:210px}.mfos-state{display:flex;flex-direction:column;align-items:center;padding:38px 16px 34px;gap:10px;text-align:center}.mfos-state-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.mfos-state-icon--empty{background:#1da99c1a;color:var(--mfos-teal)}.mfos-state-icon--error{background:#fef2f2;color:#ef4444}.mfos-state-title{font-size:14px;font-weight:700;color:var(--mfos-text);margin:0}.mfos-state-sub{font-size:12px;color:var(--mfos-muted);margin:0;max-width:288px;line-height:1.6}.mfos-retry{margin-top:8px;padding:8px 24px;background:var(--mfos-grad);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.mfos-retry:hover{opacity:.88}.mfos-retry:active{transform:scale(.97)}.mfos-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mfos-kpi{border-radius:var(--mfos-radius-s);padding:14px 16px 13px;display:flex;flex-direction:column;gap:3px;border:1.5px solid transparent}.mfos-kpi--a{background:#e6faf8;border-color:#9decdf}.mfos-kpi--b{background:#edfaf3;border-color:#a6f4c5}.mfos-kpi--c{background:#f3fde8;border-color:#d9f99d}.mfos-kpi-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mfos-muted)}.mfos-kpi-val{font-size:22px;font-weight:800;line-height:1.15;background:var(--mfos-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mfos-kpi-hint{font-size:10px;color:var(--mfos-hint)}.mfos-chart{border:1.5px solid var(--mfos-border);border-radius:var(--mfos-radius-s);padding:16px 14px 14px;overflow:visible}.mfos-chart-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}.mfos-chart-title{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mfos-muted)}.mfos-legend{display:flex;gap:12px;flex-wrap:wrap}.mfos-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--mfos-muted)}.mfos-dot{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}.mfos-dot--meal{background:var(--mfos-grad-135)}.mfos-dot--none{background:#e2e8f0}.mfos-dot--weekend{background:#f1f5f9;border:1px solid #e2e8f0}.mfos-bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding-bottom:20px;box-sizing:border-box;position:relative;overflow:visible}.mfos-bars:before,.mfos-bars:after{content:"";position:absolute;left:0;right:0;height:1px;background:#f1f5f9;pointer-events:none}.mfos-bars:before{top:0}.mfos-bars:after{top:34%}.mfos-bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;cursor:default}.mfos-bar-col:hover .mfos-tip{opacity:1;pointer-events:auto}.mfos-bar-col:hover .mfos-bar{filter:brightness(1.08)}.mfos-bar{width:100%;max-width:18px;border-radius:4px 4px 0 0;transition:height .28s cubic-bezier(.4,0,.2,1),filter .14s ease}.mfos-bar--active{background:var(--mfos-grad-v)}.mfos-bar--today{background:linear-gradient(to top,#1da99c,#4abb83);box-shadow:0 -4px 14px #1da99c6b}.mfos-bar--none{background:#e8ecf0}.mfos-bar--weekend{background:#f1f5f9;opacity:.55}.mfos-bar-day{position:absolute;bottom:3px;font-size:9px;font-weight:700;color:var(--mfos-hint);-webkit-user-select:none;user-select:none;line-height:1}.mfos-bar-day--today{color:var(--mfos-teal);font-weight:900}.mfos-bar-day--weekend{color:#cbd5e1}.mfos-tip{position:absolute;left:50%;transform:translate(-50%);background:#1e293b;border-radius:8px;padding:6px 10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease;z-index:20;display:flex;flex-direction:column;gap:1px}.mfos-tip b{display:block;font-size:10px;font-weight:700;color:#fff}.mfos-tip span{display:block;font-size:10px;color:#94a3b8}.mfos-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e293b}@media (max-width: 1023px){.mfos-kpi-val{font-size:19px}}@media (max-width: 767px){.mfos-header{padding:14px 16px;flex-direction:row;align-items:center}.mfos-body{padding:16px;gap:14px}.mfos-bars{height:140px}}@media (max-width: 559px){.mfos-header{flex-direction:column;align-items:flex-start;gap:10px}.mfos-select{width:100%;min-width:unset}.mfos-body{padding:14px 12px;gap:12px}.mfos-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mfos-kpi--c{grid-column:1 / -1}.mfos-kpi{padding:12px 12px 10px}.mfos-kpi-val{font-size:18px}.mfos-bars{height:120px;gap:2px}.mfos-bar{max-width:14px}.mfos-bar-day{font-size:7px}.mfos-bar-col:nth-child(2n) .mfos-bar-day{opacity:0}.mfos-chart{padding:12px 10px 10px}.mfos-chart-head{flex-direction:column;align-items:flex-start;gap:6px}.mfos-legend{gap:8px}.mfos-legend-item{font-size:10px}}:root{--ro-surface: #ffffff;--ro-bg: #f4f7f9;--ro-border: #e8edf2;--ro-text: #1a2332;--ro-muted: #64748b;--ro-hint: #94a3b8;--ro-radius: 14px;--ro-radius-sm: 9px;--ro-shadow: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--ro-shadow-md: 0 4px 20px rgba(0,0,0,.09);--ro-teal: #0f766e;--ro-teal-bg: #e6faf8;--ro-indigo: #4f46e5;--ro-indigo-bg: #eef2ff;--ro-slate: #475569;--ro-slate-bg: #f1f5f9;--ro-strip-w: 6px}.ro-wrap{font-family:Nunito,sans-serif;background:var(--ro-surface);border-radius:var(--ro-radius);box-shadow:var(--ro-shadow);border:1px solid var(--ro-border);display:flex;flex-direction:column;overflow:hidden;animation:ro-fadein .24s ease}@keyframes ro-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ro-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px 12px;border-bottom:1px solid var(--ro-border);background:var(--ro-bg);flex-wrap:wrap}.ro-header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.ro-header-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0f766e,#14b8a6);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #0f766e47}.ro-title{font-size:14px;font-weight:800;color:var(--ro-text);margin:0;letter-spacing:-.2px}.ro-sub{font-size:11px;font-weight:600;color:var(--ro-muted);margin:2px 0 0}.ro-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ro-tabs{display:flex;gap:4px;background:var(--ro-surface);border-radius:10px;padding:3px;border:1px solid var(--ro-border)}.ro-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:none;background:transparent;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--ro-muted);cursor:pointer;transition:all .18s ease;white-space:nowrap}.ro-tab:hover{color:var(--ro-text);background:var(--ro-bg)}.ro-tab--active.ro-tab--today{background:var(--ro-teal-bg);color:var(--ro-teal);box-shadow:0 2px 8px #0f766e26}.ro-tab--active.ro-tab--upcoming{background:var(--ro-indigo-bg);color:var(--ro-indigo);box-shadow:0 2px 8px #4f46e526}.ro-tab--active.ro-tab--history{background:var(--ro-slate-bg);color:var(--ro-slate);box-shadow:0 2px 8px #4755691a}.ro-badge{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:20px;background:var(--ro-border);color:var(--ro-muted);transition:all .18s ease}.ro-tab--active .ro-badge{background:var(--ro-teal);color:#fff}.ro-tab--active .ro-badge--future{background:var(--ro-indigo);color:#fff}.ro-tab--active .ro-badge--hist{background:var(--ro-slate);color:#fff}.ro-refresh-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ro-border);background:var(--ro-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ro-muted);transition:all .18s ease;flex-shrink:0}.ro-refresh-btn:hover:not(:disabled){border-color:var(--ro-teal);color:var(--ro-teal)}.ro-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ro-refresh-btn--spinning svg{animation:ro-spin .9s linear infinite}@keyframes ro-spin{to{transform:rotate(360deg)}}.ro-scroll-area{padding:14px 16px;max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ro-border) transparent}.ro-scroll-area::-webkit-scrollbar{width:5px}.ro-scroll-area::-webkit-scrollbar-track{background:transparent}.ro-scroll-area::-webkit-scrollbar-thumb{background:var(--ro-border);border-radius:4px}.ro-list{display:flex;flex-direction:column;gap:9px}.ro-card{display:flex;align-items:stretch;background:var(--ro-surface);border:1.5px solid var(--ro-border);border-radius:11px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;animation:ro-card-in .3s ease both}@keyframes ro-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ro-card:hover{box-shadow:var(--ro-shadow-md);transform:translateY(-1px)}.ro-card--collected{border-color:#86efac}.ro-card--awaiting{border-color:#fcd34d}.ro-card--upcoming{border-color:#a5b4fc}.ro-card--expired{border-color:#e2e8f0}.ro-zone-strip{width:var(--ro-strip-w);min-width:var(--ro-strip-w);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 0;cursor:default;writing-mode:vertical-lr;transition:width .18s ease}.ro-card:hover .ro-zone-strip{width:42px;min-width:42px}.ro-zone-label{font-size:9px;font-weight:800;color:#fff;letter-spacing:.6px;text-transform:uppercase;opacity:0;transition:opacity .18s ease;white-space:nowrap;writing-mode:vertical-lr;transform:rotate(180deg)}.ro-card:hover .ro-zone-label{opacity:1}.ro-card-body{flex:1;padding:11px 14px 10px;display:flex;flex-direction:column;gap:5px;min-width:0}.ro-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.ro-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.ro-canteen{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--ro-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ro-canteen svg{fill:var(--ro-muted);flex-shrink:0}.ro-time{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ro-muted)}.ro-time svg{fill:var(--ro-muted)}.ro-right-cluster{display:flex;align-items:center;gap:7px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ro-source-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--ro-bg);color:var(--ro-muted);border:1px solid var(--ro-border);letter-spacing:.3px}.ro-source-badge svg{fill:var(--ro-muted)}.ro-amount{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:var(--ro-text);white-space:nowrap}.ro-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap}.ro-status-badge svg{font-size:10px!important}.ro-print-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;border:1.5px solid #fcd34d;background:#fffbeb;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:#b45309;cursor:pointer;transition:all .15s ease;white-space:nowrap}.ro-print-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e;box-shadow:0 2px 8px #b4530926}.ro-print-btn svg{fill:currentColor}.ro-print-btn--upcoming{border-color:#a5b4fc;background:#ede9fe;color:#4f46e5}.ro-print-btn--upcoming:hover{background:#e0e7ff;border-color:#818cf8;color:#3730a3;box-shadow:0 2px 8px #4f46e526}.ro-toggle-btn{display:flex;align-items:center;gap:3px;padding:4px 9px;border-radius:7px;border:1.5px solid var(--ro-border);background:var(--ro-surface);font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:var(--ro-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.ro-toggle-btn:hover{border-color:var(--ro-teal);color:var(--ro-teal)}.ro-toggle-btn svg{fill:currentColor}.ro-items-preview{font-size:11px;font-weight:600;color:var(--ro-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.4}.ro-items-detail{background:var(--ro-bg);border:1px solid var(--ro-border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;animation:ro-expand .2s ease}@keyframes ro-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ro-item-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ro-text)}.ro-item-name{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ro-item-discount{font-size:11px;font-weight:600;color:#0f766e}.ro-item-amt{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:var(--ro-text);white-space:nowrap}.ro-no-items{font-size:11px;color:var(--ro-muted);font-style:italic;text-align:center;padding:4px 0;margin:0}.ro-subsidy-row{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#0f766e;padding-top:3px}.ro-subsidy-row svg{flex-shrink:0}.ro-subsidy-val{margin-left:auto;font-weight:700}.ro-item-total{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px dashed var(--ro-border);font-size:12px;font-weight:800;color:var(--ro-text)}.ro-collected-row{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#0f766e;padding-top:2px}.ro-collected-row svg{flex-shrink:0}.ro-ref{display:flex;align-items:center;gap:4px;margin-top:2px}.ro-ref svg{fill:var(--ro-hint)}.ro-ref code{font-family:Space Grotesk,monospace;font-size:10px;font-weight:600;color:var(--ro-hint);letter-spacing:.3px}.ro-loading{display:flex;flex-direction:column;gap:9px}.ro-skel{display:flex;align-items:stretch;border:1.5px solid var(--ro-border);border-radius:11px;overflow:hidden;animation:ro-card-in .3s ease both}.ro-skel-strip{width:var(--ro-strip-w);background:linear-gradient(90deg,#e8edf2 25%,#d1dae4,#e8edf2 75%);background-size:200% 100%;animation:ro-shimmer 1.4s infinite}.ro-skel-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ro-skel-line{height:11px;border-radius:6px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e8ed,#f0f2f5 75%);background-size:200% 100%;animation:ro-shimmer 1.4s infinite}.ro-skel-line--short{width:38%}.ro-skel-line--long{width:82%}.ro-skel-line--mid{width:55%}@keyframes ro-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ro-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 20px;text-align:center}.ro-empty-icon{width:60px;height:60px;border-radius:50%;background:var(--ro-bg);border:1.5px solid var(--ro-border);display:flex;align-items:center;justify-content:center;color:var(--ro-muted);margin-bottom:4px}.ro-empty-title{font-size:14px;font-weight:800;color:var(--ro-text);margin:0}.ro-empty-sub{font-size:12px;font-weight:600;color:var(--ro-muted);margin:0}.ro-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;text-align:center}.ro-error-title{font-size:14px;font-weight:800;color:var(--ro-text);margin:0}.ro-error-sub{font-size:12px;font-weight:600;color:var(--ro-muted);margin:0}.ro-retry-btn{display:flex;align-items:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;cursor:pointer;margin-top:4px;transition:opacity .15s}.ro-retry-btn:hover{opacity:.88}@media (max-width: 640px){.ro-header{flex-direction:column;align-items:flex-start;gap:10px}.ro-header-right{width:100%;justify-content:space-between}.ro-tabs{flex:1}.ro-tab{flex:1;justify-content:center;padding:6px 8px}.ro-right-cluster{flex-wrap:wrap}.ro-source-badge{display:none}}@media (max-width: 420px){.ro-amount{font-size:13px}.ro-card-body{padding:10px 10px 8px}.ro-toggle-btn span,.ro-print-btn span{display:none}}:root{--psl-surface: #ffffff;--psl-bg: #f0f4f8;--psl-border: #e2e8f0;--psl-text: #111827;--psl-muted: #6b7280;--psl-hint: #9ca3af;--psl-teal: #0f766e;--psl-teal-lt: #14b8a6;--psl-radius: 16px;--psl-shadow: 0 24px 64px rgba(0,0,0,.22), 0 4px 16px rgba(0,0,0,.08)}.psl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:psl-fade .2s ease}@keyframes psl-fade{0%{opacity:0}to{opacity:1}}.psl-modal{background:var(--psl-surface);border-radius:var(--psl-radius);box-shadow:var(--psl-shadow);width:100%;max-width:640px;display:flex;flex-direction:column;overflow:hidden;animation:psl-up .25s cubic-bezier(.22,1,.36,1)}@keyframes psl-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.psl-modal-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(135deg,var(--psl-teal),var(--psl-teal-lt));flex-shrink:0}.psl-modal-hdr-left{display:flex;align-items:center;gap:10px}.psl-modal-icon{width:32px;height:32px;border-radius:8px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psl-modal-title{font-family:Nunito,sans-serif;font-size:13px;font-weight:800;color:#fff;margin:0;letter-spacing:-.2px}.psl-modal-sub{font-family:Nunito,sans-serif;font-size:11px;font-weight:600;color:#ffffffb8;margin:2px 0 0}.psl-modal-hdr-right{display:flex;align-items:center;gap:8px}.psl-print-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap}.psl-print-btn:hover:not(:disabled){background:#ffffff47;border-color:#fff9}.psl-print-btn:disabled{opacity:.55;cursor:not-allowed}.psl-print-btn--busy{opacity:.65}.psl-print-btn--solid{background:linear-gradient(135deg,var(--psl-teal),var(--psl-teal-lt));border-color:transparent;color:#fff;box-shadow:0 3px 10px #0f766e4d}.psl-print-btn--solid:hover:not(:disabled){opacity:.88}.psl-close-btn{width:30px;height:30px;border-radius:7px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffd9;transition:all .15s ease}.psl-close-btn:hover{background:#ffffff38;color:#fff}.psl-cancel-btn{padding:7px 14px;border-radius:8px;border:1.5px solid var(--psl-border);background:var(--psl-surface);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--psl-muted);cursor:pointer;transition:all .15s ease}.psl-cancel-btn:hover{border-color:#9ca3af;color:var(--psl-text)}.psl-preview-area{padding:14px 16px;background:var(--psl-bg);display:flex;justify-content:center;overflow:hidden}.psl-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--psl-border);background:var(--psl-surface);flex-shrink:0;flex-wrap:wrap}.psl-footer-tip{font-family:Nunito,sans-serif;font-size:11px;font-weight:600;color:var(--psl-muted);margin:0;flex:1;min-width:160px}.psl-footer-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.psl-slip{font-family:Nunito,sans-serif;background:#fff;width:100%;max-width:600px;border-radius:10px;border:1.5px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 24px #00000014}.psl-slip:before{content:"";display:block;height:7px;background:radial-gradient(circle at 8px -1px,transparent 8px,#fff 8px) left/16px 100% repeat-x,radial-gradient(circle at 8px -1px,transparent 8px,#e5e7eb 8px) left/16px 100% repeat-x;background-color:#e5e7eb}.psl-slip-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;background:linear-gradient(135deg,var(--psl-teal),var(--psl-teal-lt))}.psl-canteen-brand{display:flex;align-items:center;gap:8px}.psl-brand-icon{width:28px;height:28px;border-radius:7px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psl-brand-text{display:flex;flex-direction:column}.psl-brand-name{font-size:13px;font-weight:900;color:#fff;line-height:1.2;letter-spacing:-.3px}.psl-brand-sub{font-size:8px;font-weight:600;color:#ffffffad;letter-spacing:.5px;text-transform:uppercase;margin-top:1px}.psl-order-id-block{display:flex;flex-direction:column;align-items:flex-end}.psl-oid-label{font-size:7px;font-weight:700;color:#ffffffa6;letter-spacing:1.5px;text-transform:uppercase}.psl-oid-val{font-family:Space Grotesk,monospace;font-size:17px;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.5px}.psl-emp-card{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#f8fffe;border-bottom:1.5px dashed #d1d5db}.psl-emp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--psl-teal),var(--psl-teal-lt));display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0f766e40;letter-spacing:-.5px}.psl-emp-info{flex:1;min-width:0}.psl-emp-name{font-size:13px;font-weight:900;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psl-emp-meta{display:flex;flex-wrap:wrap;gap:6px}.psl-emp-meta-item{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#6b7280}.psl-emp-meta-item svg{fill:#9ca3af;flex-shrink:0}.psl-emp-desig{color:var(--psl-teal);font-weight:700}.psl-subsidy-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.psl-subsidy-pill--sb{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.psl-subsidy-pill--nsb{background:#f5f3ff;color:#6d28d9;border:1px solid #c4b5fd}.psl-meta-row{display:flex;align-items:center;justify-content:space-between;padding:7px 14px 3px;gap:8px;flex-wrap:wrap}.psl-meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.psl-meta-chip--date{color:#6b7280;font-size:10px;font-weight:600}.psl-source-row{display:flex;align-items:center;gap:4px;padding:0 14px 6px;font-size:10px;font-weight:600;color:#9ca3af}.psl-source-row svg{fill:#9ca3af}.psl-dash-line{border:none;border-top:1.5px dashed #d1d5db;margin:0 14px}.psl-body-grid{display:grid;grid-template-columns:154px 1fr;border-top:1.5px dashed #d1d5db;min-height:154px}.psl-qr-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 10px 12px 14px;border-right:1.5px dashed #d1d5db}.psl-qr-img{width:120px;height:120px;border:2.5px solid #e5e7eb;border-radius:8px;display:block;object-fit:contain;padding:4px;background:#fff;box-shadow:0 2px 10px #00000012;flex-shrink:0}.psl-qr-box{width:120px;height:120px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.psl-qr-box--loading{background:#f3f4f6}.psl-qr-box--fallback{border:2px dashed #d1d5db;background:#f9fafb}.psl-qr-spinner{width:22px;height:22px;border:3px solid #e5e7eb;border-top-color:var(--psl-teal);border-radius:50%;animation:psl-spin .75s linear infinite}@keyframes psl-spin{to{transform:rotate(360deg)}}.psl-qr-fallback-id{font-family:Space Grotesk,monospace;font-size:16px;font-weight:700;color:#111827}.psl-qr-fallback-note{font-size:8px;font-weight:600;color:#6b7280;text-align:center;margin:0;padding:0 6px}.psl-qr-hint{font-size:9px;font-weight:600;color:#6b7280;text-align:center;margin:0;line-height:1.4;padding:0 4px}.psl-details-col{display:flex;flex-direction:column;min-width:0}.psl-details-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease;font-family:Nunito,sans-serif;flex-shrink:0}.psl-details-toggle:hover{background:#f0f4f8}.psl-details-toggle--open{background:#f0fdf9;border-bottom-color:#d1fae5}.psl-details-toggle-left{display:flex;align-items:center;gap:5px}.psl-details-toggle-left svg{color:var(--psl-teal);flex-shrink:0}.psl-details-toggle-title{font-size:11px;font-weight:800;color:var(--psl-text)}.psl-details-toggle-meta{font-size:10px;font-weight:600;color:var(--psl-muted);background:var(--psl-border);padding:1px 6px;border-radius:20px}.psl-details-toggle-right svg{color:var(--psl-muted)}.psl-details-toggle--open .psl-details-toggle-right svg{color:var(--psl-teal)}.psl-details-panel{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.psl-details-panel--open{max-height:300px}.psl-items-scroll{padding:8px 12px 4px;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.psl-items-scroll::-webkit-scrollbar{width:3px}.psl-items-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.psl-item-group{margin-bottom:6px}.psl-group-label{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}.psl-group-label--sb{color:var(--psl-teal)}.psl-group-label--nsb{color:#6b7280}.psl-item-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 0}.psl-item-name{font-size:11px;font-weight:700;color:#1f2937;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psl-item-price-col{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.psl-item-discount{font-size:8px;font-weight:600;color:var(--psl-teal)}.psl-item-amt{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;color:#374151}.psl-no-items{font-size:10px;color:#9ca3af;font-style:italic;text-align:center;margin:6px 0}.psl-totals{margin-top:auto;border-top:1.5px dashed #e5e7eb;padding:7px 12px 10px}.psl-total-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;padding:2px 0}.psl-total-row--discount{font-size:10px;font-weight:600;color:var(--psl-teal)}.psl-total-row--grand{font-size:13px;font-weight:900;color:#111827;padding-top:5px}.psl-total-row--grand span:last-child{font-family:Space Grotesk,sans-serif}.psl-slip-footer{padding:7px 14px 11px}.psl-footer-canteen{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:600;color:#9ca3af;margin-bottom:3px}.psl-footer-canteen svg{fill:#9ca3af;flex-shrink:0}.psl-footer-sep{margin:0 2px}.psl-footer-note{font-size:8px;font-weight:600;color:#c4c9d4;text-align:center;margin:0;line-height:1.5}@media print{body>*{display:none!important}.psl-overlay,.psl-modal,.psl-preview-area,.psl-slip{display:block!important;position:static!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important;width:auto!important;max-width:none!important}.no-print{display:none!important}.psl-slip{border:1px solid #ccc!important;border-radius:6px!important;max-width:320px!important;margin:0 auto!important;page-break-inside:avoid}.psl-slip:before{display:block!important}.psl-body-grid{display:block!important;border-top:1.5px dashed #d1d5db!important;min-height:0!important}.psl-qr-col{border-right:none!important;border-bottom:1.5px dashed #d1d5db!important;padding:12px 14px!important;flex-direction:column!important}.psl-qr-img,.psl-qr-box{width:160px!important;height:160px!important}.psl-details-col{padding:0!important}.psl-details-panel{max-height:none!important;overflow:visible!important}.psl-items-scroll{max-height:none!important;overflow:visible!important;padding:8px 14px 4px!important}.psl-totals{margin-top:0!important;padding:7px 14px 10px!important}.psl-emp-avatar,.psl-slip-header,.psl-emp-card,.psl-subsidy-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A5 portrait;margin:12mm}}:root{--mo-green: linear-gradient(90deg,rgba(29,169,156,1) 0%,rgba(74,187,131,1) 50%,rgba(125,207,97,1) 100%);--mo-red: linear-gradient(90deg,rgba(255,113,28,1) 0%,rgba(247,66,49,1) 50%,rgba(253,42,109,1) 100%);--mo-green-s: #1da99c;--mo-green-e: #7dcf61;--mo-red-s: #ff711c;--mo-red-e: #fd2a6d;--mo-white: #ffffff;--mo-bg: #f4f7f9;--mo-border: #e8edf2;--mo-text: #1a2332;--mo-muted: #64748b;--mo-radius: 14px;--mo-shadow: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04)}.mo-wrap{font-family:Nunito,sans-serif;background:var(--mo-bg);min-height:100vh;display:flex;flex-direction:column}.mo-accent-bar{height:4px;background:var(--mo-green);flex-shrink:0}.mo-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--mo-white);border-bottom:1px solid var(--mo-border);position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #0000000a;gap:10px}.mo-back-btn{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--mo-border);background:var(--mo-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mo-muted);flex-shrink:0;transition:all .18s}.mo-back-btn:hover{border-color:var(--mo-green-s);color:var(--mo-green-s);background:#f0faf8}.mo-header-center{display:flex;align-items:center;gap:10px;flex:1}.mo-header-icon{width:36px;height:36px;border-radius:10px;background:var(--mo-green);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #1da99c40;flex-shrink:0}.mo-title{font-size:16px;font-weight:900;color:var(--mo-text);letter-spacing:-.2px}.mo-subtitle{font-size:10px;font-weight:600;color:var(--mo-muted);margin-top:1px}.mo-edit-btn{display:flex;align-items:center;gap:5px;padding:7px 13px;border:1.5px solid var(--mo-border);border-radius:8px;background:var(--mo-white);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--mo-muted);cursor:pointer;transition:all .18s;flex-shrink:0}.mo-edit-btn:hover{border-color:var(--mo-green-s);color:var(--mo-green-s);background:#f0faf8}.mo-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.mo-body::-webkit-scrollbar{width:4px}.mo-body::-webkit-scrollbar-track{background:transparent}.mo-body::-webkit-scrollbar-thumb{background:var(--mo-border);border-radius:4px}.mo-info-strip{display:flex;align-items:stretch;background:var(--mo-white);border-radius:12px;border:1px solid var(--mo-border);box-shadow:var(--mo-shadow);overflow:hidden;flex-wrap:wrap}.mo-info-chip{display:flex;align-items:center;gap:8px;padding:12px 14px;flex:1;min-width:130px;color:var(--mo-muted)}.mo-info-chip-label{display:block;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--mo-muted)}.mo-info-chip-val{display:block;font-size:12px;font-weight:800;color:var(--mo-text);margin-top:1px;white-space:nowrap}.mo-info-chip--today{color:var(--mo-green-s)}.mo-info-chip--future{color:var(--mo-red-s)}.mo-info-chip--time{color:var(--mo-muted)}.mo-info-chip--zone.mo-info-chip--breakfast{color:#b45309}.mo-info-chip--zone.mo-info-chip--lunch{color:#047857}.mo-info-chip--zone.mo-info-chip--snacks{color:#6d28d9}.mo-info-chip--zone.mo-info-chip--dinner{color:#1d4ed8}.mo-info-divider{width:1px;background:var(--mo-border);align-self:stretch;flex-shrink:0}.mo-section{background:var(--mo-white);border-radius:12px;border:1px solid var(--mo-border);box-shadow:var(--mo-shadow);overflow:hidden}.mo-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--mo-border);background:linear-gradient(90deg,#1da99c0d,#7dcf6108)}.mo-section-title{font-size:13px;font-weight:800;color:var(--mo-text)}.mo-section-note{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--mo-muted)}.mo-items-col-hdr{display:grid;grid-template-columns:1fr 64px 72px 72px;padding:6px 16px;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--mo-green-s);background:#1da99c0a;border-bottom:1px solid var(--mo-border)}.mo-items-col-hdr .r{text-align:right}.mo-items-col-hdr .c{text-align:center}.mo-items-list{display:flex;flex-direction:column}.mo-item-row{display:grid;grid-template-columns:6px 1fr 64px 72px 72px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--mo-border);transition:background .14s}.mo-item-row:last-child{border-bottom:none}.mo-item-row:hover{background:#f8fcfb}.mo-item-veg-dot{width:6px;height:6px;border-radius:50%;border:1.5px solid;flex-shrink:0;align-self:flex-start;margin-top:6px}.mo-item-veg-dot--veg{border-color:#16a34a;background:#16a34a}.mo-item-veg-dot--nveg{border-color:#dc2626;background:#dc2626}.mo-item-info{min-width:0}.mo-item-name{font-size:13px;font-weight:800;color:var(--mo-text);line-height:1.3}.mo-item-desc{font-size:10px;font-weight:500;color:var(--mo-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mo-item-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.mo-item-cat{font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px;background:#f1f5f9;color:#475569;letter-spacing:.2px}.mo-item-sb-tag{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px;background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.mo-item-unit-price{text-align:right}.mo-item-price-main{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:var(--mo-text)}.mo-item-price-mrp{font-size:10px;font-weight:500;color:var(--mo-muted);text-decoration:line-through;margin-top:1px}.mo-item-price-save{font-size:9px;font-weight:800;color:#047857;margin-top:1px}.mo-item-qty-wrap{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--mo-green-s);border-radius:8px;overflow:hidden}.mo-qty-btn{width:24px;height:28px;border:none;background:var(--mo-green);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:opacity .14s;flex-shrink:0}.mo-qty-btn:hover{opacity:.82}.mo-qty-val{min-width:26px;text-align:center;font-size:13px;font-weight:800;color:var(--mo-text);background:#fff}.mo-item-line-total{text-align:right}.mo-line-pay{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--mo-text)}.mo-line-sub{font-size:9px;font-weight:800;color:#047857;margin-top:1px}.mo-line-mrp{font-size:10px;font-weight:500;color:var(--mo-muted);text-decoration:line-through;margin-top:1px}.mo-subsidy-bar{background:var(--mo-white);border-radius:12px;border:1px solid rgba(29,169,156,.2);padding:14px 16px;box-shadow:var(--mo-shadow);display:flex;flex-direction:column;gap:8px}.mo-subsidy-bar-top{display:flex;align-items:center;justify-content:space-between}.mo-subsidy-bar-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#047857}.mo-subsidy-bar-pct{font-size:11px;font-weight:800;color:#047857;background:#ecfdf5;border:1px solid #6ee7b7;padding:2px 9px;border-radius:20px}.mo-subsidy-track{height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}.mo-subsidy-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);transition:width .6s cubic-bezier(.4,0,.2,1)}.mo-subsidy-bar-nums{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--mo-muted)}.mo-subsidy-bar-nums strong{color:var(--mo-text);font-weight:800}.mo-bill-card{background:var(--mo-white);border-radius:12px;border:1px solid var(--mo-border);box-shadow:var(--mo-shadow);overflow:hidden}.mo-bill-header{display:flex;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:800;color:var(--mo-text);border-bottom:1px solid var(--mo-border);background:linear-gradient(90deg,#1da99c0d,#7dcf6108)}.mo-bill-lines{padding:4px 0}.mo-bill-line{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:13px;font-weight:600;color:var(--mo-muted);border-bottom:1px dashed var(--mo-border)}.mo-bill-line:last-child{border-bottom:none}.mo-bill-line-val{font-family:Space Grotesk,sans-serif;font-weight:600}.mo-bill-line--save .mo-bill-line-label,.mo-bill-line--save .mo-bill-line-val{color:#047857;font-weight:700}.mo-bill-line--zero .mo-bill-line-val{color:#94a3b8}.mo-bill-line--total{font-size:15px;border-top:2px solid var(--mo-border);padding-top:12px;margin-top:2px;border-bottom:none}.mo-bill-line--total .mo-bill-line-label,.mo-bill-line--total .mo-bill-line-val{font-weight:900;color:var(--mo-text);font-size:15px}.mo-bill-line--total .mo-bill-line-val{color:var(--mo-green-s);font-size:17px}.mo-bill-wallet-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#f8fcfb;border-top:1px solid var(--mo-border);gap:10px}.mo-bill-wallet-left{display:flex;align-items:center;gap:8px;color:var(--mo-green-s)}.mo-bill-wallet-label{font-size:12px;font-weight:700;color:var(--mo-text)}.mo-bill-wallet-sub{font-size:10px;font-weight:600;color:var(--mo-muted);margin-top:1px}.mo-bill-wallet-val{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;flex-shrink:0}.mo-bill-wallet-val--ok{color:var(--mo-green-s)}.mo-bill-wallet-val--low{color:#dc2626}.mo-low-balance-warn{display:flex;align-items:center;gap:7px;margin:0 16px 12px;padding:9px 12px;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;font-size:11px;font-weight:700;color:#dc2626;line-height:1.4}.mo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 20px;background:var(--mo-white);border-top:1px solid var(--mo-border);box-shadow:0 -4px 16px #0000000f;position:sticky;bottom:0;z-index:20;flex-shrink:0}.mo-footer-meta{display:flex;flex-direction:column;gap:2px}.mo-footer-count{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--mo-muted)}.mo-footer-saved{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:800;color:#047857;background:#ecfdf5;border:1px solid #6ee7b7;padding:1px 7px;border-radius:20px}.mo-footer-total{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--mo-text);letter-spacing:-.5px;line-height:1}.mo-confirm-btn{display:flex;align-items:center;gap:8px;padding:13px 24px;background:var(--mo-green);color:#fff;border:none;border-radius:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px #1da99c52;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.mo-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 26px #1da99c6b}.mo-confirm-btn:active:not(:disabled){transform:translateY(0)}.mo-confirm-btn--future{background:var(--mo-red);box-shadow:0 5px 18px #fd2a6d47}.mo-confirm-btn--future:hover:not(:disabled){box-shadow:0 9px 26px #fd2a6d66}.mo-confirm-btn--disabled,.mo-confirm-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.75;transform:none!important}.mo-spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:mo-spin .65s linear infinite}@keyframes mo-spin{to{transform:rotate(360deg)}}.mo-empty-full,.mo-success-full{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--mo-muted);text-align:center}.mo-empty-title,.mo-success-h{font-size:18px;font-weight:800;color:var(--mo-text);margin:0}.mo-success-p{font-size:13px;font-weight:600;color:var(--mo-muted);max-width:320px;line-height:1.6;margin:0}.mo-success-ring{width:80px;height:80px;border-radius:50%;background:#f0fdf9;border:2px solid #6ee7b7;display:flex;align-items:center;justify-content:center;animation:mo-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes mo-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.mo-success-ref{font-size:12px;font-weight:600;color:var(--mo-muted);background:var(--mo-white);border:1px solid var(--mo-border);padding:8px 16px;border-radius:8px}.mo-success-ref code{font-family:Space Grotesk,monospace;color:var(--mo-green-s);font-weight:700}.mo-back-link{background:none;border:none;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--mo-green-s);cursor:pointer;text-decoration:underline;padding:0}@media (max-width: 540px){.mo-info-strip{flex-direction:column}.mo-info-divider{width:100%;height:1px}.mo-item-row{grid-template-columns:6px 1fr 52px 60px 60px;gap:6px;padding:10px 12px}.mo-items-col-hdr{grid-template-columns:6px 1fr 52px 60px 60px;padding:6px 12px}.mo-footer-total{font-size:20px}.mo-confirm-btn{padding:12px 18px;font-size:13px}}:root{--moh-green: linear-gradient(90deg,rgba(29,169,156,1) 0%,rgba(74,187,131,1) 50%,rgba(125,207,97,1) 100%);--moh-red: linear-gradient(90deg,rgba(255,113,28,1) 0%,rgba(247,66,49,1) 50%,rgba(253,42,109,1) 100%);--moh-green-s: #1da99c;--moh-green-e: #7dcf61;--moh-red-s: #ff711c;--moh-red-e: #fd2a6d;--moh-white: #ffffff;--moh-bg: #f4f7f9;--moh-card: #ffffff;--moh-border: #e8edf2;--moh-text: #1a2332;--moh-muted: #64748b;--moh-radius: 14px;--moh-shadow: 0 2px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04)}.moh-page{font-family:Nunito,sans-serif;background:var(--moh-bg);min-height:100vh;padding:0 0 40px;display:flex;flex-direction:column;gap:16px}.moh-accent-bar{height:4px;background:var(--moh-green);flex-shrink:0}.moh-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;flex-wrap:wrap;gap:12px}.moh-header-left{display:flex;align-items:center;gap:12px}.moh-header-icon{width:44px;height:44px;border-radius:12px;background:var(--moh-green);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1da99c4d;flex-shrink:0}.moh-title{font-size:22px;font-weight:900;color:var(--moh-text);letter-spacing:-.4px;margin:0}.moh-subtitle{font-size:12px;font-weight:600;color:var(--moh-muted);margin:2px 0 0}.moh-export-btn{display:flex;align-items:center;gap:7px;padding:11px 20px;background:var(--moh-green);color:#fff;border:none;border-radius:11px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #1da99c4d;transition:all .2s ease;white-space:nowrap}.moh-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1da99c66}.moh-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.moh-export-btn--loading{opacity:.8}.moh-spinner{width:15px;height:15px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:moh-spin .65s linear infinite;flex-shrink:0}@keyframes moh-spin{to{transform:rotate(360deg)}}.moh-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px}.moh-kpi{background:var(--moh-card);border-radius:12px;border:1px solid var(--moh-border);padding:14px 16px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--moh-shadow);position:relative;overflow:hidden}.moh-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.moh-kpi--total:before{background:var(--moh-green)}.moh-kpi--coll:before{background:linear-gradient(90deg,#065f46,#34d399)}.moh-kpi--spend:before{background:var(--moh-red)}.moh-kpi--saved:before{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.moh-kpi-val{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:var(--moh-text);letter-spacing:-.5px;line-height:1}.moh-kpi--total .moh-kpi-val{color:#1da99c}.moh-kpi--coll .moh-kpi-val{color:#047857}.moh-kpi--spend .moh-kpi-val{color:#ff711c}.moh-kpi--saved .moh-kpi-val{color:#2563eb}.moh-kpi-label{font-size:11px;font-weight:700;color:var(--moh-muted)}.moh-datebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;flex-wrap:wrap}.moh-datebar-inner{display:flex;align-items:center;gap:8px;background:var(--moh-card);border:1.5px solid var(--moh-border);border-radius:10px;padding:8px 14px;box-shadow:var(--moh-shadow);flex-wrap:wrap}.moh-date-wrap{display:flex;align-items:center;gap:6px}.moh-date-input{border:none;background:transparent;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--moh-text);cursor:pointer;outline:none;width:110px}.moh-date-sep{font-size:13px;font-weight:700;color:var(--moh-muted)}.moh-date-apply{display:flex;align-items:center;gap:4px;padding:5px 12px;background:var(--moh-green);color:#fff;border:none;border-radius:7px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;animation:moh-pop-in .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #1da99c47;transition:all .15s}.moh-date-apply:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1da99c5c}@keyframes moh-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.moh-date-reset{width:26px;height:26px;border-radius:7px;border:none;background:#fee2e2;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;transition:background .15s}.moh-date-reset:hover{background:#fecaca}.moh-date-refresh{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--moh-border);background:var(--moh-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--moh-muted);transition:all .15s}.moh-date-refresh:hover:not(:disabled){border-color:var(--moh-green-s);color:var(--moh-green-s)}.moh-date-refresh:disabled{opacity:.45;cursor:not-allowed}.moh-date-refresh--spin svg{animation:moh-spin .8s linear infinite}.moh-date-range-label{font-size:11px;font-weight:700;color:var(--moh-green-s);background:#1da99c14;border:1px solid rgba(29,169,156,.18);padding:4px 12px;border-radius:20px;white-space:nowrap}.moh-toolbar{display:flex;align-items:center;gap:10px;padding:0 24px}.moh-search-wrap{flex:1;position:relative;display:flex;align-items:center}.moh-search-icon{position:absolute;left:12px;font-size:18px!important;color:var(--moh-green-s);pointer-events:none}.moh-search{width:100%;padding:11px 36px 11px 40px;border:1.5px solid var(--moh-border);border-radius:10px;background:var(--moh-card);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--moh-text);transition:border-color .2s,box-shadow .2s;box-shadow:var(--moh-shadow)}.moh-search::placeholder{color:#a0aec0}.moh-search:focus{outline:none;border-color:var(--moh-green-s);box-shadow:0 0 0 3px #1da99c1a}.moh-search-clear{position:absolute;right:10px;width:22px;height:22px;border:none;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .15s}.moh-search-clear:hover{background:#cbd5e1}.moh-filter-toggle{display:flex;align-items:center;gap:6px;padding:11px 16px;border:1.5px solid var(--moh-border);border-radius:10px;background:var(--moh-card);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--moh-muted);cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:var(--moh-shadow);position:relative}.moh-filter-toggle--open{border-color:var(--moh-green-s);color:var(--moh-green-s)}.moh-filter-toggle--active{border-color:var(--moh-green-s);color:var(--moh-green-s);background:#f0faf8}.moh-filter-badge{position:absolute;top:-7px;right:-7px;width:18px;height:18px;background:var(--moh-green);border-radius:50%;font-size:10px;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.moh-filters-panel{margin:0 24px;background:var(--moh-card);border:1.5px solid var(--moh-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;animation:moh-slide-in .2s ease;box-shadow:var(--moh-shadow)}@keyframes moh-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.moh-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.moh-filter-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--moh-muted);min-width:80px;flex-shrink:0}.moh-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.moh-chip{padding:5px 13px;border-radius:20px;border:1.5px solid var(--moh-border);background:#f8fafc;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:var(--moh-muted);cursor:pointer;transition:all .15s}.moh-chip:hover{border-color:var(--moh-green-s);color:var(--moh-green-s)}.moh-chip--active,.moh-chip--zone{background:var(--moh-green);color:#fff;border-color:transparent}.moh-chip--collected{background:linear-gradient(90deg,#047857,#34d399);color:#fff;border-color:transparent}.moh-chip--awaiting{background:linear-gradient(90deg,#1d4ed8,#60a5fa);color:#fff;border-color:transparent}.moh-chip--expired{background:#f3f4f6;color:#374151;border-color:#d1d5db}.moh-chip--cancelled{background:var(--moh-red);color:#fff;border-color:transparent}.moh-clear-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;background:#fff1f2;border:1.5px solid #fecdd3;border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:#e11d48;cursor:pointer;align-self:flex-start;transition:background .15s}.moh-clear-btn:hover{background:#ffe4e6}.moh-results-bar{display:flex;align-items:center;gap:10px;padding:0 24px}.moh-results-count{font-size:12px;font-weight:600;color:var(--moh-muted)}.moh-results-count strong{color:var(--moh-text);font-weight:800}.moh-filter-active-note{font-size:11px;font-weight:700;color:var(--moh-green-s);background:#f0faf8;border:1px solid rgba(29,169,156,.2);padding:2px 10px;border-radius:20px}.moh-table-wrap{margin:0 24px;background:var(--moh-card);border-radius:var(--moh-radius);border:1px solid var(--moh-border);box-shadow:var(--moh-shadow);overflow:hidden}.moh-table{width:100%;border-collapse:collapse}.moh-table thead tr{background:linear-gradient(90deg,#1da99c14,#7dcf610f);border-bottom:2px solid rgba(29,169,156,.15)}.moh-table th{padding:12px 14px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--moh-green-s);text-align:left;white-space:nowrap}.moh-table th.r{text-align:right}.moh-row{border-bottom:1px solid var(--moh-border);cursor:pointer;transition:background .15s;outline:none}.moh-row:hover{background:#f7fdfb}.moh-row--expanded{background:#f0faf8}.moh-row:focus-visible{box-shadow:inset 0 0 0 2px var(--moh-green-s)}.moh-td{padding:12px 14px;vertical-align:middle}.moh-td--canteen{font-size:12px;font-weight:600;color:var(--moh-muted);max-width:160px}.moh-td--items{max-width:200px}.moh-td--num{text-align:right}.moh-td--expand{text-align:center;width:36px}.moh-ref{font-family:Space Grotesk,monospace;font-size:12px;font-weight:600;color:var(--moh-text);white-space:nowrap}.moh-date-sub{font-size:11px;font-weight:600;color:var(--moh-muted);margin-top:1px}.moh-zone-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid;white-space:nowrap}.moh-zone-chip--breakfast{background:#fffbeb;color:#b45309;border-color:#fde68a}.moh-zone-chip--lunch{background:#f0fdf4;color:#047857;border-color:#bbf7d0}.moh-zone-chip--snacks{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.moh-zone-chip--dinner{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.moh-zone-chip--other{background:#f8fafc;color:#475569;border-color:#e2e8f0}.moh-items-preview{display:block;font-size:12px;font-weight:600;color:var(--moh-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.moh-items-count{display:block;font-size:10px;font-weight:700;color:var(--moh-muted);margin-top:1px}.moh-amount{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--moh-text);white-space:nowrap}.moh-subsidy-saved{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#047857;margin-top:2px}.moh-status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid;white-space:nowrap}.moh-status-pill--collected{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.moh-status-pill--awaiting{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.moh-status-pill--expired{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.moh-status-pill--cancelled{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.moh-detail-row{background:#f8fcfb}.moh-detail-td{padding:0;border-bottom:2px solid rgba(29,169,156,.15)}.moh-detail-inner{padding:14px 16px 16px;animation:moh-slide-in .18s ease;display:flex;flex-direction:column;gap:12px}.moh-detail-meta{display:flex;gap:10px;flex-wrap:wrap}.moh-meta-chip{display:flex;flex-direction:column;gap:2px;background:var(--moh-card);border:1px solid var(--moh-border);border-radius:8px;padding:6px 12px}.moh-meta-label{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--moh-muted)}.moh-meta-val{font-size:12px;font-weight:700;color:var(--moh-text)}code.moh-meta-val{font-family:Space Grotesk,monospace;font-size:11px;color:var(--moh-green-s)}.moh-meta-val--source{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--moh-muted)}.moh-meta-val--total{font-family:Space Grotesk,sans-serif;color:var(--moh-green-s);font-size:14px}.moh-items-tbl{width:100%;border-collapse:collapse;background:var(--moh-card);border-radius:10px;overflow:hidden;border:1px solid var(--moh-border);font-size:12px}.moh-items-tbl thead tr{background:#1da99c0f;border-bottom:1px solid rgba(29,169,156,.15)}.moh-items-tbl th{padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--moh-green-s);text-align:left}.moh-items-tbl th.r{text-align:right}.moh-items-tbl td{padding:8px 12px;border-bottom:1px solid var(--moh-border);color:var(--moh-text);font-weight:600}.moh-items-tbl td.r{text-align:right}.moh-items-tbl tfoot td{background:#f0faf8;font-weight:700}.moh-sb{color:#047857}.moh-bold{font-weight:800}.moh-green{color:var(--moh-green-s)}.moh-foot-lbl{color:var(--moh-muted);font-size:11px}.moh-skel-list{display:flex;flex-direction:column}.moh-skel-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--moh-border);animation:moh-card-in .3s ease both}@keyframes moh-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.moh-skel{background:linear-gradient(90deg,#f0f2f5 25%,#e4e8ed,#f0f2f5 75%);background-size:200% 100%;animation:moh-shimmer 1.4s infinite;border-radius:6px;height:12px}@keyframes moh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.moh-skel--ref{width:100px}.moh-skel--chip{width:70px;height:22px;border-radius:20px;flex-shrink:0}.moh-skel--long{flex:1}.moh-skel--short{width:60px}.moh-skel--pill{width:80px;height:22px;border-radius:20px;flex-shrink:0}.moh-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 20px;background:var(--moh-card);border-radius:var(--moh-radius);border:1px solid var(--moh-border);text-align:center}.moh-error-title{font-size:16px;font-weight:800;color:var(--moh-text);margin:0}.moh-error-sub{font-size:12px;font-weight:600;color:var(--moh-muted);margin:0}.moh-retry-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;background:var(--moh-green);color:#fff;border:none;border-radius:9px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 4px 12px #1da99c47;transition:opacity .15s}.moh-retry-btn:hover{opacity:.88}.moh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;color:var(--moh-muted);margin:0 24px;background:var(--moh-card);border-radius:var(--moh-radius);border:1px solid var(--moh-border);text-align:center}.moh-empty-title{font-size:16px;font-weight:800;color:var(--moh-text);margin:0}.moh-empty-sub{font-size:13px;font-weight:600;color:var(--moh-muted);margin:0}.moh-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 24px;flex-wrap:wrap}.moh-page-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--moh-border);background:var(--moh-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--moh-muted);transition:all .15s;box-shadow:var(--moh-shadow)}.moh-page-btn:hover:not(:disabled){border-color:var(--moh-green-s);color:var(--moh-green-s)}.moh-page-btn:disabled{opacity:.35;cursor:not-allowed}.moh-page-nums{display:flex;align-items:center;gap:4px}.moh-page-num{min-width:34px;height:34px;padding:0 6px;border-radius:8px;border:1.5px solid var(--moh-border);background:var(--moh-card);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--moh-muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:var(--moh-shadow)}.moh-page-num:hover{border-color:var(--moh-green-s);color:var(--moh-green-s)}.moh-page-num--active{background:var(--moh-green);color:#fff;border-color:transparent;box-shadow:0 3px 10px #1da99c4d}.moh-page-dots{font-size:13px;font-weight:700;color:var(--moh-muted);padding:0 2px}.moh-page-info{font-size:12px;font-weight:700;color:var(--moh-muted);margin-left:6px}@media (max-width: 768px){.moh-kpi-strip{grid-template-columns:1fr 1fr}.moh-td--canteen,.moh-td--items{display:none}.moh-header{padding:14px 16px 0}.moh-toolbar,.moh-kpi-strip,.moh-results-bar,.moh-filters-panel,.moh-table-wrap,.moh-pagination,.moh-datebar{padding-left:16px;padding-right:16px;margin-left:0;margin-right:0}.moh-datebar{flex-direction:column;align-items:flex-start}}.fb-root{padding:24px;min-height:100vh;background:#f5f7f6;font-family:Segoe UI,system-ui,sans-serif}.fb-page{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 20px #1da99c17,0 0 0 1px #1da99c14}.fb-header{background:linear-gradient(90deg,#128c7e,#1da99c 45%,#4abb83 80%,#7dcf61);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fb-header-left{display:flex;align-items:center;gap:14px}.fb-header-right{display:flex;align-items:center;gap:12px}.fb-header-icon{width:48px;height:48px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.38);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fb-title{font-size:21px;font-weight:800;color:#fff;margin:0 0 3px;letter-spacing:-.4px}.fb-subtitle{font-size:12.5px;color:#ffffffbf;margin:0}.fb-total-chip{display:flex;align-items:baseline;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.32);border-radius:22px;padding:5px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fb-total-num{font-size:16px;font-weight:800;color:#fff}.fb-total-lbl{font-size:11px;color:#ffffffb8;font-weight:500}.fb-view-toggle{display:flex;background:#ffffff24;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;overflow:hidden}.fb-toggle-btn{width:36px;height:36px;border:none;background:transparent;color:#ffffffa6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s}.fb-toggle-btn:hover{background:#ffffff26;color:#fff}.fb-toggle-btn--on{background:#ffffffeb;color:#1da99c}.fb-stats-row{display:flex;border-bottom:1.5px solid #e0f5f0;background:#fafffe}@media (max-width: 860px){.fb-stats-row{flex-direction:column}}.fb-stats-cards{display:flex;flex-direction:column;flex:1;border-right:1.5px solid #e0f5f0}@media (max-width: 860px){.fb-stats-cards{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1.5px solid #e0f5f0}}.fb-stat{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid #f0faf8;animation:fbFadeUp .35s ease both}.fb-stat:last-child{border-bottom:none}@keyframes fbFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fb-stat-icon{width:36px;height:36px;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--sc) 12%,transparent);border-color:color-mix(in srgb,var(--sc) 25%,transparent);color:var(--sc)}.fb-stat:nth-child(1) .fb-stat-icon{background:#25d3661a;border-color:#25d36638;color:#25d366}.fb-stat:nth-child(2) .fb-stat-icon{background:#f59e0b1a;border-color:#f59e0b38;color:#f59e0b}.fb-stat:nth-child(3) .fb-stat-icon{background:#34d3991a;border-color:#34d39938;color:#34d399}.fb-stat:nth-child(4) .fb-stat-icon{background:#fcd34d1a;border-color:#fcd34d38;color:#eab308}.fb-stat:nth-child(5) .fb-stat-icon{background:#f871711a;border-color:#f8717138;color:#f87171}.fb-stat-value{font-size:17px;font-weight:800;color:#1e3a38;margin:0 0 1px;display:flex;align-items:center}.fb-avg{display:flex;align-items:center}.fb-stat-label{font-size:11px;color:#6b9e99;margin:0;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.fb-stat-sub{font-size:10px;color:#9cbfbb;margin:1px 0 0}.fb-dist{width:260px;flex-shrink:0;padding:16px 22px}@media (max-width: 860px){.fb-dist{width:100%}}.fb-dist-title{font-size:11px;font-weight:700;color:#1da99c;text-transform:uppercase;letter-spacing:.6px;margin:0 0 11px}.fb-rbar{display:flex;align-items:center;gap:8px;margin-bottom:7px}.fb-rbar-label{font-size:11px;font-weight:700;color:#4a7a74;width:22px;flex-shrink:0}.fb-rbar-track{flex:1;height:8px;background:#e0f5f0;border-radius:4px;overflow:hidden}.fb-rbar-fill{height:100%;border-radius:4px;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.fb-rbar-fill--pos{background:linear-gradient(90deg,#34d399,#6ee7b7)}.fb-rbar-fill--neu{background:linear-gradient(90deg,#fcd34d,#fde68a)}.fb-rbar-fill--neg{background:linear-gradient(90deg,#f87171,#fca5a5)}.fb-rbar-pct{font-size:11px;font-weight:700;color:#3a8a80;width:22px;text-align:right;flex-shrink:0}.fb-filters{padding:16px 26px;background:#f8fffe;border-bottom:1.5px solid #e0f5f0;display:flex;flex-direction:column;gap:12px}.fb-search-wrap{position:relative;display:flex;align-items:center;max-width:380px}.fb-search-icon{position:absolute;left:11px;color:#9cbfbb;pointer-events:none}.fb-search-input{width:100%;border:1.5px solid #d1ede9;border-radius:9px;padding:8px 34px 8px 32px;font-size:13px;color:#1e3a38;background:#fff;outline:none;font-family:inherit;transition:border-color .18s,box-shadow .18s}.fb-search-input:focus{border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1f}.fb-search-input::placeholder{color:#b8d5d1}.fb-search-clear{position:absolute;right:8px;background:#e0f5f0;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1da99c;transition:background .14s}.fb-search-clear:hover{background:#c2e8e0}.fb-chip-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fb-chip-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#5b9e96;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.fb-chip{border:1.5px solid #d1ede9;border-radius:22px;background:#fff;padding:4px 12px;font-size:12px;font-weight:600;color:#4a7a74;cursor:pointer;transition:all .16s;font-family:inherit;white-space:nowrap}.fb-chip:hover{border-color:#1da99c;color:#1da99c}.fb-chip--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;box-shadow:0 2px 8px #1da99c47}.fb-clear-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid #fca5a5;border-radius:22px;color:#ef4444;font-size:11.5px;font-weight:600;padding:4px 12px;cursor:pointer;transition:all .15s;font-family:inherit;align-self:flex-start}.fb-clear-btn:hover{background:#fef2f2}.fb-clear-btn--center{align-self:center;margin-top:4px}.fb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:10px;text-align:center}.fb-empty-illo{width:120px;height:100px;margin-bottom:4px}.fb-empty-title{font-size:15px;font-weight:700;color:#1e3a38;margin:0}.fb-empty-sub{font-size:13px;color:#9cbfbb;margin:0}.fb-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px 26px}@media (max-width: 680px){.fb-cards-grid{grid-template-columns:1fr}}.fb-card{background:#fff;border-radius:13px;padding:16px;border:1.5px solid #e0f5f0;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #1da99c0f;opacity:0;animation:fbCardIn .4s ease forwards;transition:transform .18s,box-shadow .18s}.fb-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1da99c21}@keyframes fbCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fb-card--positive{border-left:3.5px solid #34D399}.fb-card--neutral{border-left:3.5px solid #FCD34D}.fb-card--negative{border-left:3.5px solid #F87171}.fb-card-head{display:flex;align-items:center;gap:10px}.fb-avatar{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.5px}.fb-emp-info{flex:1;min-width:0}.fb-emp-name{font-size:13.5px;font-weight:700;color:#1e3a38;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-emp-no{font-size:11px;color:#9cbfbb;margin:0;font-family:Courier New,monospace}.fb-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.fb-mood{font-size:24px!important}.fb-mood--pos{color:#34d399}.fb-mood--neu{color:#fcd34d}.fb-mood--neg{color:#f87171}.fb-pill-rating{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:20px}.fb-pill-rating--positive{background:#d1fae5;color:#065f46}.fb-pill-rating--neutral{background:#fef9c3;color:#92400e}.fb-pill-rating--negative{background:#fee2e2;color:#991b1b}.fb-tags{display:flex;flex-wrap:wrap;gap:5px}.fb-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;white-space:nowrap}.fb-tag--item{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.fb-tag--canteen{background:#f0fdfa;color:#0d9488;border:1px solid #99F6E4}.fb-stars{display:inline-flex;align-items:center;gap:1px}.fb-wa{background:#f0fdf4;border-radius:8px;border:1px solid #BBF7D0;overflow:hidden}.fb-wa-bar{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#dcfce7;border-bottom:1px solid #BBF7D0}.fb-wa-bar span{font-size:10px;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.4px}.fb-wa-bubble{padding:8px 10px 4px}.fb-wa-msg{font-size:12.5px;color:#1e3a38;line-height:1.55;margin:0 0 4px;word-break:break-word}.fb-wa-time{font-size:10px;color:#86efac;display:flex;justify-content:flex-end}.fb-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid #f0faf8}.fb-date{font-size:11px;color:#9cbfbb}.fb-coupon{font-size:10.5px;font-weight:700;color:#0f6e5a;background:#1da99c14;border:1px solid rgba(29,169,156,.2);padding:1px 7px;border-radius:5px;font-family:Courier New,monospace}.fb-table-outer{overflow:hidden}.fb-table-scroll{overflow-x:auto;padding:20px 26px;scrollbar-width:thin;scrollbar-color:#a8ddd5 #f0faf8}.fb-table-scroll::-webkit-scrollbar{height:6px}.fb-table-scroll::-webkit-scrollbar-track{background:#f0faf8}.fb-table-scroll::-webkit-scrollbar-thumb{background:#a8ddd5;border-radius:4px}.fb-table{width:100%;border-collapse:collapse;table-layout:auto}.fb-thead{background:#f4fdfb}.fb-th{padding:11px 12px;text-align:left;font-size:10.5px;font-weight:700;color:#3a8a80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e0f5f0;border-right:1px solid #eaf5f2}.fb-th:last-child{border-right:none}.fb-th--no{width:44px;text-align:center}.fb-th--emp{min-width:160px}.fb-th--center{text-align:center}.fb-th--msg{min-width:260px}.fb-tr{border-bottom:1px solid #f0faf8;transition:background .13s}.fb-tr:hover .fb-td{background:#f4fdfb!important}.fb-tr:nth-child(2n) .fb-td{background:#fcfffe}.fb-tr--positive{box-shadow:inset 3px 0 #34d399}.fb-tr--neutral{box-shadow:inset 3px 0 #fcd34d}.fb-tr--negative{box-shadow:inset 3px 0 #f87171}.fb-td{padding:10px 12px;font-size:12.5px;color:#2d4a47;vertical-align:middle;background:#fff;border-right:1px solid #f5faf8}.fb-td:last-child{border-right:none}.fb-td--no{font-size:11px;color:#9cbfbb;font-weight:600;text-align:center}.fb-td--center{text-align:center}.fb-td--date{font-size:12px;color:#4a7a74;white-space:nowrap;text-align:center}.fb-td--coupon{font-family:Courier New,monospace;font-size:11.5px;color:#0f6e5a;text-align:center}.fb-td--msg{max-width:320px}.fb-row-emp{display:flex;align-items:center;gap:8px}.fb-row-avatar{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.fb-row-name{font-size:12.5px;font-weight:700;color:#1e3a38;margin:0;white-space:nowrap}.fb-row-empno{font-size:10.5px;color:#9cbfbb;margin:0;font-family:Courier New,monospace}.fb-row-msg{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#2d4a47;line-height:1.5}.fb-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-top:1.5px solid #f0faf8;background:#fafffe;flex-wrap:wrap;gap:10px}.fb-pag-info{font-size:12.5px;color:#6b9e99}.fb-pag-info strong{color:#1da99c}.fb-pag-controls{display:flex;align-items:center;gap:4px}.fb-pag-arrow{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#1da99c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.fb-pag-arrow:hover:not(:disabled){background:#1da99c;color:#fff;border-color:#1da99c}.fb-pag-arrow:disabled{opacity:.35;cursor:not-allowed}.fb-pag-num{width:32px;height:32px;border:1.5px solid #d1ede9;border-radius:8px;background:#fff;color:#4a7a74;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.fb-pag-num:hover:not(.fb-pag-num--active){border-color:#1da99c;color:#1da99c}.fb-pag-num--active{background:linear-gradient(90deg,#1da99c,#4abb83);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #1da99c59}:root{--bh-green: linear-gradient(90deg,rgba(29,169,156,1) 0%,rgba(74,187,131,1) 50%,rgba(125,207,97,1) 100%);--bh-red: linear-gradient(90deg,rgba(255,113,28,1) 0%,rgba(247,66,49,1) 50%,rgba(253,42,109,1) 100%);--bh-green-s: #1da99c;--bh-green-e: #7dcf61;--bh-red-s: #ff711c;--bh-red-e: #fd2a6d;--bh-blue: #2563eb;--bh-white: #ffffff;--bh-bg: #f4f7f9;--bh-card: #ffffff;--bh-border: #e8edf2;--bh-text: #1a2332;--bh-muted: #64748b;--bh-radius: 14px;--bh-shadow: 0 2px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04)}.bh-page{font-family:Nunito,sans-serif;background:var(--bh-bg);min-height:100vh;padding-bottom:40px;display:flex;flex-direction:column;gap:16px}.bh-accent-bar{height:4px;background:var(--bh-green)}.bh-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;flex-wrap:wrap;gap:12px}.bh-header-left{display:flex;align-items:center;gap:12px}.bh-header-icon{width:44px;height:44px;border-radius:12px;background:var(--bh-green);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1da99c4d;flex-shrink:0}.bh-title{font-size:22px;font-weight:900;color:var(--bh-text);letter-spacing:-.4px;margin:0}.bh-subtitle{font-size:12px;font-weight:600;color:var(--bh-muted);margin:2px 0 0}.bh-export-btn{display:flex;align-items:center;gap:7px;padding:11px 20px;background:var(--bh-green);color:#fff;border:none;border-radius:11px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #1da99c4d;transition:all .2s ease;white-space:nowrap}.bh-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1da99c66}.bh-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bh-spinner{width:15px;height:15px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:bh-spin .65s linear infinite}@keyframes bh-spin{to{transform:rotate(360deg)}}.bh-card-wrap{padding:0 24px}.bh-balance-card{position:relative;border-radius:16px;padding:24px;background:var(--bh-green);overflow:hidden;box-shadow:0 16px 48px #1da99c52,0 6px 16px #4abb832e,inset 0 1px #fff3;display:flex;flex-direction:column;gap:20px}.bh-balance-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);top:-80px;right:-60px;pointer-events:none}.bh-balance-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);bottom:-40px;left:40px;pointer-events:none}.bh-balance-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%);border-radius:16px;pointer-events:none}.bh-bal-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.bh-bal-emp{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#ffffffe6;margin-bottom:6px}.bh-bal-empno{font-size:10px;font-weight:700;background:#ffffff2e;color:#ffffffd9;padding:1px 8px;border-radius:20px;letter-spacing:.4px}.bh-bal-cat{font-size:10px;font-weight:700;background:#ffffff26;color:#fffc;padding:1px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.bh-bal-label{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#ffffffa6;margin-bottom:4px}.bh-bal-amount{font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:700;color:#fff;letter-spacing:-1.5px;line-height:1}.bh-bal-cur{font-size:20px;vertical-align:top;margin-top:6px;display:inline-block;color:#fffc}.bh-bal-icon-wrap{width:48px;height:48px;border-radius:13px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bh-bal-stats{display:flex;align-items:center;position:relative;z-index:1;background:#ffffff1f;border-radius:10px;border:1px solid rgba(255,255,255,.18);overflow:hidden}.bh-bal-stat{flex:1;display:flex;align-items:center;gap:8px;padding:12px 16px}.bh-bal-stat-divider{width:1px;height:36px;background:#fff3;flex-shrink:0}.bh-bal-stat-lbl{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff9}.bh-bal-stat-val{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.3px}.bh-tabs-row{display:flex;gap:8px;padding:0 24px;flex-wrap:wrap}.bh-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1.5px solid var(--bh-border);background:var(--bh-card);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--bh-muted);cursor:pointer;transition:all .2s ease;box-shadow:var(--bh-shadow)}.bh-tab:hover{border-color:var(--bh-green-s);color:var(--bh-green-s)}.bh-tab-count{font-size:10px;font-weight:800;background:#f1f5f9;color:var(--bh-muted);padding:1px 7px;border-radius:20px}.bh-tab--all.bh-tab--active,.bh-tab--recharge.bh-tab--active{background:var(--bh-green);color:#fff;border-color:transparent;box-shadow:0 4px 14px #1da99c47}.bh-tab--credit.bh-tab--active{background:linear-gradient(90deg,#1d4ed8,#60a5fa);color:#fff;border-color:transparent;box-shadow:0 4px 14px #2563eb47}.bh-tab--debit.bh-tab--active{background:var(--bh-red);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ff711c40}.bh-tab--adjustment.bh-tab--active{background:linear-gradient(90deg,#6d28d9,#a78bfa);color:#fff;border-color:transparent;box-shadow:0 4px 14px #6d28d947}.bh-tab--active .bh-tab-count{background:#ffffff40;color:#fff}.bh-toolbar{display:flex;align-items:center;gap:10px;padding:0 24px;flex-wrap:wrap}.bh-search-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.bh-search-icon{position:absolute;left:12px;font-size:18px!important;color:var(--bh-green-s);pointer-events:none}.bh-search{width:100%;padding:11px 36px 11px 40px;border:1.5px solid var(--bh-border);border-radius:10px;background:var(--bh-card);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--bh-text);transition:border-color .2s,box-shadow .2s;box-shadow:var(--bh-shadow)}.bh-search::placeholder{color:#a0aec0}.bh-search:focus{outline:none;border-color:var(--bh-green-s);box-shadow:0 0 0 3px #1da99c1a}.bh-search-clear{position:absolute;right:10px;width:22px;height:22px;border:none;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .15s}.bh-search-clear:hover{background:#cbd5e1}.bh-date-range{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bh-date-wrap{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1.5px solid var(--bh-border);border-radius:9px;background:var(--bh-card);box-shadow:var(--bh-shadow);transition:border-color .2s}.bh-date-wrap:focus-within{border-color:var(--bh-green-s)}.bh-date-input{border:none;background:transparent;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--bh-text);cursor:pointer;outline:none;width:110px}.bh-date-sep{font-size:14px;font-weight:700;color:var(--bh-muted)}.bh-date-apply{display:flex;align-items:center;gap:5px;padding:8px 14px;background:var(--bh-green);color:#fff;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap;animation:bh-pop-in .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #1da99c47}.bh-date-apply:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1da99c61}@keyframes bh-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bh-date-clear{width:30px;height:30px;border:none;background:#fee2e2;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;transition:background .15s}.bh-date-clear:hover{background:#fecaca}.bh-date-refresh{width:30px;height:30px;border:1.5px solid var(--bh-border);background:var(--bh-card);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bh-muted);transition:all .15s;box-shadow:var(--bh-shadow)}.bh-date-refresh:hover:not(:disabled){border-color:var(--bh-green-s);color:var(--bh-green-s)}.bh-date-refresh:disabled{opacity:.45;cursor:not-allowed}.bh-date-refresh--spin svg{animation:bh-spin .8s linear infinite}.bh-results-bar{padding:0 24px}.bh-results-txt{font-size:12px;font-weight:600;color:var(--bh-muted)}.bh-results-txt strong{color:var(--bh-text);font-weight:800}.bh-results-range{font-size:11px;font-weight:600;color:var(--bh-green-s);background:#1da99c14;padding:1px 8px;border-radius:20px;border:1px solid rgba(29,169,156,.15)}.bh-list{display:flex;flex-direction:column;margin:0 24px;background:var(--bh-card);border-radius:var(--bh-radius);border:1px solid var(--bh-border);box-shadow:var(--bh-shadow);overflow:hidden}.bh-list--loading{border:none;background:transparent;box-shadow:none;gap:8px}.bh-txn-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--bh-border);cursor:pointer;gap:12px;transition:background .15s;outline:none}.bh-txn-row:last-child{border-bottom:none}.bh-txn-row:hover{background:#f8fcfb}.bh-txn-row--expanded{background:#f2fbf8;border-bottom-color:#1da99c26}.bh-txn-row:focus-visible{box-shadow:inset 0 0 0 2px var(--bh-green-s)}.bh-txn-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.bh-txn-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bh-txn-icon--recharge{background:linear-gradient(135deg,#1da99c26,#7dcf611f);color:var(--bh-green-s);border:1.5px solid rgba(29,169,156,.2)}.bh-txn-icon--credit{background:linear-gradient(135deg,#2563eb1f,#60a5fa1a);color:var(--bh-blue);border:1.5px solid rgba(37,99,235,.2)}.bh-txn-icon--debit{background:linear-gradient(135deg,#ff711c1f,#fd2a6d1a);color:var(--bh-red-s);border:1.5px solid rgba(255,113,28,.2)}.bh-txn-icon--adjustment{background:linear-gradient(135deg,#6d28d91f,#a78bfa1a);color:#7c3aed;border:1.5px solid rgba(109,40,217,.2)}.bh-txn-info{flex:1;min-width:0}.bh-txn-desc{font-size:13px;font-weight:700;color:var(--bh-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bh-txn-meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.bh-txn-type-chip{font-size:10px;font-weight:800;padding:1px 8px;border-radius:20px;letter-spacing:.3px}.bh-txn-type-chip--recharge{background:#1da99c1a;color:var(--bh-green-s);border:1px solid rgba(29,169,156,.2)}.bh-txn-type-chip--credit{background:#2563eb1a;color:var(--bh-blue);border:1px solid rgba(37,99,235,.2)}.bh-txn-type-chip--debit{background:#ff711c1a;color:var(--bh-red-s);border:1px solid rgba(255,113,28,.2)}.bh-txn-type-chip--adjustment{background:#6d28d91a;color:#7c3aed;border:1px solid rgba(109,40,217,.2)}.bh-txn-dot{width:3px;height:3px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.bh-txn-date,.bh-txn-time{font-size:11px;font-weight:600;color:var(--bh-muted);white-space:nowrap}.bh-txn-zone{font-size:11px;font-weight:600;color:var(--bh-green-s);white-space:nowrap}.bh-txn-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.bh-txn-amounts{text-align:right}.bh-txn-amount{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;white-space:nowrap}.bh-txn-amount--in{color:var(--bh-green-s)}.bh-txn-amount--out{color:var(--bh-red-s)}.bh-txn-row[data-type=adjustment] .bh-txn-amount--out{color:#7c3aed}.bh-txn-row[data-type=adjustment]:hover{background:#faf5ff}.bh-txn-row[data-type=adjustment].bh-txn-row--expanded{background:#f5f3ff;border-bottom-color:#6d28d926}.bh-txn-detail[data-type=adjustment]{background:#f5f3ff;border-bottom-color:#6d28d91f}.bh-txn-balance-after{font-size:10px;font-weight:600;color:var(--bh-muted);margin-top:1px;white-space:nowrap}.bh-txn-status{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap}.bh-txn-status--success{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.bh-txn-status--pending{background:#fffbeb;color:#b45309;border-color:#fde68a}.bh-txn-status--failed{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.bh-txn-toggle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#f1f5f9;flex-shrink:0}.bh-txn-detail{padding:12px 16px 14px 70px;background:#f2fbf8;border-bottom:1px solid rgba(29,169,156,.12);animation:bh-slide-in .18s ease}@keyframes bh-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bh-detail-grid{display:flex;gap:10px;flex-wrap:wrap}.bh-detail-cell{display:flex;flex-direction:column;gap:2px;background:var(--bh-card);border:1px solid var(--bh-border);border-radius:8px;padding:7px 12px;min-width:120px}.bh-detail-label{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--bh-muted)}.bh-detail-val{font-size:12px;font-weight:700;color:var(--bh-text)}.bh-detail-val--code{font-family:Space Grotesk,monospace;font-size:11px;color:var(--bh-green-s);display:flex;align-items:center;gap:4px}.bh-detail-val--method{display:flex;align-items:center;gap:5px}.bh-skel-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bh-card);border-radius:12px;border:1px solid var(--bh-border);animation:bh-card-in .3s ease both}@keyframes bh-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bh-skel{background:linear-gradient(90deg,#f0f2f5 25%,#e4e8ed,#f0f2f5 75%);background-size:200% 100%;animation:bh-shimmer 1.4s infinite;border-radius:6px}@keyframes bh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bh-skel--icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.bh-skel-info{flex:1;display:flex;flex-direction:column;gap:7px}.bh-skel--title{height:13px;width:55%}.bh-skel--sub{height:10px;width:75%}.bh-skel--amt{width:70px;height:16px;flex-shrink:0}.bh-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 20px;background:var(--bh-card);border-radius:var(--bh-radius);border:1px solid var(--bh-border);text-align:center}.bh-error-title{font-size:16px;font-weight:800;color:var(--bh-text);margin:0}.bh-error-sub{font-size:12px;font-weight:600;color:var(--bh-muted);margin:0}.bh-retry-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;background:var(--bh-green);color:#fff;border:none;border-radius:9px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 4px 12px #1da99c47;transition:opacity .15s}.bh-retry-btn:hover{opacity:.88}.bh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;color:var(--bh-muted);margin:0 24px;background:var(--bh-card);border-radius:var(--bh-radius);border:1px solid var(--bh-border);text-align:center}.bh-empty-title{font-size:16px;font-weight:800;color:var(--bh-text);margin:0}.bh-empty-sub{font-size:13px;font-weight:600;color:var(--bh-muted);margin:0}.bh-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 24px;flex-wrap:wrap}.bh-page-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--bh-border);background:var(--bh-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bh-muted);transition:all .15s;box-shadow:var(--bh-shadow)}.bh-page-btn:hover:not(:disabled){border-color:var(--bh-green-s);color:var(--bh-green-s)}.bh-page-btn:disabled{opacity:.35;cursor:not-allowed}.bh-page-nums{display:flex;align-items:center;gap:4px}.bh-page-num{min-width:34px;height:34px;padding:0 6px;border-radius:8px;border:1.5px solid var(--bh-border);background:var(--bh-card);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--bh-muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:var(--bh-shadow)}.bh-page-num:hover{border-color:var(--bh-green-s);color:var(--bh-green-s)}.bh-page-num--active{background:var(--bh-green);color:#fff;border-color:transparent;box-shadow:0 3px 10px #1da99c4d}.bh-page-dots{font-size:13px;font-weight:700;color:var(--bh-muted);padding:0 2px}.bh-page-info{font-size:12px;font-weight:700;color:var(--bh-muted);margin-left:6px}.bh-bal-amount--negative .bh-bal-cur{color:#ffc8c8e6}.bh-bal-amount--negative{opacity:.92}.bh-bal-overdue{font-size:14px;font-weight:700;color:#ffb4b4d9;vertical-align:middle;margin-left:6px;letter-spacing:0}@media (max-width: 768px){.bh-header,.bh-card-wrap,.bh-tabs-row,.bh-toolbar,.bh-results-bar,.bh-list,.bh-empty,.bh-pagination{padding-left:14px;padding-right:14px;margin-left:0;margin-right:0}.bh-bal-stats{flex-direction:column}.bh-bal-stat-divider{width:100%;height:1px}.bh-txn-detail{padding-left:16px}.bh-date-range{flex-wrap:wrap}.bh-toolbar{flex-direction:column;align-items:stretch}.bh-search-wrap{min-width:unset}}@media (max-width: 520px){.bh-txn-status,.bh-txn-time{display:none}.bh-bal-amount{font-size:28px}}:root{--or-green: linear-gradient(135deg, #1da99c, #4abb83);--or-red: linear-gradient(135deg, #ff711c, #f74231, #fd2a6d);--or-blue: linear-gradient(135deg, #2563eb, #60a5fa);--or-green-s: #1da99c;--or-red-s: #ff711c;--or-surface: #ffffff;--or-bg: #f4f7f9;--or-border: #e8edf2;--or-text: #1a2332;--or-muted: #64748b;--or-hint: #94a3b8;--or-sbg: #f0faf8;--or-dbg: #fff8f6;--or-r: 14px;--or-rsm: 9px;--or-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--or-shadow-md: 0 4px 20px rgba(0, 0, 0, .09)}.or-page{font-family:Nunito,sans-serif;background:var(--or-bg);min-height:100vh;padding:24px 16px 40px;animation:or-fadein .22s ease}@keyframes or-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.or-container{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.or-page-header{display:flex;align-items:flex-start;gap:14px}.or-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--or-surface);border:1.5px solid var(--or-border);border-radius:10px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--or-muted);cursor:pointer;flex-shrink:0;transition:all .18s ease}.or-back-btn:hover{border-color:var(--or-green-s);color:var(--or-green-s)}.or-page-title{font-size:20px;font-weight:900;color:var(--or-text);letter-spacing:-.3px;margin:0}.or-page-sub{font-size:12px;font-weight:600;color:var(--or-muted);margin-top:3px}.or-card{background:var(--or-surface);border-radius:var(--or-r);box-shadow:var(--or-shadow);border:1px solid var(--or-border);overflow:hidden}.or-card-hdr{padding:14px 20px 12px;border-bottom:1px solid var(--or-border);display:flex;align-items:center;justify-content:space-between}.or-card-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--or-text)}.or-card-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.or-card-icon--teal{background:var(--or-green)}.or-card-icon--blue{background:var(--or-blue)}.or-card-body{padding:16px 20px}.or-mode-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.or-mode-badge--today{background:var(--or-sbg);color:var(--or-green-s);border:1px solid rgba(29,169,156,.2)}.or-mode-badge--future{background:var(--or-dbg);color:var(--or-red-s);border:1px solid rgba(253,42,109,.2)}.or-meta-strip{display:flex;gap:0;margin-bottom:16px;background:var(--or-bg);border-radius:10px;border:1px solid var(--or-border);overflow:hidden}.or-meta-cell{flex:1;padding:10px 14px;display:flex;align-items:flex-start;gap:8px}.or-meta-cell+.or-meta-cell{border-left:1px solid var(--or-border)}.or-meta-cell>div{display:flex;flex-direction:column;gap:1px}.or-meta-lbl{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--or-muted)}.or-meta-val{font-size:12px;font-weight:700;color:var(--or-text)}.or-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--or-border);margin-bottom:14px}.or-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.or-tbl thead tr{background:var(--or-bg)}.or-tbl th{padding:9px 12px;text-align:left;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--or-muted);white-space:nowrap}.or-tbl th.r,.or-tbl td.r{text-align:right}.or-tbl tbody tr{border-top:1px solid var(--or-border);transition:background .15s}.or-tbl tbody tr:hover{background:var(--or-bg)}.or-tbl td{padding:11px 12px;font-weight:600;color:var(--or-text);vertical-align:middle}.or-tbl tfoot td{padding:11px 12px;border-top:2px solid var(--or-border);font-weight:800;color:var(--or-text)}.or-item-cell{display:flex;align-items:center;gap:8px}.or-veg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.or-veg-dot.veg{background:#16a34a}.or-veg-dot.nveg{background:#dc2626}.or-item-name{font-size:13px;font-weight:700;color:var(--or-text);line-height:1.3}.or-item-desc{font-size:10px;color:var(--or-muted);font-weight:500}.or-sub-pill{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px;background:#ecfdf5;color:#047857;border:1px solid #6ee7b7;white-space:nowrap}.or-mrp{color:var(--or-muted)!important}.or-saving{color:#047857!important;font-weight:700!important}.or-pay{color:var(--or-green-s)!important;font-weight:700!important}.or-pay--total{font-family:Space Grotesk,sans-serif;font-size:14px!important;font-weight:700!important}.or-tbl-foot-lbl{color:var(--or-muted);font-size:12px;font-weight:600!important}.or-totals-strip{display:flex;gap:10px;margin-bottom:16px}.or-total-tile{flex:1;padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:3px}.or-total-tile--grand{background:var(--or-sbg);border:1.5px solid rgba(29,169,156,.2)}.or-total-tile--saving{background:#fffbeb;border:1.5px solid #fde68a}.or-total-tile--mrp{background:#eff6ff;border:1.5px solid #bfdbfe}.or-total-lbl{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--or-muted)}.or-total-val{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.or-total-val--green{color:var(--or-green-s)}.or-total-val--amber{color:#d97706}.or-total-val--blue{color:#2563eb}.or-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--or-green);color:#fff;border:none;border-radius:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #1da99c52;transition:all .2s ease}.or-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1da99c6b}.or-confirm-btn--future{background:var(--or-red);box-shadow:0 6px 20px #fd2a6d47}.or-confirm-btn--future:hover{box-shadow:0 10px 28px #fd2a6d6b}.or-hist-tabs{display:flex;gap:8px;margin-bottom:12px}.or-hist-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:9px;border:1.5px solid var(--or-border);background:var(--or-surface);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--or-muted);cursor:pointer;transition:all .18s ease}.or-hist-tab--today{background:var(--or-sbg);border-color:#1da99c4d;color:var(--or-green-s)}.or-hist-tab--future{background:var(--or-dbg);border-color:#fd2a6d4d;color:var(--or-red-s)}.or-tab-badge{font-size:10px;font-weight:800;padding:1px 7px;border-radius:20px;background:var(--or-border);color:var(--or-muted)}.or-tab-badge--today{background:var(--or-green-s);color:#fff}.or-tab-badge--future{background:var(--or-red-s);color:#fff}.or-hist-list{display:flex;flex-direction:column;gap:8px}.or-hist-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--or-surface);border:1px solid var(--or-border);border-radius:12px;transition:box-shadow .18s}.or-hist-item:hover{box-shadow:var(--or-shadow)}.or-hist-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.or-hist-icon--collected{background:var(--or-sbg);color:var(--or-green-s)}.or-hist-icon--awaiting{background:#eff6ff;color:#2563eb}.or-hist-icon--upcoming{background:var(--or-dbg);color:var(--or-red-s)}.or-hist-info{flex:1;min-width:0}.or-hist-canteen{font-size:13px;font-weight:800;color:var(--or-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.or-hist-meta{font-size:11px;font-weight:600;color:var(--or-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.or-hist-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.or-hist-amt{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:var(--or-text)}.or-hist-status{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.or-status--collected{background:#ecfdf5;color:#047857}.or-status--awaiting{background:#eff6ff;color:#1d4ed8}.or-status--upcoming{background:var(--or-dbg);color:var(--or-red-s)}.or-empty-hist{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;text-align:center;color:var(--or-muted);font-size:13px;font-weight:600}.or-success-wrap{background:var(--or-surface);border-radius:var(--or-r);box-shadow:var(--or-shadow);border:1px solid var(--or-border);display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;text-align:center;animation:or-popin .35s cubic-bezier(.34,1.56,.64,1)}@keyframes or-popin{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.or-success-ring{width:76px;height:76px;border-radius:50%;background:var(--or-sbg);border:2px solid #6ee7b7;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.or-success-title{font-size:20px;font-weight:900;color:#047857;margin:0}.or-success-sub{font-size:13px;font-weight:600;color:var(--or-muted);max-width:300px}.or-success-ref{font-size:13px;font-weight:600;color:var(--or-muted);background:var(--or-surface);border:1px solid var(--or-border);padding:8px 18px;border-radius:10px}.or-success-ref code{font-family:Space Grotesk,monospace;color:var(--or-green-s);font-weight:700;margin-left:4px}.or-back-to-menu-btn{display:flex;align-items:center;gap:7px;margin-top:4px;padding:12px 24px;background:var(--or-green);color:#fff;border:none;border-radius:11px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px #1da99c52;transition:all .2s ease}.or-back-to-menu-btn:hover{transform:translateY(-2px);box-shadow:0 9px 26px #1da99c6b}@media (max-width: 600px){.or-meta-strip{flex-direction:column}.or-meta-cell+.or-meta-cell{border-left:none;border-top:1px solid var(--or-border)}.or-totals-strip,.or-hist-tabs,.or-page-header{flex-direction:column}}.qr-root{min-height:100%;background:#f4f6f8;font-family:Segoe UI,Inter,sans-serif}.qr-main{max-width:100%;margin:0 auto;padding:24px 24px 48px;display:flex;flex-direction:column;gap:20px}.qr-page-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e0ede6;border-radius:16px;padding:14px 22px;box-shadow:0 1px 4px #1da99c0f}.qr-page-bar-left{display:flex;align-items:center;gap:14px}.qr-page-icon{width:40px;height:40px;background:linear-gradient(135deg,#1da99c,#4abb83);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-page-title{font-size:16px;font-weight:700;color:#1a2e22;margin:0}.qr-page-sub{font-size:11px;color:#7aab99;margin:3px 0 0;display:flex;align-items:center;gap:5px}.qr-clock-chip{display:flex;align-items:center;gap:7px;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:20px;padding:6px 16px;flex-shrink:0}.qr-live-dot{font-size:10px!important;color:#10b981;animation:qr-pulse 1.4s ease-in-out infinite}.qr-clock-time{font-size:14px;font-weight:700;color:#047857;font-variant-numeric:tabular-nums;letter-spacing:.03em}@keyframes qr-pulse{0%,to{opacity:1}50%{opacity:.35}}.qr-scan-panel{background:#fff;border-radius:18px;border:1px solid #e0ede6;overflow:hidden;box-shadow:0 2px 8px #1da99c0f}.qr-scan-panel-hdr{background:linear-gradient(135deg,#1da99c,#4abb83);padding:18px 26px;display:flex;align-items:center;gap:14px}.qr-scan-panel-icon-wrap{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-scan-panel-title{color:#fff;font-size:15px;font-weight:700;margin:0}.qr-scan-panel-sub{color:#ffffffc7;font-size:12px;margin:2px 0 0}.qr-scan-body{padding:22px 26px 24px}.qr-hint-strip{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:9px 14px;font-size:13px;color:#166534;margin-bottom:18px}.qr-input-row{display:flex;gap:12px;align-items:center}.qr-input-wrap{flex:1;position:relative;display:flex;align-items:center}.qr-input-icon{position:absolute;left:14px;font-size:18px!important;color:#7aab99;pointer-events:none}.qr-input{width:100%;height:50px;border:2px solid #d1fae5;border-radius:12px;padding:0 42px 0 44px;font-size:15px;font-family:Courier New,JetBrains Mono,monospace;font-weight:600;color:#1a2e22;background:#f9fffe;outline:none;letter-spacing:.03em;transition:border-color .2s,box-shadow .2s}.qr-input:focus{border-color:#1da99c;box-shadow:0 0 0 4px #1da99c1a}.qr-input::placeholder{color:#b0c9be;font-weight:400;font-family:Segoe UI,sans-serif}.qr-input-clear{position:absolute;right:12px;width:26px;height:26px;border:none;background:#e8f5f1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7aab99;transition:background .15s}.qr-input-clear:hover{background:#d1fae5;color:#1da99c}.qr-fetch-btn{height:50px;padding:0 24px;background:linear-gradient(135deg,#1da99c,#4abb83);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .15s,transform .1s;flex-shrink:0}.qr-fetch-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.qr-fetch-btn:active:not(:disabled){transform:scale(.97)}.qr-fetch-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.qr-result-area{display:flex;flex-direction:column}.qr-idle-box{background:#fff;border:1.5px dashed #c8e6d4;border-radius:18px;padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-idle-icon-ring{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#e6faf7,#edfdf0);border:2px solid #b8ead9;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.qr-idle-title{font-size:18px;font-weight:700;color:#1a2e22;margin:0}.qr-idle-sub{font-size:14px;color:#7aab99;margin:0;line-height:1.6}.qr-idle-sub kbd{background:#e8f5f1;border:1px solid #b8ead9;border-radius:5px;padding:1px 7px;font-size:12px;font-family:monospace;color:#1da99c}.qr-state-box{background:#fff;border:1px solid #e0ede6;border-radius:18px;padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.qr-state-title{font-size:16px;font-weight:600;color:#1a2e22;margin:0}.qr-spinner{width:42px;height:42px;border-radius:50%;border:3px solid #d1fae5;border-top-color:#1da99c;animation:qr-spin .7s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-alert-box{border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;animation:qr-slide-up .3s ease}.qr-alert--consumed{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}.qr-alert--expired{background:#f9fafb;border:1.5px solid #e5e7eb;color:#374151}.qr-alert--window{background:#fffbeb;border:1.5px solid #fde68a;color:#92400e}.qr-alert--notfound{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}.qr-alert--network{background:#fffbeb;border:1.5px solid #fde68a;color:#92400e}.qr-alert-icon-col{flex-shrink:0;padding-top:2px}.qr-alert-body{flex:1}.qr-alert-title{font-size:15px;font-weight:700;margin:0 0 4px}.qr-alert-msg{font-size:13px;margin:0;line-height:1.5;opacity:.9}.qr-alert-extra{font-size:12px;margin:6px 0 0;background:#0000000d;border-radius:6px;padding:4px 10px;display:inline-block}.qr-alert-close{flex-shrink:0;width:28px;height:28px;border:none;background:#00000012;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.qr-alert-close:hover{background:#00000021}.qr-done-box{background:#ecfdf5;border:2px solid #6ee7b7;border-radius:18px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:qr-slide-up .35s cubic-bezier(.22,.68,0,1.2)}.qr-done-icon-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1da99c,#4abb83);display:flex;align-items:center;justify-content:center;margin-bottom:4px;animation:qr-pop .4s ease}@keyframes qr-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.qr-done-title{font-size:22px;font-weight:800;color:#065f46;margin:0}.qr-done-sub{font-size:14px;color:#047857;margin:0}.qr-done-id{font-family:monospace;font-size:13px;color:#059669;background:#d1fae5;border-radius:8px;padding:5px 16px;margin:4px 0}.qr-scan-next-btn{margin-top:8px;height:44px;padding:0 24px;background:linear-gradient(135deg,#1da99c,#4abb83);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .15s}.qr-scan-next-btn:hover{opacity:.88}.qr-order-card{background:#fff;border-radius:18px;border:1px solid #e0ede6;overflow:hidden;box-shadow:0 2px 12px #1da99c12;animation:qr-slide-up .35s cubic-bezier(.22,.68,0,1.2)}@keyframes qr-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.qr-card-hdr{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f5f2}.qr-emp-row{display:flex;align-items:center;gap:14px}.qr-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1da99c,#4abb83);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:800;flex-shrink:0}.qr-emp-name{font-size:16px;font-weight:700;color:#1a2e22;margin:0}.qr-emp-meta{display:flex;gap:14px;font-size:12px;color:#7aab99;margin:3px 0 0}.qr-emp-meta span{display:flex;align-items:center;gap:4px}.qr-status-pill{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:#1d4ed8;white-space:nowrap}.qr-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f0f5f2;border-bottom:1px solid #f0f5f2}.qr-meta-cell{background:#fff;padding:13px 20px;display:flex;flex-direction:column;gap:4px}.qr-meta-label{font-size:10px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.06em}.qr-meta-val{font-size:13px;font-weight:700;color:#1a2e22;display:flex;align-items:center;gap:5px}.qr-section-label{font-size:11px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.06em;padding:16px 26px 8px;border-top:1px solid #f0f5f2;display:flex;align-items:center;gap:6px}.qr-table-wrap{padding:0 26px 8px;overflow-x:auto}.qr-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.qr-tbl thead tr{border-bottom:1.5px solid #e8ede9}.qr-tbl th{padding:9px 10px;text-align:left;font-size:11px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.05em}.qr-tbl th.r{text-align:right}.qr-tbl td{padding:11px 10px;color:#1a2e22;border-bottom:1px solid #f4f7f5}.qr-tbl td.r{text-align:right}.qr-tbl tbody tr:hover{background:#fafffe}.qr-tbl-empty{text-align:center;color:#7aab99;padding:24px!important;font-size:13px}.qr-item-name{font-weight:600}.qr-td-bold{font-weight:700}.qr-td-green{color:#047857;font-weight:600}.qr-badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.qr-badge--sb{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.qr-badge--nsb{background:#f5f3ff;color:#7c3aed;border:1px solid #c4b5fd}.qr-tbl tfoot tr{border-top:1.5px solid #d1fae5}.qr-foot-lbl{font-size:13px;font-weight:700;color:#1a2e22;padding:12px 10px!important}.qr-foot-val{font-size:15px;font-weight:800;color:#1da99c;text-align:right;padding:12px 10px!important}.qr-subsidy-row{display:flex;gap:10px;padding:14px 26px;border-top:1px solid #f0f5f2;flex-wrap:wrap}.qr-sub-chip{display:flex;align-items:center;gap:6px;border-radius:10px;padding:8px 14px;font-size:13px;flex:1;min-width:140px}.qr-sub-chip span{opacity:.8}.qr-sub-chip strong{margin-left:auto;font-weight:800}.qr-sub-chip--sb{background:#ecfdf5;border:1px solid #6ee7b7;color:#047857}.qr-sub-chip--nsb{background:#f5f3ff;border:1px solid #c4b5fd;color:#7c3aed}.qr-sub-chip--total{background:#e6faf7;border:1px solid #b8ead9;color:#1da99c}.qr-ref-bar{display:flex;align-items:center;gap:10px;background:#f9fffe;border-top:1px solid #e8ede9;padding:11px 26px}.qr-ref-label{font-size:11px;font-weight:700;color:#7aab99;text-transform:uppercase;letter-spacing:.06em}.qr-ref-code{font-family:Courier New,monospace;font-size:12px;color:#1a2e22;background:#e8f5f1;border-radius:6px;padding:3px 10px;letter-spacing:.04em}.qr-consume-wrap{padding:18px 26px;border-top:1px solid #f0f5f2}.qr-consume-btn{width:100%;height:52px;background:linear-gradient(135deg,#1da99c,#4abb83);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.02em;transition:opacity .15s,transform .1s}.qr-consume-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.qr-consume-btn:active:not(:disabled){transform:scale(.98)}.qr-consume-btn--loading{opacity:.72;cursor:not-allowed;transform:none!important}.qr-btn-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:qr-spin .7s linear infinite}@media (max-width: 700px){.qr-main{padding:14px 12px 32px;gap:14px}.qr-page-bar{flex-wrap:wrap;gap:10px;padding:12px 16px}.qr-meta-grid{grid-template-columns:repeat(2,1fr)}.qr-card-hdr{flex-direction:column;align-items:flex-start;gap:12px}.qr-input-row{flex-direction:column}.qr-fetch-btn{width:100%;justify-content:center}.qr-subsidy-row{flex-direction:column}.qr-clock-time{font-size:13px}}*{padding:0;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:#fff;color:#333;line-height:1.5}a{text-decoration:none;color:inherit;cursor:pointer}hr{border:none;height:1px;background-color:#e0e0e0;margin:1rem 0}.app{display:flex;min-height:100vh}