.portal-root{--ink:232 236 242;--ink-80:rgba(232,236,242,0.8);--ink-60:rgba(232,236,242,0.55);--ink-30:rgba(232,236,242,0.3);--ink-10:rgba(232,236,242,0.08);--ink-05:rgba(232,236,242,0.04);--app-bg:9 17 30;--surface:26 34 51;--surface-2:30 41 59;--surface-3:42 61 88;--panel:13 26 46;--border:36 52 78;--border-sm:24 38 60;--border-lg:52 72 105;--success:16 185 129;--success-dim:rgba(16,185,129,0.12);--warn:245 158 11;--warn-dim:rgba(245,158,11,0.12);--error:239 68 68;--error-dim:rgba(239,68,68,0.12);--radius:14px;--radius-sm:8px;--radius-xs:6px;font-family:var(--font-dm-sans,"DM Sans"),-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.5;color:rgb(var(--ink));background:rgb(var(--app-bg));min-height:100vh;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 70% 40% at 80% -5%,color-mix(in srgb,var(--portal-brand,#E8A838) 8%,transparent) 0,transparent 60%),radial-gradient(ellipse 50% 30% at 5% 95%,rgba(36,52,78,.5) 0,transparent 60%)}.portal-root:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(232,236,242,.035) 1px,transparent 0);background-size:28px 28px;pointer-events:none;z-index:0}.portal-mono{font-family:var(--font-dm-mono,"DM Mono"),"SF Mono",monospace}.portal-eyebrow,.portal-section-label{font-family:var(--font-dm-mono,"DM Mono"),monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-30)}.portal-section-label{margin-bottom:16px}.portal-header{position:sticky;top:0;z-index:100;background:rgba(9,17,30,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(36,52,78,.8);padding:0 32px}.portal-header-inner{max-width:1100px;margin:0 auto;height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-logo{font-size:16px;font-weight:600;letter-spacing:-.02em;color:rgb(var(--ink));text-decoration:none;gap:10px}.portal-logo,.portal-logo-mark{display:flex;align-items:center}.portal-logo-mark{width:28px;height:28px;background:var(--portal-brand,#E8A838);border-radius:7px;justify-content:center;flex-shrink:0;overflow:hidden}.portal-logo-mark img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portal-header-right{display:flex;align-items:center;gap:16px}.portal-back-link{font-size:13px;color:var(--ink-60);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .15s}.portal-back-link:hover,.portal-user-chip{color:rgb(var(--ink))}.portal-user-chip{font-size:12px;font-weight:500;background:rgba(232,236,242,.07);border:1px solid rgba(232,236,242,.1);padding:4px 12px;border-radius:100px}.portal-page{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 32px 80px}.portal-page-2col{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.portal-full-span{grid-column:1/-1}.portal-main-col,.portal-sidebar-col{display:flex;flex-direction:column;gap:18px}.portal-laser-line{height:1px;background:linear-gradient(90deg,var(--portal-brand,#E8A838) 0,color-mix(in srgb,var(--portal-brand,#E8A838) 30%,transparent) 40%,transparent 100%);margin-bottom:32px;animation:portal-laser-draw .6s ease both;transform-origin:left}@keyframes portal-laser-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.portal-card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);overflow:hidden;animation:portal-fade-up .4s ease both}.portal-card-header{padding:16px 20px 0;display:flex;align-items:center;justify-content:space-between}.portal-card-title{font-family:var(--font-dm-mono,"DM Mono"),monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-30)}.portal-card-body{padding:16px 20px 20px}.portal-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:500;border:1px solid transparent}.portal-tag-shipped{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.25)}.portal-tag-delivered{background:rgba(16,185,129,.12);color:#6ee7b7;border-color:rgba(16,185,129,.22)}.portal-tag-production{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.22)}.portal-tag-proof{background:rgba(139,92,246,.12);color:#c4b5fd;border-color:rgba(139,92,246,.22)}.portal-tag-pending{background:var(--ink-05);color:var(--ink-60);border-color:var(--ink-10)}.portal-tag-cancelled{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.22)}.portal-tag-outline{background:transparent;color:var(--ink-60);border-color:var(--ink-10)}.portal-tag-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;animation:portal-pulse 2s infinite}@keyframes portal-pulse{0%,to{opacity:.7}50%{opacity:1;transform:scale(1.3)}}.portal-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s;border:none;font-family:var(--font-dm-sans,"DM Sans"),sans-serif}.portal-btn-primary{background:var(--portal-brand,#E8A838);color:rgb(var(--app-bg));font-weight:600}.portal-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--portal-brand,#E8A838) 35%,transparent)}.portal-btn-secondary{background:rgb(var(--surface-2));color:rgb(var(--ink));border:1px solid rgb(var(--border))}.portal-btn-secondary:hover{background:rgb(var(--surface-3));border-color:rgb(var(--border-lg))}.portal-btn-ghost{background:transparent;color:var(--ink-60);border:1px dashed rgba(52,72,105,.8)}.portal-btn-ghost:hover{color:rgb(var(--ink));border-color:rgb(var(--border-lg))}.portal-timeline{display:flex;align-items:flex-start;position:relative;background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);padding:24px 28px;overflow:hidden}.portal-timeline:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--portal-brand,#E8A838) 4%,transparent) 0,transparent 50%);pointer-events:none}.portal-timeline-track{width:100%}.portal-timeline-step,.portal-timeline-track{display:flex;align-items:center;position:relative}.portal-timeline-step{flex-direction:column;flex:1;gap:10px}.portal-timeline-connector{flex:1;height:2px;background:rgb(var(--border));margin-top:-24px}.portal-timeline-connector.done{background:rgb(var(--success))}.portal-timeline-connector.active{background:linear-gradient(90deg,rgb(var(--success)) 60%,rgb(var(--border)) 100%)}.portal-step-node{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-dm-mono,"DM Mono"),monospace;font-size:11px;font-weight:500;position:relative;z-index:1;transition:all .3s;flex-shrink:0}.portal-step-node.done{background:rgb(var(--success));color:rgb(var(--app-bg));box-shadow:0 0 0 5px rgba(16,185,129,.15)}.portal-step-node.current{background:rgb(var(--surface));color:var(--portal-brand,#E8A838);border:2px solid var(--portal-brand,#e8a838);box-shadow:0 0 0 5px color-mix(in srgb,var(--portal-brand,#E8A838) 12%,transparent);animation:portal-ring-pulse 2.5s infinite}.portal-step-node.pending{background:rgb(var(--surface-2));color:var(--ink-30);border:2px solid rgb(var(--border))}@keyframes portal-ring-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--portal-brand,#E8A838) 12%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--portal-brand,#E8A838) 5%,transparent)}}.portal-step-label{font-size:10px;font-weight:500;text-align:center;white-space:nowrap;color:var(--ink-60)}.portal-step-label.current{color:var(--portal-brand,#E8A838);font-weight:600}.portal-step-label.done{color:rgb(var(--success))}.portal-step-date{font-family:var(--font-dm-mono,"DM Mono"),monospace;font-size:9px;color:var(--ink-30);text-align:center;white-space:nowrap}.portal-tracking-hero{background:var(--portal-brand,#E8A838);padding:22px;position:relative;overflow:hidden}.portal-tracking-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 21px)}.portal-summary-field{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid rgba(36,52,78,.6)}.portal-summary-field:last-child{border-bottom:none}.portal-field-label{font-size:12px;color:var(--ink-60);flex-shrink:0}.portal-field-value{font-size:13px;font-weight:500;color:rgb(var(--ink));text-align:right}.portal-action-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(36,52,78,.5);cursor:pointer;transition:all .15s;text-decoration:none;color:rgb(var(--ink))}.portal-action-item:last-child{border-bottom:none}.portal-action-item:hover .portal-action-arrow{transform:translateX(3px)}.portal-action-item:hover .portal-action-label{color:var(--portal-brand,#E8A838)}.portal-action-icon{width:32px;height:32px;border-radius:7px;background:rgb(var(--surface-2));border:1px solid rgb(var(--border));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink-60)}.portal-action-label{font-size:13px;font-weight:500;transition:color .15s}.portal-action-arrow{color:var(--ink-30);transition:transform .15s}.portal-line-item{display:grid;grid-template-columns:1fr auto auto;gap:10px 20px;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(36,52,78,.5)}.portal-line-item:last-child{border-bottom:none}.portal-totals-section{background:rgb(var(--surface-2));border-top:1px solid rgb(var(--border));padding:14px 20px}.portal-total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.portal-total-row.grand{border-top:1px solid rgb(var(--border));margin-top:8px;padding-top:12px}.portal-paid-badge{font-size:10px;background:rgba(16,185,129,.15);color:#6ee7b7;padding:2px 9px;border-radius:100px;font-weight:500;border:1px solid rgba(16,185,129,.2)}.portal-footer{text-align:center;padding-top:20px;padding-bottom:32px;font-size:12px;color:var(--ink-30)}.portal-footer a{color:inherit;text-decoration:none;transition:color .15s}.portal-footer a:hover{color:var(--ink-60)}@keyframes portal-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes portal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-card[data-delay="1"]{animation-delay:.05s}.portal-card[data-delay="2"]{animation-delay:.1s}.portal-card[data-delay="3"]{animation-delay:.15s}.portal-card[data-delay="4"]{animation-delay:.2s}.portal-card[data-delay="5"]{animation-delay:.25s}.portal-input,.portal-textarea{width:100%;padding:9px 13px;border:1.5px solid rgb(var(--border));border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-dm-sans,"DM Sans"),sans-serif;color:rgb(var(--ink));background:rgb(var(--surface-2));outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.portal-input::-moz-placeholder,.portal-textarea::-moz-placeholder{color:var(--ink-30)}.portal-input::placeholder,.portal-textarea::placeholder{color:var(--ink-30)}.portal-input:focus,.portal-textarea:focus{border-color:var(--portal-brand,#E8A838);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-brand,#E8A838) 12%,transparent)}.portal-textarea{resize:vertical;min-height:80px;line-height:1.6}.portal-input-label{display:block;font-size:12px;font-weight:500;color:var(--ink-60);margin-bottom:6px}.portal-form-group{display:flex;flex-direction:column;gap:16px}.portal-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:portal-fade-in .15s ease both}.portal-modal{position:fixed;inset-x:0;bottom:0;z-index:50;background:rgb(var(--surface));border-radius:16px 16px 0 0;border-top:1px solid rgb(var(--border));max-height:90vh;overflow-y:auto;box-shadow:0 -8px 40px rgba(0,0,0,.5);animation:portal-slide-up .22s ease both}@media (min-width:640px){.portal-modal{position:fixed;top:50%;left:50%;right:auto;bottom:auto;inset:auto;transform:translate(-50%,-50%);border-radius:var(--radius);border:1px solid rgb(var(--border));width:calc(100% - 32px);max-width:440px;max-height:85vh;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:portal-fade-up .22s ease both}}.portal-modal-header{position:sticky;top:0;background:rgb(var(--surface));padding:18px 20px 14px;border-bottom:1px solid rgb(var(--border));display:flex;align-items:center;justify-content:space-between;z-index:1}.portal-modal-title{font-size:15px;font-weight:600}.portal-modal-subtitle{font-size:12px;color:var(--ink-60);margin-top:2px}.portal-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.portal-modal-footer{padding:16px 20px;border-top:1px solid rgb(var(--border));display:flex;gap:10px}.portal-item-card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);overflow:hidden;transition:border-color .15s;animation:portal-fade-up .35s ease both}.portal-item-card:hover{border-color:rgb(var(--border-lg))}.portal-item-card.needs-proof{border-color:rgba(245,158,11,.4);box-shadow:0 0 0 1px rgba(245,158,11,.06)}.portal-item-card.needs-invoice{border-color:rgba(249,115,22,.35)}.portal-item-banner{padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:500}.portal-item-banner-proof{background:rgba(245,158,11,.1);color:#fcd34d;border-bottom:1px solid rgba(245,158,11,.12)}.portal-item-banner-invoice{background:rgba(249,115,22,.1);color:#fdba74;border-bottom:1px solid rgba(249,115,22,.12)}.portal-item-body{padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.portal-item-thumb{width:52px;height:52px;border-radius:9px;overflow:hidden;background:rgb(var(--surface-2));border:1px solid rgb(var(--border));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.portal-item-content{flex:1;min-width:0}.portal-item-side-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;flex-shrink:0}.portal-filter-bar{display:flex;gap:2px;padding:3px;background:rgba(232,236,242,.04);border-radius:9px;border:1px solid rgb(var(--border))}.portal-filter-tab{padding:5px 13px;border-radius:7px;font-size:12px;font-weight:500;border:none;background:transparent;color:var(--ink-60);cursor:pointer;transition:all .15s;font-family:var(--font-dm-sans,"DM Sans"),sans-serif;white-space:nowrap}.portal-filter-tab:hover{color:rgb(var(--ink))}.portal-filter-tab.active{background:rgb(var(--surface-3));color:rgb(var(--ink));box-shadow:0 1px 3px rgba(0,0,0,.2)}.portal-chat-fab{position:fixed;bottom:20px;right:20px;z-index:30;width:44px;height:44px;border-radius:50%;background:var(--portal-brand,#E8A838);color:rgb(var(--app-bg));border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--portal-brand,#E8A838) 40%,transparent);transition:transform .15s,box-shadow .15s}.portal-chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px color-mix(in srgb,var(--portal-brand,#E8A838) 50%,transparent)}.portal-chat-widget{position:fixed;bottom:16px;right:16px;z-index:40;width:340px;background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.4);display:flex;flex-direction:column;max-height:56vh;overflow:hidden;animation:portal-fade-up .2s ease both}@media (min-width:640px){.portal-chat-widget{width:380px}}.portal-chat-header{padding:12px 16px;border-bottom:1px solid rgb(var(--border));background:rgb(var(--surface-2));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.portal-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:100px}.portal-chat-input-area{padding:10px;border-top:1px solid rgb(var(--border));display:flex;gap:8px;flex-shrink:0}.portal-bubble{max-width:85%;padding:8px 12px;font-size:13px;line-height:1.55;border-radius:14px}.portal-bubble-user{align-self:flex-end;background:var(--portal-brand,#E8A838);color:rgb(var(--app-bg));font-weight:500;border-radius:14px 14px 4px 14px}.portal-bubble-ai{align-self:flex-start;background:rgb(var(--surface-2));color:rgb(var(--ink));border:1px solid rgb(var(--border));border-radius:4px 14px 14px 14px}.portal-msg{border-radius:var(--radius-sm);padding:14px 16px;border:1px solid rgb(var(--border))}.portal-msg-staff{background:rgb(var(--surface))}.portal-msg-customer{background:color-mix(in srgb,var(--portal-brand,#E8A838) 6%,rgb(var(--surface)));border-color:color-mix(in srgb,var(--portal-brand,#E8A838) 20%,transparent)}.portal-msg-header{font-size:11px;font-weight:500;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-60)}.portal-msg-body{font-size:13px;line-height:1.7;color:rgb(var(--ink));white-space:pre-wrap}.portal-team-badge{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--portal-brand,#E8A838) 15%,transparent);color:var(--portal-brand,#E8A838);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:100px;font-family:var(--font-dm-mono,"DM Mono"),monospace;margin-left:6px}.portal-attach-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid rgb(var(--border));font-size:12px;color:var(--ink-60);background:rgb(var(--surface-2));text-decoration:none;transition:border-color .15s}.portal-attach-chip:hover{border-color:rgb(var(--border-lg));color:rgb(var(--ink))}.portal-dots{display:flex;gap:4px;align-items:center}.portal-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-30);animation:portal-bounce 1.2s ease-in-out infinite}.portal-dot:nth-child(2){animation-delay:.15s}.portal-dot:nth-child(3){animation-delay:.3s}@keyframes portal-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}@media (max-width:768px){.portal-page-2col{grid-template-columns:1fr;gap:14px}.portal-page{padding:20px 14px 56px}.portal-header{padding:0 14px}.portal-timeline{overflow-x:auto;padding:18px 14px}.portal-timeline-track{min-width:480px}.portal-step-label{font-size:9px}.portal-card-body{padding:14px 16px 16px}.portal-line-item{padding:10px 16px}}.portal-root{--bg-app:9 17 30;--bg-surface:26 34 51;--bg-surface-secondary:30 41 59;--bg-surface-tertiary:42 61 88;--bg-elevated:26 34 51;--bg-inset:9 17 30;--bg-panel:13 26 46;--text-primary:232 236 242;--text-secondary:139 160 184;--text-tertiary:88 110 138;--text-inverted:9 17 30;--border-default:36 52 78;--border-subtle:24 38 60;--border-strong:52 72 105;--border-hover:66 90 130;--input-bg:26 34 51;--input-border:36 52 78;--input-focus:232 168 56;--input-placeholder:88 110 138;--status-success:16 185 129;--status-success-bg:16 185 129;--status-success-text:16 185 129;--status-warning:245 158 11;--status-warning-bg:245 158 11;--status-warning-text:245 158 11;--status-error:239 68 68;--status-error-bg:239 68 68;--status-error-text:239 68 68;--status-info:59 130 246;--status-info-bg:59 130 246;--status-info-text:59 130 246;--accent:232 168 56;--accent-hover:210 148 38;--accent-foreground:9 17 30}