@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#03090a;--panel:#0a1618;--border:#294044;--muted:#a2b4b8;--red:#ff1428}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f8f8;font:15px/1.5 Inter,Arial,sans-serif}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:4px}h1,h2,h3{line-height:1.1}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:clamp(2.8rem,6vw,4.7rem);text-transform:uppercase;margin:6px 0 16px}h2{font-size:1.9rem;margin:0 0 14px}h3{font-size:1rem}p{color:var(--muted)}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--border);background:#050d0f}.portal-header img{display:block;width:185px;height:auto}.portal-header>div{display:flex;gap:18px;align-items:center}.portal-header a{text-decoration:none}.portal-header button{background:transparent;border:1px solid var(--border);color:white;padding:10px 16px;border-radius:6px}.portal-main{width:min(1220px,calc(100% - 40px));margin:42px auto 80px}.eyebrow{color:#ff4353;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid transparent;border-radius:6px;font-size:.82rem;line-height:1.4;font-weight:800;text-decoration:none}.primary{background:var(--red);color:#fff}.primary:hover{background:#dd1022}.secondary{background:#0b191b;border-color:#3a5358;color:#e2ebed}.secondary:hover{border-color:#99b1b6;background:#102428}.text-link{color:#d7e8eb;border:0;background:none;text-decoration:underline;padding:10px 0;font-size:.82rem}.auth-card{max-width:640px;margin:6vh auto;padding:clamp(24px,5vw,48px);background:linear-gradient(140deg,#102326,#060f11);border:1px solid var(--border);border-top:4px solid var(--red);border-radius:12px}.auth-card h1{font-size:clamp(3rem,7vw,4rem)}.portal-form{display:grid;gap:18px}.portal-form label{display:grid;gap:7px;font-size:.8rem;color:#c6d5d8;font-weight:600}.portal-form input,.portal-form textarea,.portal-form select{width:100%;min-width:0;min-height:46px;border:1px solid #3a5358;border-radius:5px;background:#040c0e;padding:11px 12px;color:#fff;outline-offset:3px}.portal-form textarea{resize:vertical;min-height:90px}.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus{outline:2px solid #ff4253}.portal-form input:read-only{opacity:.65}.portal-form fieldset{min-width:0;margin:0;padding:22px;border:1px solid var(--border);border-radius:8px;display:grid;gap:15px;align-content:start}.portal-form legend{font-weight:800;padding:0 8px}.portal-form>button{justify-self:start}.auth-card form>button{width:100%}.access-help{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.access-help summary{cursor:pointer;color:#d7e3e6}.form-message{color:#ffb4bc;line-height:1.6}.form-message:empty{display:none}.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-welcome p{margin-bottom:0}.portal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.portal-summary>div{display:flex;align-items:center;gap:18px;padding:22px 25px;background:linear-gradient(130deg,#0d2023,#081214);border:1px solid var(--border);border-radius:9px}.portal-summary b{font-size:2rem;color:#ff4051}.portal-summary span{font-size:.82rem;color:#b6c8cb}.portal-tabs{display:flex;gap:7px;padding-bottom:18px;overflow:auto;margin-bottom:15px}.portal-tabs button{flex-shrink:0;padding:13px 18px;border:1px solid var(--border);border-radius:7px;background:#0a1618;color:#a8bec2;font-weight:700}.portal-tabs button.active{background:#2a1015;border-color:#ff4051;color:#fff}.portal-tabs span{color:#ff6c79;margin-left:7px}.portal-order{border:1px solid var(--border);border-radius:10px;background:linear-gradient(140deg,#0b1a1d,#060e10);margin-bottom:22px;overflow:hidden}.portal-order>header{display:flex;align-items:center;gap:22px;padding:25px}.design-thumb{display:block;flex-shrink:0;width:86px;height:86px;padding:5px;border:1px solid #2f4a50;border-radius:7px;background:#040b0c;overflow:hidden}.design-thumb img{display:block;width:100%;height:100%;object-fit:contain}.design-placeholder{display:grid;place-items:center;width:86px;height:86px;border-radius:6px;background:#142b30;color:#8daab1;font-weight:800;font-size:1.8rem;flex-shrink:0}.order-heading{flex:1;min-width:0}.order-heading>small{font-size:.72rem;color:#97afb4}.order-heading h2{font-family:Inter,Arial,sans-serif;text-transform:none;font-size:1.1rem;line-height:1.4;margin:7px 0 10px;overflow-wrap:anywhere}.order-heading h2 span{font-size:.78rem;color:#9fb7bc;font-weight:500}.order-amount{display:grid;gap:7px;text-align:right}.order-amount b{font-size:1.25rem;white-space:nowrap}.order-amount small{font-size:.72rem;color:#a5bbbf}.status-pill{display:inline-block;color:#c1d6db;background:#12272c;border:1px solid #2d4950;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600}.stage-7,.stage-8{color:#a7e1c2;background:#0e2b20;border-color:#285d45}.stage-0{color:#ffd99b;background:#30240e;border-color:#60451e}.order-progress{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:8px 24px 24px;padding:0}.order-progress li{display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;color:#76949b;font-size:.66rem;text-align:center;padding:0 2px}.order-progress li:before{content:'';position:absolute;top:14px;left:-50%;right:50%;height:2px;background:#253e43}.order-progress li:first-child:before{display:none}.order-progress i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;z-index:1;background:#101f23;border:2px solid #314d54;border-radius:50%;font-weight:800}.order-progress .done{color:#c7d9dc}.order-progress .done i{background:#153c2e;border-color:#377c59;color:#c0ecd4}.order-progress .current{color:#fff;font-weight:700}.order-progress .current i{background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px #ff14281a}.order-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 25px 22px}.order-details{border-top:1px solid var(--border)}.order-details>summary{padding:16px 25px;font-size:.78rem;color:#b9cdd1;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.order-details>summary::-webkit-details-marker{display:none}.order-details[open]>summary span{transform:rotate(45deg)}.design-list{padding:0 25px}.design-line{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid var(--border)}.design-line>div:not(.design-placeholder){flex:1;min-width:0}.design-line b{font-size:.86rem}.design-line p{font-size:.75rem;margin:5px 0}.design-line .design-thumb{width:65px;height:65px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 25px 25px;font-size:.8rem}.order-detail-grid p{overflow-wrap:anywhere}.order-timeline{list-style:none;padding:0;border-left:2px solid #284149}.order-timeline li{display:grid;grid-template-columns:85px 1fr;gap:12px;margin:13px 0;padding-left:14px}.order-timeline time{color:#7b9aa2;font-size:.72rem}.request-pending{padding:0 25px;font-size:.85rem}.portal-empty{text-align:center;padding:65px 22px;border:1px dashed #304e55;border-radius:10px;background:#071316}.portal-empty>span{font-size:2rem;color:#5cb689}.portal-empty h2{margin:12px 0}.portal-empty p{margin-bottom:25px}.section-heading{margin:25px 0}.section-heading p{font-size:.85rem;max-width:780px}.saved-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.saved-designs article{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.saved-designs .design-thumb{width:100%;height:200px;margin-bottom:16px}.saved-designs small{color:#7e9ea5}.saved-designs p{font-size:.8rem}.saved-designs .primary{width:100%}.invoice-list article{display:flex;align-items:center;gap:20px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:12px 0}.invoice-list article>div{flex:1}.invoice-list p{font-size:.75rem;margin:5px 0}.address-grid,.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-panel{margin-top:35px;padding:25px;border:1px solid var(--border);border-radius:8px;background:#071315}.security-panel form{max-width:500px}.portal-help{margin-top:40px;border-top:1px solid var(--border);padding-top:25px;display:flex;align-items:center;gap:12px}.portal-help>div{flex:1}.portal-help p{font-size:.8rem;margin:5px 0}dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid #42616b;border-top:4px solid var(--red);border-radius:10px;background:#09171a;color:#f4f8f9;overflow:auto;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog>p:not(.eyebrow){font-size:.85rem;padding-right:20px}.dialog-close{position:absolute;right:12px;top:10px;width:32px;height:32px;background:#172d33;color:#fff;border:1px solid #41616b;border-radius:5px;font-size:1.3rem}.request-preview{width:100%;height:170px;object-fit:contain;background:#030b0d}.image-dialog{width:min(900px,calc(100vw - 24px));padding:45px 15px 15px}.image-dialog img{width:100%;max-height:75dvh;object-fit:contain}.muted{color:var(--muted);font-size:.8rem}
@media(max-width:800px){.saved-designs{grid-template-columns:repeat(2,1fr)}.portal-summary>div{padding:17px;gap:12px}.portal-summary span{font-size:.75rem}.address-grid{grid-template-columns:1fr}.portal-header{padding:12px 20px}}
@media(max-width:560px){.portal-main{width:calc(100% - 24px);margin:25px auto 50px}.portal-header{padding:10px 14px;gap:10px}.portal-header img{width:145px}.portal-header>div{gap:10px;font-size:.7rem}.portal-header button{padding:8px}.portal-welcome{display:block}.portal-welcome>.primary{margin-top:20px}.portal-summary{gap:8px;margin:22px 0}.portal-summary>div{display:grid;padding:13px 10px;gap:3px}.portal-summary b{font-size:1.65rem}.portal-summary span{font-size:.66rem}.portal-tabs button{padding:11px 13px;font-size:.75rem}.portal-order>header{padding:18px;gap:13px;flex-wrap:wrap}.portal-order>header .design-thumb,.portal-order>header .design-placeholder{width:65px;height:65px}.order-heading{min-width:160px}.order-amount{width:100%;display:flex;justify-content:space-between;text-align:left;border-top:1px solid #243d43;padding-top:12px}.order-amount b{font-size:1.1rem}.order-progress{margin:10px 12px 22px}.order-progress li{font-size:.56rem}.order-progress i{width:25px;height:25px}.order-progress li:before{top:12px}.order-actions{padding:0 18px 18px}.order-actions .primary,.order-actions .secondary{flex:1}.order-details>summary{padding:15px 18px;font-size:.73rem}.design-list{padding:0 18px}.design-line{flex-wrap:wrap}.design-line>.secondary{width:100%}.order-detail-grid{grid-template-columns:1fr;padding:0 18px 20px;gap:8px}.saved-designs{grid-template-columns:1fr}.invoice-list article{flex-wrap:wrap;padding:18px}.invoice-list article>a{width:100%}.portal-help{flex-wrap:wrap}.portal-help>div{width:100%;flex-basis:100%}.portal-help a{flex:1}.portal-form fieldset{padding:17px}.field-row{gap:12px}.security-panel{padding:18px}dialog{padding:28px 20px}.auth-card{margin:30px 0;padding:25px 20px}}