@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--color-primary:#7d4e00;--color-primary-hover:#714600;--color-secondary:#c9a040;--color-secondary-light:#d4af5a;--color-bg-page:#1e2e34;--color-bg-card:#354045;--color-bg-sidebar:#111e24;--color-bg-navbar:#111e24;--color-bg-input:#2a3a40;--color-bg-modal:#1e2e34;--color-text:#fff;--color-text-muted:#a0b0b8;--color-text-secondary:#c9a040;--color-border:#ffffff14;--color-border-active:#7d4e00;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--radius-card:20px;--radius-btn:10px;--radius-badge:20px;--radius-input:10px;--sidebar-width:220px;--navbar-height:68px;--shadow-card:0 4px 24px #0000004d;--shadow-btn:0 2px 8px #7d4e0066;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-body:"Hind Madurai", sans-serif;--font-heading:"Jost", sans-serif;--font-mono:"Roboto Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background:var(--color-bg-page);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6,button,.badge,.btn{font-family:var(--font-heading)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a0404d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a04099}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{background:var(--color-bg-navbar);flex:1;display:flex;overflow:hidden}.app-main{background:var(--color-bg-page);border-top-left-radius:20px;flex:1;padding:30px;animation:.3s pageIn;overflow-y:auto}@keyframes pageIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.navbar{height:var(--navbar-height);background:var(--color-bg-navbar);z-index:100;border-bottom:none;flex-shrink:0;align-items:center;gap:20px;padding:0 30px;display:flex}.navbar-logo img{object-fit:contain;width:200px;display:block}.navbar-welcome{text-align:center;font-family:var(--font-heading);color:var(--color-text);flex:1;font-size:1.1rem;font-weight:600}.navbar-welcome span{color:var(--color-secondary)}.navbar-right{align-items:center;gap:14px;display:flex}.navbar-user{flex-direction:column;align-items:flex-end;font-size:.82rem;display:flex}.navbar-user .name{font-family:var(--font-heading);color:var(--color-text);font-weight:600}.navbar-user .role{color:var(--color-text-muted);font-size:.74rem}.sidebar{width:var(--sidebar-width);background:var(--color-bg-sidebar);border-right:none;flex-direction:column;flex-shrink:0;padding:20px 0;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.sidebar-item{cursor:pointer;color:var(--color-text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.78rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--color-text);background:#c9a04014}.sidebar-item.active{color:var(--color-secondary);background:#7d4e0033;border-color:#c9a04033}.sidebar-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.card{background:var(--color-bg-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:24px}.card-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:12px;font-size:.78rem;font-weight:600}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.btn{border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-heading);transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:400}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.04em;background:#c9a04026;border:1px solid #c9a04040;font-size:.78rem;font-weight:400}.btn-secondary:hover{background:#c9a04040}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;background:0 0;font-size:.78rem;font-weight:400}.btn-ghost:hover{color:var(--color-text);border-color:#fff3}.btn-danger{color:var(--color-danger);text-transform:uppercase;letter-spacing:.04em;background:#ef444426;border:1px solid #ef444440;font-size:.78rem;font-weight:400}.btn-danger:hover{background:#ef444440}.btn-success{color:var(--color-success);background:#22c55e26;border:1px solid #22c55e40}.btn-success:hover{background:#22c55e40}.btn-start{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#7d4e00;border:none;font-size:.78rem;font-weight:400}.btn-start:hover{background:#714600;transform:translateY(-1px)}.btn-stop{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#c9a040;border:none;font-size:.78rem;font-weight:400}.btn-stop:hover{background:#b8922e;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{border-radius:8px;padding:8px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.badge{border-radius:var(--radius-badge);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;padding:3px 12px;font-size:.75rem;font-weight:400;display:inline-flex}.badge-gold{color:var(--color-secondary);background:#c9a04033}.badge-running{color:#f2ba29;background:#f2ba2926}.badge-green{color:var(--color-success);background:#22c55e33}.badge-red{color:var(--color-danger);background:#ef444433}.badge-orange,.badge-warning{color:var(--color-warning);background:#f59e0b33}.badge-blue{color:var(--color-info);background:#3b82f633}.badge-gray{color:var(--color-text-muted);background:#a0b0b826}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition);outline:none;width:100%;padding:10px 14px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #c9a0401f}.form-input::placeholder{color:var(--color-text-muted)}.form-select{cursor:pointer}.form-select option{background:var(--color-bg-card)}.form-textarea{resize:vertical;min-height:80px}.chrono-display{font-family:var(--font-mono);color:var(--color-secondary);letter-spacing:.04em;text-align:center;font-size:2.6rem;font-weight:700;line-height:1}.chrono-display.running{color:#f2ba29}.chrono-display.paused{color:var(--color-warning)}.chrono-display.stopped{color:var(--color-text-muted)}.gauge-wrap{flex-direction:column;gap:6px;display:flex}.gauge-bar{background:#ffffff14;border-radius:8px;height:8px;overflow:hidden}.gauge-fill{border-radius:8px;height:100%;transition:width .5s}.gauge-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}.gauge-fill.yellow{background:linear-gradient(90deg,#f59e0b,#d97706)}.gauge-fill.orange{background:linear-gradient(90deg,#f97316,#ea580c)}.gauge-fill.red{background:linear-gradient(90deg,#ef4444,#dc2626)}.gauge-label{color:var(--color-text-muted);justify-content:space-between;font-size:.78rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-modal);border:1px solid var(--color-border);border-radius:24px;width:min(540px,90vw);max-height:85vh;padding:32px;animation:.25s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:24px;font-size:1.2rem;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:.75rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px 14px;font-size:.88rem}.data-table tr:hover td{background:#ffffff05}.data-table tr{cursor:pointer;transition:background var(--transition)}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.page-actions{gap:10px;display:flex}.search-wrap{position:relative}.search-wrap .search-icon{color:var(--color-text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);font-family:var(--font-body);width:280px;transition:border-color var(--transition);outline:none;padding:9px 14px 9px 36px;font-size:.88rem}.search-input:focus{border-color:var(--color-secondary)}.search-input::placeholder{color:var(--color-text-muted)}.cost-display{font-family:var(--font-heading);color:var(--color-secondary);text-align:center;font-size:1.2rem;font-weight:700}.cost-display .label{color:var(--color-text-muted);font-size:.7rem;font-weight:400;display:block}:root{--bp-mobile:640px;--bp-tablet:1024px;--drawer-width:260px;--drawer-z:1100}.navbar-hamburger,.navbar-logo--compact,.sidebar-drawer,.sidebar-drawer-backdrop{display:none}@media (width<=1023px){.app-body>.sidebar:not(.sidebar-drawer){display:none}.navbar-hamburger{color:var(--color-text);display:inline-flex}.navbar-hamburger:hover,.navbar-hamburger:focus{border-color:var(--color-secondary);color:var(--color-secondary)}.navbar-logo:not(.navbar-logo--compact){display:none}.navbar-logo--compact{display:block}.navbar-logo--compact img{object-fit:contain;width:40px;height:40px;display:block}.navbar{gap:12px;padding:0 16px}.navbar-welcome,.surecart-search-navbar,.navbar-logout-label{display:none}.navbar-logout{justify-content:center;min-width:40px;padding:8px 12px}.app-main{border-top-left-radius:0;padding:20px}.sidebar-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--drawer-z);background:#0000008c;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-drawer{width:var(--drawer-width);height:100vh;z-index:calc(var(--drawer-z) + 1);padding:16px 0;animation:.25s cubic-bezier(.4,0,.2,1) drawerSlideIn;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #0006;display:flex!important}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=639px){.app-main{padding:14px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar-drawer{width:min(280px,85vw)}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.page-actions{flex-wrap:wrap;width:100%}.modal{width:calc(100vw - 24px);max-height:92vh;padding:24px 20px}}@media (width>=640px) and (width<=1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.show-mobile-only,.show-tablet-only,.show-below-desktop{display:none}@media (width<=639px){.hide-mobile{display:none!important}.show-mobile-only,.show-below-desktop{display:initial}}@media (width>=640px) and (width<=1023px){.hide-tablet{display:none!important}.show-tablet-only,.show-below-desktop{display:initial}}.divider{background:var(--color-border);height:1px;margin:24px 0}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.full-width{width:100%}.login-page{background:radial-gradient(ellipse at 30% 50%, #7d4e001f 0%, transparent 60%), radial-gradient(ellipse at 70% 20%, #c9a0400f 0%, transparent 50%), var(--color-bg-page);justify-content:center;align-items:center;min-height:100vh;display:flex}.toggle-wrap{align-items:center;gap:10px;display:flex}.toggle{background:var(--color-bg-input);border:1px solid var(--color-border);cursor:pointer;width:44px;height:24px;transition:background var(--transition);border-radius:12px;position:relative}.toggle.on{background:var(--color-primary);border-color:var(--color-primary)}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(20px)}.billing-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.billing-chip{border:2px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;text-align:center;transition:all var(--transition);border-radius:12px;padding:12px 8px;font-size:.8rem;font-weight:600}.billing-chip:hover{color:var(--color-text);border-color:#c9a04066}.billing-chip.selected{border-color:var(--color-secondary);color:var(--color-secondary);background:#c9a04026}.alert{font-family:var(--font-heading);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.alert-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.alert-success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40}.alert-warning{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40}.settings-section{margin-bottom:36px}.settings-section-title{font-family:var(--font-heading);color:var(--color-secondary);border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:10px;font-size:1rem;font-weight:700}.stock-actions-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}@media (width<=1023px){.stock-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.stock-actions-grid{gap:8px}}.stock-action-button{background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:18px 12px;font-family:inherit;transition:all .15s;display:flex}.stock-action-button:hover:not(:disabled){border-color:var(--color-secondary);background:#c4954014;transform:translateY(-1px)}.stock-action-button:active:not(:disabled){transform:translateY(0)}.stock-action-button:disabled{opacity:.4;cursor:not-allowed}.stock-fridges-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=1024px){.stock-fridges-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.drink-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}@media (width<=639px){.drink-picker-grid{grid-template-columns:1fr}}.drink-picker-item{background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;min-height:48px;padding:12px 14px;font-family:inherit;font-size:.88rem;transition:background .15s,border-color .15s;display:flex}.drink-picker-item:hover{border-color:var(--color-secondary);background:#c4954014}.drink-picker-item:active{background:#c4954026}.btn-uppercase{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:400}.fab{background:var(--color-primary);color:#fff;cursor:pointer;z-index:200;height:52px;font-family:var(--font-heading);border:none;border-radius:26px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #0000004d}.fab:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.fab:active{transform:translateY(0);box-shadow:0 4px 14px #0000004d}.fab:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.fab-icon{font-size:1.4rem;font-weight:400;line-height:1;display:inline-block}.fab-label{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.78rem;font-weight:400;line-height:1;display:inline-block}@media (width<=1023px){.fab{border-radius:50%;gap:0;width:64px;height:64px;padding:0;bottom:24px;right:24px}.fab-label{display:none}.fab-icon{font-size:2rem}}@media (width<=639px){.fab{width:56px;height:56px;bottom:20px;right:20px}.fab-icon{font-size:1.8rem}}.fab-badge{background:var(--color-danger);border:2px solid var(--color-bg-page);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #00000040}@media (width<=1023px){.fab-badge{width:14px;height:14px;top:8px;right:8px}}.fab-menu{background:var(--color-bg-card);border:1px solid var(--color-border);z-index:200;border-radius:10px;flex-direction:column;min-width:280px;max-width:360px;animation:.15s fabMenuIn;display:flex;position:fixed;bottom:86px;right:24px;overflow:hidden;box-shadow:0 10px 30px #0006}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1023px){.fab-menu{min-width:260px;max-width:calc(100vw - 48px);bottom:100px;right:24px}}@media (width<=639px){.fab-menu{max-width:calc(100vw - 40px);bottom:88px;right:20px}}.fab-menu-item{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;cursor:pointer;font-family:var(--font-heading);background:0 0;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;transition:background .15s;display:flex}.fab-menu-item:last-child{border-bottom:none}.fab-menu-item:hover,.fab-menu-item:focus-visible{background:#ffffff0d;outline:none}.fab-menu-item-title{font-size:.82rem;font-weight:500;line-height:1.3}.fab-menu-item-amount{font-family:var(--font-mono);color:var(--color-secondary);font-weight:600}.fab-menu-item-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:400;line-height:1.4;display:flex}.fab-menu-item-age{font-style:italic}.fab-menu-item-danger:hover,.fab-menu-item-danger:focus-visible{background:#ef444414}.fab-toast{color:#fff;z-index:1500;text-align:center;border-radius:8px;max-width:calc(100vw - 32px);padding:12px 22px;font-size:.92rem;font-weight:500;animation:.2s fadeIn;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.fab-toast-success{background:var(--color-success)}.fab-toast-error{background:var(--color-danger)}.abc-filter-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.abc-filter-bar .abc-filter-label{color:var(--color-text-muted);margin-right:4px;font-size:.78rem}.abc-filter-pill{border-radius:var(--radius-badge);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;background:0 0;min-height:28px;padding:4px 14px;font-size:.74rem;font-weight:400;transition:all .15s}.abc-filter-pill:hover{color:var(--color-text);border-color:#fff3}.abc-filter-pill.active{border-color:var(--color-secondary);color:var(--color-secondary);background:#c4954026}.abc-freshness{font-size:.78rem;font-family:var(--font-body);color:var(--color-text-muted);align-items:center;gap:8px;display:inline-flex}.abc-freshness:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.abc-freshness.tone-muted{color:var(--color-text-muted)}.abc-freshness.tone-warning{color:var(--color-warning)}.abc-freshness.tone-danger{color:var(--color-danger)}@media (width<=639px){.page-actions .abc-freshness{font-size:.74rem}}