:root {
  --glass-primary: var(--workspace-theme-primary, #18181b);
  --glass-secondary: var(--workspace-theme-secondary, #64748b);
  --glass-tertiary: var(--workspace-theme-tertiary, #94a3b8);
  --glass-surface: rgba(255, 255, 255, .5);
  --glass-surface-soft: rgba(255, 255, 255, .32);
  --glass-surface-modal: rgba(255, 255, 255, .78);
  --glass-surface-strong: rgba(255, 255, 255, .9);
  --glass-border: rgba(255, 255, 255, .62);
  --glass-line: rgba(118, 137, 164, .18);
  --glass-shadow: 0 18px 44px rgba(37, 54, 82, .12), inset 0 1px 0 rgba(255, 255, 255, .68);
}

html {
  min-height: 100%;
  background: #e8eef5;
}

body {
  min-height: 100vh;
  background-color: #e8eef5 !important;
  background-image:
    var(--workspace-theme-background,
      linear-gradient(var(--workspace-theme-angle,135deg),color-mix(in srgb,var(--glass-primary) 42%,rgba(226,232,240,.54)) 0%,rgba(247,249,252,.26) 38%,color-mix(in srgb,var(--glass-secondary) 38%,rgba(232,238,246,.44)) 76%,rgba(244,247,250,.3) 100%)),
    var(--workspace-background-image,none),
    linear-gradient(160deg,#eef2f7,#dce5ef) !important;
  background-size:var(--workspace-theme-background-size,cover),cover,cover!important;
  background-position:center,center,center!important;
  background-blend-mode:normal,normal,normal!important;
  background-attachment: scroll !important;
}

.workspace-content,
.workspace-content > .app,
body > .app { background: transparent !important; }

.card,
.dialog,
.preview-box,
.page,
.sheet,
.workspace-sidebar {
  border-color: var(--glass-border) !important;
  background: var(--glass-surface) !important;
  -webkit-backdrop-filter: blur(20px) saturate(135%);
  backdrop-filter: blur(20px) saturate(135%);
  box-shadow: var(--glass-shadow) !important;
}

.workspace-banner,
.top,
.share-head {
  background: linear-gradient(
    118deg,
    rgba(255, 255, 255, .52),
    rgba(255, 255, 255, .34)
  ) !important;
  color: #17243a !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  backdrop-filter: blur(22px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, .76) !important;
  box-shadow: 0 16px 38px rgba(31, 48, 75, .13), inset 0 1px 0 rgba(255, 255, 255, .74) !important;
}

.workspace-sidebar {
  background: rgba(255, 255, 255, .32) !important;
  border-color: rgba(255, 255, 255, .58) !important;
}

.dialog,.preview-box{background:var(--glass-surface-modal)!important}

.table-wrap,
.table td,
.quote-table td,
.history-import-table td,
.input,
.select,
input,
select,
textarea,
.save-strip,
.share-foot,
.content {
  background-color: var(--glass-surface-strong) !important;
}

.table th,
.quote-table th,
.history-import-table th {
  background: rgba(237, 243, 250, .96) !important;
}

.popover,
.pop-item,
.result,
.history-item,
.draft-item,
.history-import-group {
  background-color: rgba(255, 255, 255, .72) !important;
  border-color: var(--glass-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

.workspace-nav-item.active,
.workspace-nav-item:hover {
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 8px 20px rgba(47, 63, 91, .09), inset 0 1px 0 rgba(255, 255, 255, .78);
}

.workspace-logo,
.workspace-logout,
.workspace-swatch,
.btn.secondary,
.btn.soft {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.modal {
  background:rgba(47,57,73,.24)!important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.modal .dialog,.modal .preview-box,.modal .preview{
  border:1px solid rgba(255,255,255,.78)!important;
  background:var(--glass-surface-modal)!important;
  box-shadow:0 24px 70px rgba(24,38,62,.18),inset 0 1px 0 rgba(255,255,255,.78)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  backdrop-filter:blur(20px) saturate(130%);
}
.modal .dialog-head{background:rgba(255,255,255,.48)!important}
.modal .dialog-body{background:rgba(255,255,255,.58)!important}

body.workspace-theme-animated{animation:workspace-theme-flow 18s ease-in-out infinite alternate}
@keyframes workspace-theme-flow{0%{background-position:0% 20%,center,center}50%{background-position:75% 55%,center,center}100%{background-position:25% 85%,center,center}}

.upload-empty{color:#4b5563!important}
.btn.secondary,.btn.soft{color:#374151!important;border-color:rgba(102,112,133,.3)!important}
.circle-plus,[data-add-personal]{background:transparent!important;border:1px solid #98a2b3!important;color:#667085!important;border-radius:50%!important}
.circle-plus:hover,[data-add-personal]:hover{background:rgba(102,112,133,.08)!important;color:#344054!important}

.edit-head,.summary-edit,.size-edit{
  top:0!important;right:0!important;bottom:auto!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:5px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#98a2b3!important;
}
.edit-head svg,.summary-edit svg,.size-edit svg,.edit-head [data-icon],.summary-edit [data-icon],.size-edit [data-icon]{width:10px!important;height:10px!important;min-width:10px!important;margin:0!important}
.edit-head:hover,.summary-edit:hover,.size-edit:hover,.edit-head:focus-visible,.summary-edit:focus-visible,.size-edit:focus-visible{background:transparent!important;color:#667085!important}

.img-actions,.product-img .tools{display:flex!important;top:-1px!important;right:-1px!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.thumb:hover .img-actions,.thumb:focus-within .img-actions,.thumb-box:hover .img-actions,.thumb-box:focus-within .img-actions,.library-img:hover .img-actions,.library-img:focus-within .img-actions,.product-img:hover .tools,.product-img:focus-within .tools{opacity:1;visibility:visible;pointer-events:auto}
.image-remove-hit{position:relative!important;background:transparent!important}
.image-remove-hit svg{position:absolute!important;top:2px!important;right:2px!important;margin:0!important}
.wrap-field,.cell-wrap-text{max-height:none!important;overflow:hidden!important}

.ad-global-toast{position:fixed;left:50%;top:22%;z-index:12000;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(24,153,92,.26);border-radius:10px;background:rgba(242,255,248,.88);color:#16815e;font-size:12px;font-weight:700;box-shadow:0 16px 36px rgba(19,83,56,.18),inset 0 1px 0 rgba(255,255,255,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translate(-50%,-8px) scale(.94)}.ad-global-toast.show{animation:ad-global-toast-in 1.5s cubic-bezier(.2,.8,.2,1)}.ad-global-toast [data-icon],.ad-global-toast svg{width:17px;height:17px;margin:0;stroke-width:2.4}.ad-global-toast.error{border-color:rgba(201,52,52,.24);background:rgba(255,246,246,.9);color:#b42318}@keyframes ad-global-toast-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.88)}12%,78%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-3px) scale(.98)}}
.quote-item .icon-action{color:#596273!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.quote-item .icon-action:hover,.quote-item .icon-action:focus-visible{color:#303846!important;background:rgba(89,98,115,.1)!important}.quote-item .delete-action:hover,.quote-item .delete-action:focus-visible{color:#c93434!important;background:rgba(201,52,52,.08)!important}
.quote-item .icon-action [data-icon],.quote-item .icon-action .ui-icon,.table .save-row [data-icon],.table .delete-customer [data-icon]{color:inherit!important}

@media (hover:none),(pointer:coarse),(max-width:680px){.img-actions,.product-img .tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}
.btn,.workspace-nav-item,.workspace-collapse,.workspace-logout,.op-icon,.action-icon{
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.btn:active,.workspace-collapse:active,.workspace-logout:active,.op-icon:active,.action-icon:active{transform:scale(.97)}
.btn:focus-visible,.op-icon:focus-visible,.action-icon:focus-visible{outline:2px solid rgba(36,91,221,.42);outline-offset:2px}

@supports not (backdrop-filter: blur(1px)) {
  .card,
  .dialog,
  .preview-box,
  .page,
  .sheet,
  .workspace-sidebar { background: rgba(255, 255, 255, .96) !important; }
}

@media (max-width: 720px) {
  body { background-attachment: scroll !important; }
  .card,
  .dialog,
  .preview-box,
  .page,
  .sheet,
  .workspace-sidebar {
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);
  }
}

.workspace-root .workspace-sidebar{border-color:rgba(255,255,255,.22)!important;background:rgba(33,44,61,.16)!important;-webkit-backdrop-filter:blur(30px) saturate(124%) brightness(1.02)!important;backdrop-filter:blur(30px) saturate(124%) brightness(1.02)!important;box-shadow:0 24px 60px rgba(26,39,58,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 1px 0 0 rgba(255,255,255,.14),inset -1px 0 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.12)!important}
.workspace-root .workspace-sidebar .workspace-nav-item:hover,.workspace-root .workspace-sidebar .workspace-nav-item.active{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 8px 22px rgba(22,34,50,.12),inset 0 1px 0 rgba(255,255,255,.22)!important}

@media(hover:none),(pointer:coarse){.img-actions,.product-img .tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}

@media print {
  body,
  .page,
  .content,
  .table-wrap,
  .quote-table td,
  .quote-table th {
    background: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media(prefers-reduced-motion:reduce){body.workspace-theme-animated{animation:none!important}.ad-global-toast.show{animation:ad-global-toast-fade 1.2s linear}@keyframes ad-global-toast-fade{0%,100%{opacity:0}12%,82%{opacity:1}}}

/* release-cache-key: 20260728 */