:root{--porterchain-orange:#ff6b35;--porterchain-green:#124835;--porterchain-white:#ffffff}*{box-sizing:border-box;padding:0;margin:0}html{-webkit-text-size-adjust:100%}body,html{max-width:100vw;overflow-x:hidden;font-family:system-ui,sans-serif}img,video{max-width:100%;height:auto}:root{--pc-orange:#ff6b35;--pc-green:#124835;--pc-white:#ffffff;--portal-bg:#fafafa;--portal-card:#ffffff;--portal-border:#e5e7eb;--portal-text:#1f2937;--portal-text-muted:#6b7280}.portal-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--portal-bg)}.portal-navbar{position:relative;display:flex;align-items:center;gap:1rem;height:3.5rem;padding:0 1rem;background:var(--portal-card);border-bottom:1px solid var(--portal-border);flex-shrink:0}@media (min-width:768px){.portal-navbar{gap:1.5rem;padding:0 1rem 0 1.25rem}}.portal-navbar-menu-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:8px;background:rgba(18,72,53,.08);color:var(--pc-green);cursor:pointer;flex-shrink:0;transition:background .2s ease}.portal-navbar-menu-btn:hover{background:rgba(18,72,53,.14)}@media (min-width:1024px){.portal-navbar-menu-btn{display:none}}.portal-navbar-brand{display:flex;flex-direction:column;flex-shrink:0}.portal-navbar-brand a{color:var(--pc-green);text-decoration:none;font-weight:700;font-size:1.125rem;letter-spacing:.02em;line-height:1.2}.portal-navbar-brand a:hover{text-decoration:underline}.portal-navbar-product{margin-top:.1rem}.portal-navbar-product,.portal-navbar-user{font-size:.7rem;color:var(--portal-text-muted)}.portal-navbar-user{margin-top:.25rem}.portal-navbar-nav{display:none;align-items:center;gap:.125rem;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:thin}.portal-navbar-nav::-webkit-scrollbar{height:4px}@media (min-width:1024px){.portal-navbar-nav{display:flex}}.portal-navbar-link{display:inline-block;padding:.5rem .75rem;color:var(--portal-text-muted);text-decoration:none;font-size:.875rem;white-space:nowrap;border-radius:4px;transition:background .15s ease,color .15s ease}.portal-navbar-link:hover{background:var(--portal-bg);color:var(--pc-green)}.portal-navbar-link.active{background:rgba(18,72,53,.08);color:var(--pc-green);font-weight:500}.portal-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.portal-header{padding:.75rem 1rem;background:var(--portal-card);border-bottom:1px solid var(--portal-border);flex-shrink:0}@media (min-width:768px){.portal-header{padding:.75rem 1.5rem}}.portal-header-title{font-size:1.0625rem;font-weight:600;color:var(--pc-green);margin:0}@media (min-width:768px){.portal-header-title{font-size:1.125rem}}.portal-content{flex:1 1;padding:1rem;overflow:auto;min-width:0}@media (min-width:768px){.portal-content{padding:1.25rem 1.5rem}}.portal-navbar-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:40;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.portal-navbar-mobile-overlay.open{opacity:1;visibility:visible}@media (min-width:1024px){.portal-navbar-mobile-overlay{display:none}}.portal-navbar-mobile{position:fixed;top:0;left:0;bottom:0;width:min(18rem,85vw);max-width:18rem;background:var(--portal-card);border-right:1px solid var(--portal-border);box-shadow:0 8px 24px rgba(18,72,53,.12);z-index:50;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto}.portal-navbar-mobile.open{transform:translateX(0)}@media (min-width:1024px){.portal-navbar-mobile{display:none}}.portal-navbar-mobile-inner{padding:1rem 0}.portal-navbar-mobile-link{display:block;padding:.75rem 1.25rem;color:var(--portal-text);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.portal-navbar-mobile-link:hover{background:var(--portal-bg);color:var(--pc-green)}.portal-navbar-mobile-link.active{background:rgba(18,72,53,.08);color:var(--pc-green);font-weight:600}.portal-placeholder-card{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:8px;padding:1.5rem;max-width:36rem}.portal-placeholder-card h2{color:var(--pc-green);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.portal-placeholder-card p{color:var(--portal-text-muted);font-size:.9rem;line-height:1.5;margin:0}.portal-table-wrap{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:8px;overflow:hidden}.portal-table{width:100%;border-collapse:collapse;font-size:.875rem}.portal-table td,.portal-table th{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--portal-border)}.portal-table th{font-weight:600;color:var(--portal-text-muted);background:var(--portal-bg)}.portal-table tbody tr:last-child td{border-bottom:none}.portal-table tbody tr:hover{background:var(--portal-bg)}.portal-table a{color:var(--pc-green);text-decoration:none;font-weight:500}.portal-table a:hover{text-decoration:underline}.portal-detail-section{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.portal-detail-section h2{font-size:1rem;font-weight:600;color:var(--pc-green);margin:0 0 .75rem}.portal-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}.portal-detail-meta{font-size:.875rem}.portal-detail-meta dt{color:var(--portal-text-muted);font-weight:500;margin-bottom:.2rem}.portal-detail-meta dd{margin:0;color:var(--portal-text)}.portal-status{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8125rem;font-weight:500}.portal-status--draft{background:#f3f4f6;color:#4b5563}.portal-status--pending{background:#fef3c7;color:#92400e}.portal-status--delivered{background:#d1fae5;color:#065f46}.portal-status--failed,.portal-status--returned{background:#fee2e2;color:#991b1b}.portal-status--open{background:#dbeafe;color:#1e40af}.portal-status--in_progress{background:#fef3c7;color:#92400e}.portal-status--resolved{background:#d1fae5;color:#065f46}.portal-status--closed{background:#f3f4f6;color:#4b5563}.portal-form-actions{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.portal-tracking-timeline{list-style:none;padding:0;margin:0}.portal-tracking-timeline li{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--portal-border);font-size:.875rem}.portal-tracking-timeline li:last-child{border-bottom:none}.portal-tracking-timeline time{flex-shrink:0;color:var(--portal-text-muted);min-width:10rem}.portal-tracking-timeline .portal-tracking-event-type{font-weight:500;color:var(--portal-text);text-transform:capitalize}.portal-tracking-timeline .portal-tracking-notes{color:var(--portal-text-muted);margin-top:.25rem}.merchant-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;background:var(--portal-bg)}.merchant-guard-loading__spinner{width:2rem;height:2rem;border:2px solid var(--portal-border);border-top-color:var(--pc-green);border-radius:50%;animation:merchant-spin .8s linear infinite}@keyframes merchant-spin{to{transform:rotate(1turn)}}.merchant-guard-loading__text{color:var(--portal-text-muted);font-size:.9rem}.merchant-access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--portal-bg)}.merchant-access-denied__card{max-width:28rem;background:var(--portal-card);border:1px solid var(--portal-border);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:2rem;text-align:center}.merchant-access-denied__title{font-size:1.25rem;font-weight:600;color:var(--portal-text);margin-bottom:.75rem}.merchant-access-denied__message{color:var(--portal-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.merchant-access-denied__hint{color:var(--portal-text-muted);font-size:.85rem;margin-bottom:1.5rem}.merchant-access-denied__actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.merchant-access-denied__btn{display:inline-block;padding:.6rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:background .15s}.merchant-access-denied__btn--primary{background:var(--pc-green);color:white}.merchant-access-denied__btn--primary:hover{filter:brightness(1.05)}.merchant-access-denied__btn--secondary{background:transparent;color:var(--portal-text);border:1px solid var(--portal-border)}.merchant-access-denied__btn--secondary:hover{background:rgba(18,72,53,.06)}.merchant-access-denied__support{font-size:.8rem;color:var(--portal-text-muted)}.merchant-callback{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--portal-bg)}.merchant-callback__error,.merchant-callback__text{color:var(--portal-text-muted);font-size:.9rem}.merchant-callback__error{color:#b91c1c}.merchant-callback__link{color:var(--pc-green);font-size:.9rem}.merchant-handoff{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--portal-bg)}.merchant-handoff__card{max-width:28rem;width:100%;background:var(--portal-card);border:1px solid var(--portal-border);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:2rem;text-align:center}.merchant-handoff__card--failure{border-color:rgba(185,28,28,.3);background:rgba(254,226,226,.3)}.merchant-handoff__title{font-size:1.25rem;font-weight:600;color:var(--portal-text);margin-bottom:.75rem}.merchant-handoff__message{color:var(--portal-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.merchant-handoff__text{color:var(--portal-text-muted);font-size:.9rem;margin:0}.merchant-handoff__btn{display:inline-block;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s}.merchant-handoff__btn--primary{background:var(--pc-green);color:white}.merchant-handoff__btn--primary:hover{filter:brightness(1.05)}