@charset "UTF-8";
/* V7.6 clear blue motion: borderless gradient light, stable values and tables. */
:root { --lm-ease:cubic-bezier(.18,.75,.25,1); --lm-blue:#396DFF; --lm-ice:#9DBEFF; --lm-violet:#C5C8FF; }
.lm-relative { position:relative; }
.lm-ripple-shell { position:absolute; inset:0; z-index:3; border-radius:inherit; overflow:hidden; pointer-events:none; }
.lm-ripple { position:absolute; display:block; border-radius:50%; background:radial-gradient(circle,#396DFF59,#9DBEFF24 65%,transparent 72%); pointer-events:none; transform:scale(.08); opacity:0; }
.button-primary .lm-ripple { background:radial-gradient(circle,#ffffffa3,#ffffff33 65%,transparent 72%); }

@keyframes lm-arrive {
  from { opacity:.68; transform:translateY(14px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes lm-form-arrive {
  from { opacity:.7; transform:translateY(10px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes lm-auth-arrive { from { transform:translateY(14px); } to { transform:translateY(0); } }
@keyframes lm-mesh-drift {
  0% { background-position:0% 10%,100% 90%; }
  50% { background-position:80% 75%,20% 15%; }
  100% { background-position:0% 10%,100% 90%; }
}
@keyframes lm-grid-drift { to { background-position:76px 76px,76px 76px; } }
@keyframes lm-orbit { from { transform:rotate(-25deg) scale(.97); } to { transform:rotate(335deg) scale(.97); } }
@keyframes lm-orb-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes lm-light-scan {
  0%,100% { opacity:.5; transform:translateY(-90px) rotate(-26deg); }
  50% { opacity:1; transform:translateY(115px) rotate(-26deg); }
}
@keyframes lm-button-gradient { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@keyframes lm-sheen { from { transform:translateX(-140%) skewX(-18deg); } to { transform:translateX(230%) skewX(-18deg); } }
@keyframes lm-button-polish {
  0%,10% { transform:translateX(-150%) skewX(-18deg); opacity:0; }
  16% { opacity:.85; }
  46% { transform:translateX(290%) skewX(-18deg); opacity:0; }
  100% { transform:translateX(290%) skewX(-18deg); opacity:0; }
}
@keyframes lm-icon-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-5px) rotate(2deg); } }
@keyframes lm-card-glow { 0%,100% { background-position:0% 15%,100% 85%; } 50% { background-position:100% 85%,0% 15%; } }
@keyframes lm-brand-breathe {
  0%,100% { transform:translateY(0) scale(1); opacity:.83; box-shadow:0 0 0 0 #396DFF00; }
  50% { transform:translateY(-2px) scale(1.045); opacity:1; box-shadow:0 0 18px 4px #396DFF24; }
}
@keyframes lm-status-breathe { 0%,100% { opacity:.7; box-shadow:0 0 0 0 #396DFF00; } 50% { opacity:1; box-shadow:0 0 0 4px #396DFF21; } }
@keyframes lm-ambient-pass {
  0%,8% { background-position:-100% 0; opacity:0; }
  20% { opacity:.75; }
  72% { background-position:200% 0; opacity:.75; }
  90%,100% { background-position:200% 0; opacity:0; }
}
@keyframes lm-dialog-arrive {
  from { opacity:.7; transform:translateY(20px) scale(.965); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes lm-backdrop-arrive {
  from { background-color:#22375D12; backdrop-filter:blur(0); }
  to { background-color:#22375D40; backdrop-filter:blur(7px); }
}
@keyframes lm-toast-arrive {
  0% { opacity:.7; transform:translateY(18px) scale(.97); }
  70% { opacity:1; transform:translateY(-3px) scale(1); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes lm-ripple-expand { 0% { opacity:.9; transform:scale(.08); } 75% { opacity:.3; } 100% { opacity:0; transform:scale(1); } }

@media (prefers-reduced-motion:no-preference) {
  /* Background-position changes stay inside each element's paint box. */
  .workspace>main { position:relative; isolation:isolate; }
  .workspace>main::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background-image:radial-gradient(ellipse at 22% 18%,#9DBEFF66,transparent 52%),radial-gradient(ellipse at 82% 75%,#C5C8FF40,transparent 48%);
    background-size:145% 145%,155% 155%; background-repeat:no-repeat;
    animation:lm-mesh-drift 13s ease-in-out infinite;
  }
  .workspace>main::after {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(115deg,transparent 33%,#9DBEFF1F 47%,#FFFFFF66 50%,#C5C8FF17 53%,transparent 68%) no-repeat;
    background-size:52% 100%; animation:lm-ambient-pass 15s ease-in-out -3s infinite;
  }
  .company-auth-gate::before { animation:lm-grid-drift 19s linear infinite; }
  .company-auth-gate::after {
    inset:0; transform:none; opacity:1;
    background-image:radial-gradient(ellipse at 12% 24%,#9DBEFF8A,transparent 49%),radial-gradient(ellipse at 84% 72%,#C5C8FF78,transparent 48%);
    background-size:165% 165%,150% 150%; background-repeat:no-repeat;
    animation:lm-mesh-drift 11s ease-in-out infinite;
  }
  .company-auth-story::before {
    background:conic-gradient(from 0deg,transparent 0 58%,#396DFF45 69%,#9DBEFF61 80%,transparent 90% 100%);
    animation:lm-orbit 18s linear infinite;
  }
  .company-auth-story::after { height:2px; background:linear-gradient(90deg,transparent,#396DFFB3,#9DBEFFB3,transparent); animation:lm-light-scan 6s ease-in-out infinite; }
  .company-auth-wordmark>.icon { animation:lm-orb-float 5.8s ease-in-out infinite; }
  .brand-mark { border-radius:10px; animation:lm-brand-breathe 4.6s ease-in-out -1.3s infinite; }
  .lan-status .dot,.live-status>.dot { animation:lm-status-breathe 3.8s ease-in-out infinite; }
  .live-status>.dot { animation-delay:-1.9s; }
  .lm-enhanced .lm-enter { animation:lm-arrive .68s var(--lm-ease) var(--lm-delay,0ms) both; }
  .lm-enhanced .company-auth-shell.lm-enter { animation-name:lm-auth-arrive; }
  .lm-enhanced form.lm-enter { animation-name:lm-form-arrive; animation-duration:.5s; }
  .metrics>.metric { transition:box-shadow .28s,background .28s; }
  .metrics>.metric:hover { box-shadow:0 12px 34px #396DFF16,0 2px 7px #396DFF0A; }
  .metric,.ret-metrics>article { position:relative; isolation:isolate; }
  .metric::after,.ret-metrics>article::after {
    content:""; position:absolute; inset:0; height:auto; border-radius:inherit; z-index:-1; pointer-events:none;
    background-image:radial-gradient(ellipse at 15% 20%,#9DBEFF30,transparent 62%),radial-gradient(ellipse at 90% 80%,#C5C8FF30,transparent 64%);
    background-repeat:no-repeat; background-size:160% 170%,170% 160%; animation:lm-card-glow 7.2s ease-in-out infinite;
  }
  .metric:nth-child(2)::after,.ret-metrics>article:nth-child(2)::after { animation-delay:-1.2s; }
  .metric:nth-child(3)::after,.ret-metrics>article:nth-child(3)::after { animation-delay:-2.4s; }
  .metric:nth-child(4)::after,.ret-metrics>article:nth-child(4)::after { animation-delay:-3.6s; }
  .metric-icon,.ret-mini-icon { animation:lm-icon-float 4.2s ease-in-out infinite; }
  .metric:nth-child(2) .metric-icon,.ret-metrics>article:nth-child(2) .ret-mini-icon { animation-delay:-1.05s; }
  .metric:nth-child(3) .metric-icon,.ret-metrics>article:nth-child(3) .ret-mini-icon { animation-delay:-2.1s; }
  .metric:nth-child(4) .metric-icon,.ret-metrics>article:nth-child(4) .ret-mini-icon { animation-delay:-3.15s; }
  .button, .wh-product-actions>button, .wh-record-actions>button, .company-member-actions>button {
    transition:transform .2s var(--lm-ease),box-shadow .2s,border-color .2s,background .2s,color .2s;
  }
  .button:hover:not(:disabled), .wh-product-actions>button:hover:not(:disabled), .wh-record-actions>button:hover:not(:disabled) { transform:translateY(-2px); }
  .button:active:not(:disabled), .wh-product-actions>button:active:not(:disabled), .wh-record-actions>button:active:not(:disabled) { transform:translateY(0) scale(.975); }
  .button-primary { position:relative; overflow:hidden; isolation:isolate; background-size:180% 180%; animation:lm-button-gradient 9s ease-in-out infinite; }
  .button-primary::before {
    content:""; position:absolute; inset:-30% 0; width:45%; z-index:2; pointer-events:none;
    border-radius:inherit; background:linear-gradient(90deg,transparent,#FFFFFF54,transparent);
    transform:translateX(-150%) skewX(-18deg); animation:lm-button-polish 6.6s var(--lm-ease) -1.2s infinite;
  }
  .button-primary:hover::before, .button-primary:focus-visible::before { animation:lm-sheen .85s var(--lm-ease); }
  .button-primary:disabled { animation:none; }
  .button-primary:disabled::before { content:none; }
  .nav-item, .tabs>.tab, .ret-tabs>button { position:relative; overflow:hidden; isolation:isolate; }
  .nav-item.active::after, .tabs>.tab.active::after, .ret-tabs>button.active::after {
    content:""; position:absolute; top:0; bottom:0; left:0; width:45%; z-index:0; pointer-events:none;
    background:linear-gradient(90deg,transparent,#9DBEFF42,transparent); animation:lm-sheen .85s ease-out both;
  }
  .modal[open], .image-lightbox[open] { animation:lm-dialog-arrive .34s var(--lm-ease) both; }
  .modal[open]::backdrop, .image-lightbox[open]::backdrop { animation:lm-backdrop-arrive .34s ease both; }
  .toast:not(.fade) { animation:lm-toast-arrive .55s var(--lm-ease) both; }
  .toast.fade { animation:none; }
  .lm-ripple { animation:lm-ripple-expand .7s ease-out both; }
  .inventory-table tbody tr, .ret-table tbody tr, .wh-ledger-table tbody tr { transition:background-color .22s,box-shadow .22s; }
  .inventory-table tbody tr:hover, .ret-table tbody tr:hover, .wh-ledger-table tbody tr:hover { box-shadow:none; }
}

/* Minimized/background software pauses its decorative work without changing data. */
.lm-paused *, .lm-paused *::before, .lm-paused *::after { animation-play-state:paused!important; }

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .lm-ripple-shell { display:none; }
}

/* Workspace shortcuts share the same quiet, automatic icon motion. */
@media (prefers-reduced-motion:no-preference) {
  .ws-shortcut .ws-shortcut-icon { animation:lm-icon-float 4.8s ease-in-out infinite; }
  .ws-shortcut:nth-child(2) .ws-shortcut-icon { animation-delay:-.9s; }
  .ws-shortcut:nth-child(3) .ws-shortcut-icon { animation-delay:-1.8s; }
  .ws-shortcut:nth-child(4) .ws-shortcut-icon { animation-delay:-2.7s; }
  .ws-shortcut:nth-child(5) .ws-shortcut-icon { animation-delay:-3.6s; }
}