/* Transitions.dev modal recipe, installed via CLI. */
:root {
  --modal-open-dur: 250ms;
  --modal-close-dur: 150ms;
  --modal-scale: 0.96;
  --modal-scale-close: 0.96;
  --modal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.t-modal {
  transform-origin: center;
  transform: scale(var(--modal-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--modal-open-dur) var(--modal-ease),
    opacity   var(--modal-open-dur) var(--modal-ease);
  will-change: transform, opacity;
}
.t-modal.is-open {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.t-modal.is-closing {
  transform: scale(var(--modal-scale-close));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--modal-close-dur) var(--modal-ease),
    opacity   var(--modal-close-dur) var(--modal-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-modal { transition: none !important; }
}
/* AromaCraft operations shell: neutral surfaces, consistent type, open sections. */
:root{--hub-ink:#252a34;--hub-muted:#687180;--hub-line:#e5e7eb;--hub-green:#303a49;--ink:#252a34;--green:#303a49;--muted:#687180;--border:#e5e7eb;color-scheme:light}
body{font-family:Inter,'Segoe UI',sans-serif;background:#fff;color:#252a34;font-size:13px;-webkit-font-smoothing:antialiased}
.sidebar{background:#f8f9fb;border-right:1px solid #e6e8ec;width:232px;padding:30px 18px 18px;box-shadow:none}
.brand{padding:0 12px!important;margin:0 0 30px!important;gap:0!important}.brand-wordmark{font-size:23px!important;font-weight:650;letter-spacing:-1px;color:#252a34}.brand-period{color:#748296}.brand-mark,.ai-orb{display:none}
.workspace{border:0;border-radius:0;background:transparent;padding:0 12px 25px;box-shadow:none;color:#434c5b}.workspace small{color:#858c97;font-size:11px;margin-top:5px}
.nav-caption{font-size:10px;letter-spacing:1px;font-weight:600;color:#9097a2;padding:0 12px;margin-bottom:14px}
#navigation .hub-navigation{list-style:none;margin:0;padding:0 0 0 17px;gap:5px}#navigation li{margin:0;padding:0}#navigation a{padding:11px 13px;border-radius:6px;color:#717986;font-size:13px;line-height:18px;font-weight:450;background:transparent;margin:0;box-shadow:none;border:0}#navigation a[data-active=true]{background:#eceff3;color:#26303e;font-weight:600}#navigation a:hover{background:#eff1f4;color:#252a34}#navigation [data-slot=bounce-sidebar]>span{left:3px}
.sidebar-bottom{display:block;margin-top:auto;padding:18px 3px 0;border-top:1px solid #e3e6eb;background:transparent}.account-identity{display:flex;align-items:center;gap:9px}.account-identity>span:nth-child(2){flex:1;min-width:0}.account-identity b{font-size:12px;font-weight:600}.account-identity small{font-size:10px;display:block;color:#858d99;line-height:1.6}.account-icon{width:30px;height:34px;display:grid;place-items:center;border:1px solid #e2e5eb;border-radius:6px;background:white;color:#667282}.account-area{position:relative}.account-menu{position:absolute;bottom:56px;left:0;width:240px;padding:6px;border:1px solid #e2e5e9;border-radius:8px;background:#fff;box-shadow:0 8px 30px #23304415;z-index:60}.account-menu a,.account-menu button{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px;padding:12px 10px;width:100%;text-decoration:none;color:#404b5c;border:0;border-radius:5px;background:white}.account-menu a:hover,.account-menu button:hover{background:#f5f6f8}
.shell{margin-left:232px;background:#fff;min-width:0}.shell>header{height:72px;display:flex;justify-content:flex-start;gap:18px;padding:0 32px;border-bottom:1px solid #e9ebee;background:#fff;backdrop-filter:none;box-shadow:none}.breadcrumb{font-size:12px;color:#85909c;flex:1}.breadcrumb b{font-weight:500;color:#414b58}.header-right{margin-left:auto}.icon-button{background:transparent;color:#76818d;border-color:#e3e6ea;border-radius:6px;width:32px;height:32px}.hub-modes{margin-left:auto;min-width:340px}.hub-modes [role=tablist]{border:1px solid #e0e4e9;background:#f4f5f7;border-radius:8px;padding:3px;display:inline-flex}.hub-modes [role=tab]{font-size:12px;border:0;gap:8px;height:32px;padding:6px 13px;border-radius:5px;cursor:pointer}.hub-modes [data-tabs-indicator]{background:#fff;box-shadow:0 1px 4px #222c3c18;border:1px solid #e2e5e9}.hub-modes [data-tabs-label]{color:#283544}.hub-modes [role=tab][aria-selected=true]{color:#283544}.hub-modes svg{width:15px;height:15px}
.shell main{max-width:1800px;margin:auto;padding:30px 32px 24px}.page-heading{margin-bottom:26px;align-items:center}.page-heading .eyebrow{display:none}.page-heading h1{font-size:29px;font-weight:600;letter-spacing:-.9px;line-height:1.3;color:#252b36;margin:0 0 6px}.page-heading p{font-size:13px;color:#88909d;line-height:1.6;margin:0}.heading-actions{gap:8px}.button,.text-button{font-family:inherit;box-shadow:none;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:0;cursor:pointer;gap:7px}.button{min-height:33px;height:auto;padding:8px 12px;border:1px solid #dfe3e8}.button.primary{background:#303b4c;border-color:#303b4c;color:white}.button.secondary{background:#fff;color:#455163}.button:hover{filter:brightness(.98)}.text-button{color:#59687c;font-size:12px;background:transparent;border:0;padding:4px 0;min-height:24px;height:auto}.button-island{display:contents}.button:disabled{opacity:.45}.button span{display:inline-flex;align-items:center;gap:6px}
.toolbar{background:#fff;border:0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;border-radius:0;padding:14px 0;gap:14px;margin-bottom:20px;color:#6b7583}.date-range input{color:#4f5a69}.toolbar select{border-color:#e2e5e9;background:#fff;color:#576170;border-radius:5px}.timezone{font-size:10px;color:#9aa1aa}.store-context{font-size:11px;color:#86909e;margin:18px 0}.live-dot{background:#8798ac}.carrier-tabs{gap:0;border-bottom:1px solid #e5e8ec;margin:24px 0 18px}.carrier-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 18px;color:#7a8491;font-size:13px}.carrier-tabs button.active{border-color:#384659;background:transparent;color:#2c3849}.carrier-tabs span{font-size:10px;opacity:.8}.store-filters{border:0;background:transparent;border-radius:0;padding:0 0 20px;gap:16px;grid-template-columns:1.4fr 1.4fr 1fr 1fr 1fr;border-bottom:1px solid #e6e9ed}.field{color:#6e7785;font-weight:450;font-size:11px;gap:7px}.field input,.field select,.field textarea{border-color:#dfe4ea;border-radius:5px;background:#fff;color:#3f4b5b;min-height:35px;padding:8px 9px;box-shadow:none}.check-field{color:#6e7785}.selection-bar{background:#fff;backdrop-filter:none;border:0;padding:14px 0;top:72px;gap:7px}.selection-bar>span{color:#8a93a0;font-size:11px}.selection-bar .button{font-size:11px;padding:7px 10px}.selection-bar .button.primary{margin-left:2px}
.card,.workspace-card,.metric-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:22px 0;color:#414c5d}.card .card{padding:14px 0!important;border-top:1px solid #e9ecf0!important;margin:0!important}.card h2,.section-heading h2{font-size:17px;font-weight:600;color:#303b4b;letter-spacing:-.25px}.order-card{padding:0!important;border:1px solid #e3e7ec!important;border-radius:7px!important;overflow:hidden}.table-wrap{border:0;border-radius:0}.data-table th{color:#7e8793;background:#f8f9fb;font-size:10px;font-weight:550;text-transform:none;letter-spacing:0;border-color:#e7ebef;padding:13px 12px}.data-table td{color:#4d5766;border-color:#eef0f3;padding:17px 12px;font-size:12px}.data-table tr:hover td{background:#fafbfc}.order-table small{color:#969eaa;font-size:10px}.order-number{color:#3f5067;font-weight:600}.order-products{max-width:280px}.order-products b{color:#293647}.group-row td{background:#f4f6f9!important;color:#7b8797;font-size:10px!important;padding:9px 12px!important}.carrier{font-size:10px;font-weight:600;border:1px solid #e7e9ed;border-radius:4px;padding:3px 7px}.carrier.inpost{background:#fffaf0;color:#807046;border-color:#eee6d3}.carrier.dpd{background:#fff7f7;color:#926368;border-color:#eddbdd}.badge{border-radius:4px;padding:4px 7px;background:#f0f3f6;color:#697687;font-size:10px}.badge.pending,.badge.waiting{color:#887954;background:#f8f5ee}.badge.completed,.badge.connected{color:#527565;background:#f0f6f2}.badge.error,.badge.failed,.badge.needs_review{color:#98656b;background:#fbf2f3}.order-table .paid{color:#688474}.document-type{font-size:11px;font-weight:600;color:#5a677a}.order-table input[type=checkbox]{accent-color:#495e7b}.order-table .amount{color:#354255;font-weight:550}.pagination{padding:15px 0;color:#939ba6}
.hub-stats{gap:0;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;margin:25px 0}.hub-stat,.hub-stat.accent{background:#fff!important;color:#2c3748;border:0;border-radius:0;padding:22px 25px;min-height:136px}.hub-stat+.hub-stat{border-left:1px solid #e9ecf0}.hub-stat:first-child{padding-left:0}.hub-stat>span,.hub-stat.accent>span{color:#7e8998;font-size:12px}.hub-stat strong{font-size:29px;font-weight:550;letter-spacing:-1px}.hub-stat small,.hub-stat.accent small{font-size:10px;color:#9aa2ad}.secondary-stats .hub-stat{padding:18px 24px}.secondary-stats .hub-stat:first-child{padding-left:0}.revenue-chart{border-bottom:1px solid #e5e9ee!important}.statistics-controls{color:#7b8695}.statistics-controls select{color:#59687a;border-color:#e0e5ec}
.hero-note,.welcome-card{border:0;border-radius:0;background:#fff;padding:20px 0 28px;border-bottom:1px solid #e6e9ed}.hero-note .eyebrow{display:none}.hero-note h2,.welcome-card h2{font-size:23px;color:#354155}.hero-note p,.welcome-card p{color:#8791a0;line-height:1.7}.group-grid{display:block}.group-card{display:block;border-bottom:1px solid #e6e9ed!important;padding:22px 0!important}.group-card:hover{transform:none;box-shadow:none}.group-card .eyebrow{display:none}.group-card progress{max-width:300px;accent-color:#61748e}.two-columns{gap:36px}.notice.quiet,.document-notice{border:0;border-left:0;background:#f6f7f9;color:#7a8595;font-size:12px;line-height:1.7;border-radius:5px;padding:13px 16px}.inline-note,.card p,.plan-list{color:#8992a0}.details{border:0;border-top:1px solid #e6e9ee;border-radius:0;padding:16px 0;color:#778598}.details summary{font-size:12px}.section-tabs{border-color:#e5e9ef}.section-tabs a,.section-tabs a[aria-current=page]{color:#586a83}.section-tabs a[aria-current=page]{border-color:#586a83}.welcome-card,.report-summary,.cost-callout,.process-strip span,.workflow-counts a,.decision-action,.copy-field,.finding,.asset-tile{background:#f7f8fa!important;color:#69778b;border-color:#e5e9ee;border-radius:5px;box-shadow:none}.decision-action{border-left:0}.metric-summary{border:0;border-radius:0;background:white;border-bottom:1px solid #e5e9ee}.metric-summary strong,.cost-callout strong,.workflow-counts strong,.finding h3,.workflow-steps b,.copy-field p{color:#40516b}.metric-summary>span:first-child,.workflow-counts span,.workflow-steps span{color:#8290a2}.metric-summary:hover{background:#fafbfc}.section-intro h2,dialog h2{color:#334158}.cost-callout span,.cost-callout b{color:#697d96}.asset-tile{padding:12px}.asset-tile img,.asset-tile video{background:#eef1f5}.workflow-steps li:before{background:#edf1f6;color:#6b7f9a}.card-header{border-color:#e6eaf0}
dialog{background:#fff;color:#4a596c;border-radius:10px;border-color:#dfe5ec;padding:30px;box-shadow:0 24px 100px #1b273330}dialog::backdrop{background:#1b26314a;backdrop-filter:blur(2px)}dialog[open]{animation:none}.dialog-close{color:#8190a3;background:#f5f7fa;border:0;right:16px;top:16px}.details pre{background:#f7f9fb;color:#5b6b81;border-color:#e4e9f0}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0}.document-toolbar h2{font-size:18px;color:#374458;font-weight:550}.document-toolbar p{color:#8a95a5;font-size:12px}.document-section-title{margin:32px 0 14px;font-size:17px}.document-search{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:end;gap:18px;margin:24px 0}.document-search input{font-size:12px;color:#56657a}.document-search label{font-size:11px;color:#7b8a9d}.document-table button{border:0;cursor:pointer;min-height:32px}.document-invoice,.document-receipt{border-color:#e1e7ef;color:#64758e;background:#f7f9fc}.empty-line{padding:30px 0;color:#98a2b0;font-size:12px}.document-table [role=region]{border:1px solid #e2e7ee;border-radius:6px;box-shadow:none}.document-table .grid{line-height:1.6}#toast{background:#354760;color:white;border-radius:6px;box-shadow:0 4px 20px #26374a20}footer{border-color:#e6eaf0;color:#a4adb9;font-size:10px;margin-top:36px}#content>.card,#content>.hub-stats{animation:none}h2,h3{line-height:1.4}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8799b1;outline-offset:3px}
@media(min-width:1500px){.shell main{padding:34px 42px}.store-filters{grid-template-columns:1.4fr 1.4fr repeat(3,1fr)}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.shell{margin-left:205px}.shell main{padding:25px 22px}.shell>header{padding:0 22px}.breadcrumb{display:none}.store-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.header-right{margin-left:0}.hub-stats{grid-template-columns:repeat(2,1fr)}.hub-stat:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto;display:flex;flex-wrap:wrap;padding:18px 16px;gap:12px}.sidebar .brand{margin:0!important;padding:0!important;flex:1}.sidebar .workspace,.nav-caption{display:none}#navigation{order:3;flex-basis:100%;overflow:auto;padding:0}#navigation .hub-navigation{flex-direction:row;padding:0;gap:4px}#navigation [data-slot=bounce-sidebar]>span{display:none}#navigation a{padding:9px 12px;font-size:12px;white-space:nowrap}.sidebar-bottom{display:block;margin:0;padding:0;border:0}.account-identity>span:nth-child(2){display:none}.account-menu{top:42px;bottom:auto;left:auto;right:0}.shell{margin:0}.shell>header{height:62px;padding:0 15px;gap:8px}#interface-modes{margin-left:auto;max-width:calc(100% - 42px)}.hub-modes{min-width:0}.hub-modes [role=tab]{font-size:10px;padding:6px 9px;gap:5px}.hub-modes svg{width:13px}.shell main{padding:22px 16px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.heading-actions{align-self:flex-start}.store-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selection-bar{top:62px}.hub-stat{padding:18px 16px}.hub-stat strong{font-size:24px}.toolbar{gap:10px}.carrier-tabs button{padding:12px;font-size:12px}.document-search{grid-template-columns:1fr 1fr}.document-search>div:first-child{grid-column:1/-1}.document-toolbar{flex-wrap:wrap}.two-columns{grid-template-columns:1fr}.document-table{overflow:auto}.document-table>div{min-width:600px}.account-icon{display:none}footer{line-height:1.7}.button span{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sidebar .workspace{background:transparent;border:0;border-radius:0;padding:0 12px 24px;margin:0 0 12px;box-shadow:none}.brand-wordmark{font-family:Georgia,serif}.sidebar-bottom .account-identity small{font-size:10px;white-space:nowrap}.account-identity{gap:7px}.account-identity>span:nth-child(2){min-width:0}.account-identity button{flex-shrink:0}.page-heading{margin-top:0}.login-page{background:#f5f7fa}.login-card{border-radius:10px;border-color:#e2e7ee;box-shadow:0 10px 50px #25344709}.login-symbol{font-family:Georgia,serif;background:transparent;color:#303b4d;width:auto;height:auto;border-radius:0;font-size:25px;display:block}.login-card input{background:#fff;border-color:#dfe5ed}.login-card button{background:#354359;border-radius:6px}.login-card h1{color:#303d51}.login-intro,.login-card label{color:#7c8a9e}.login-card .eyebrow{display:none}

.notice{background:#f5f7fa;border:0;color:#7c8899;border-radius:5px}.notice strong{color:#58677e}.welcome-card{background:white!important;border-bottom:1px solid #e5eaf0!important}.legacy-field-wrap{background:#fff!important;border:0!important;border-radius:5px!important;padding:0!important;box-shadow:none!important}.field .legacy-field-input{min-height:35px;padding:8px 9px;border:1px solid #dfe4ea;border-radius:5px}.legacy-field-wrap:focus-within{box-shadow:0 0 0 2px #8393ab33!important}
.document-search [data-state]{height:37px;border:1px solid #dfe5ed;border-radius:6px;background:white}.document-search input{border:0;border-radius:0;box-shadow:none;height:100%;padding-top:0;padding-bottom:0}.document-search input:focus-visible{outline:0}.document-search [data-state=focused]{border-color:#8d9db4;box-shadow:0 0 0 2px #899bb21c}
