:root{--navy:#06265b;--blue:#0879ff;--cyan:#00b9d9;--ink:#09275b;--line:#dce7f5}*{box-sizing:border-box}body{margin:0;background:#f7faff;color:var(--ink);font:13px Arial,sans-serif}.portal-header{display:block;height:auto;padding:0;background:#fff;box-shadow:0 2px 12px #05275c14}.portal-header:before{content:'🔥  RESELLER PROGRAM AVAILABLE   Get wholesale pricing and grow your own print business.';display:block;background:linear-gradient(90deg,#05275c,#00a8cf);color:#fff;font-weight:800;padding:11px 5%;font-size:12px}.portal-header>a{display:inline-flex;vertical-align:middle;margin:15px 4%}.portal-header img,dialog img{max-height:60px;max-width:190px;object-fit:contain}.portal-header:after{content:'HOME     SIGNS & BANNERS     T-SHIRTS & APPAREL     PRINT PRODUCTS     WEBSITES     TRACK ORDER     ABOUT US     💬 CHAT WITH US';white-space:pre;display:inline-block;vertical-align:middle;font-weight:800;font-size:12px;letter-spacing:.02em}.portal-header div{position:absolute;right:4%;top:56px}.portal-header button,.actions button{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800;padding:10px 14px;border-radius:7px}.portal{max-width:1460px;margin:auto;padding:22px 5% 32px}.back,.eyebrow{font-weight:800;font-size:11px;color:var(--blue);text-decoration:none}.portal-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.portal-title h1{font-size:29px;margin:7px 0}.actions{display:flex;gap:10px}.primary{border:0!important;background:linear-gradient(110deg,var(--blue),var(--cyan))!important;color:#fff!important;box-shadow:0 7px 18px #0879ff3b}.summary-grid{display:grid;grid-template-columns:1fr 1.1fr .9fr 1.8fr;gap:14px;margin:18px 0}.card,.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px;box-shadow:0 5px 16px #09275b0a}.summary-grid p{font-size:11px;font-weight:800;margin:0 0 12px}.summary-grid strong,.summary-grid span{display:block;margin:5px 0}.summary-grid .total{background:linear-gradient(145deg,#063b90,#00a7dc);color:#fff;text-align:center}.total strong{font-size:30px}.summary-grid article:last-child:after{content:'●  —  ○  —  ○  —  ○  —  ○\A Sent       Viewed      Approved       Paid      Completed';white-space:pre;display:block;color:#6f82a0;font-size:10px;line-height:2;margin-top:14px}.content-grid{display:grid;grid-template-columns:1.65fr .95fr;gap:15px}h2{font-size:15px;text-transform:uppercase;margin:0 0 12px}table{width:100%;border-collapse:collapse}th,td{padding:12px 7px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}td small,td span,.file span{display:block;color:#526d96;margin-top:4px}.totals{margin:18px 0 0 auto;max-width:320px}.totals span,.totals strong{display:flex;justify-content:space-between;padding:6px}.file{border-bottom:1px solid var(--line);padding:10px 0}.upload{display:block;border:1px dashed var(--blue);padding:13px;color:var(--blue);font-weight:bold;margin:15px 0}.upload input{display:block;margin-top:6px}.message{padding:9px 11px;border-radius:8px;background:#eef3f9}.message.customer{background:#0879ff;color:#fff;margin-left:36px}.card form{display:flex;gap:6px}.card form input{min-width:0;flex:1}input{padding:10px;border:1px solid var(--line);border-radius:6px}dialog{max-width:460px;border:0;border-radius:14px;box-shadow:0 20px 60px #0007;color:var(--ink)}dialog::backdrop{background:#06265b88}dialog form{display:grid;gap:13px}dialog h2{font-size:24px;margin:0}dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}dialog dl div{background:#f4f8fd;padding:10px;border-radius:7px}dialog dt{font-size:11px;color:#526d96}dialog dd{font-weight:800;margin:4px 0 0}.close{float:right;border:0;background:none;font-size:24px}.loading,.empty{max-width:600px;margin:80px auto;background:#fff;padding:30px;border-radius:10px}.portal:after{content:'🔔  Instant Notifications          💬  100% Written Communication          🛡  Secure & Private';display:block;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:800;word-spacing:3px}@media(max-width:900px){.portal-header:after{display:none}.portal-header div{top:61px}.summary-grid,.content-grid{grid-template-columns:1fr}.portal-title{align-items:flex-start;flex-direction:column}table thead{display:none}table,tr,td{display:block;width:100%;text-align:left}td{border:0;padding:4px}.portal{padding:20px}.actions{width:100%}.actions button{flex:1}.portal:after{line-height:2}.summary-grid article:last-child:after{font-size:9px}}