:root{--orange:#fa4616;--ink:#171412;--muted:#746e69;--cream:#faf8f5;--line:#e8e3dd;--white:#fff;--green:#21805a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Work Sans',Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 72px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{min-height:82px;display:flex;align-items:center;gap:48px}.brand,.login-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:24px;letter-spacing:-1.6px;font-weight:800;line-height:1}.brand span span,.login-brand span span{color:var(--orange)}.brand small,.login-brand small{display:block;margin-top:4px;color:#8c817a;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.brand-mark{width:34px;height:34px;position:relative;display:inline-block;border:7px solid var(--orange);border-radius:50%;flex:none}.brand-mark i{position:absolute;background:var(--orange);width:7px;height:7px;border-radius:50%}.brand-mark i:nth-child(1){top:-9px;left:12px}.brand-mark i:nth-child(2){right:-8px;bottom:0}.brand-mark i:nth-child(3){left:-8px;bottom:-2px}.header-nav{display:flex;gap:32px;margin-left:30px}.header-nav a{font-size:13px;font-weight:700;color:#625b56}.header-nav a:hover,.text-button:hover{color:var(--orange)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:13px}.user-avatar,.row-monogram,.customer-monogram{display:grid;place-items:center;border-radius:50%;background:#ffe6df;color:var(--orange);font-weight:800}.user-avatar{width:34px;height:34px}.user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.text-button{border:0;background:transparent;color:#706a64;font-size:12px;font-weight:700}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:46px 0 35px;border-top:1px solid var(--line);color:#9a918b;font-size:12px}.page{padding:42px 0 80px;min-height:calc(100vh - 170px)}.breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 30px;color:#9c938e;font-size:12px;font-weight:600}.breadcrumb a:hover{color:var(--orange)}.eyebrow{margin:0 0 13px;color:var(--orange);text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:800}.eyebrow.light{color:#ffd0c2}.page-heading{margin:14px 0 55px}.page-heading h1{font-size:clamp(36px,5vw,62px);letter-spacing:-3.7px;line-height:1.05;margin:0 0 16px;font-weight:800}.page-heading h1 span{color:var(--orange)}.page-heading>p:last-child{color:#77706a;font-size:16px;margin:0}.dashboard-hero{min-height:335px;border-radius:4px;background:var(--orange);color:white;padding:48px 58px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.dashboard-hero>div:first-child{z-index:1}.dashboard-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-4px;margin:0 0 18px;font-weight:800}.dashboard-hero h1 em{font-style:normal;color:#26110c}.dashboard-hero p:not(.eyebrow){font-size:15px;margin:0 0 34px;max-width:370px}.hero-label{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:9px 15px;font-size:11px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:white}.hero-orbit{position:absolute;right:0;top:0;width:520px;height:335px}.hero-ring{border:1px solid rgba(255,255,255,.32);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:270px;height:270px}.ring-b{width:430px;height:430px}.hero-core{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#1c1512;display:grid;place-content:center;box-shadow:0 10px 30px rgba(143,35,8,.12);font-size:25px;font-weight:800;letter-spacing:-2px}.hero-core span{color:var(--orange)}.satellite{position:absolute;background:#fff;color:var(--orange);display:grid;place-items:center;font-weight:800;border-radius:50%;box-shadow:0 8px 30px rgba(130,30,6,.12)}.sat-a{width:56px;height:56px;top:24px;left:150px;font-size:25px}.sat-b{width:49px;height:49px;bottom:35px;right:92px;font-size:25px}.sat-c{width:38px;height:38px;bottom:72px;left:78px;font-size:26px}.catalog-section{margin-top:75px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-title h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-2px;line-height:1.1;margin:0 0 6px;font-weight:800}.section-title p:last-child:not(.eyebrow){margin:0;color:#8b817b;font-size:14px}.title-dot{color:var(--orange)}.count{border:1px solid var(--line);border-radius:30px;background:#fff;padding:8px 14px;color:#8c817b;font-size:11px;font-weight:700;white-space:nowrap}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{min-height:300px;padding:25px 27px 22px;background:#fff;border:1px solid #eee8e2;border-radius:3px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(50,35,20,.07);border-color:#f5b19d}.tile-top{display:flex;align-items:start;justify-content:space-between}.tile-icon,.row-icon{display:grid;place-items:center;color:var(--orange);background:#fff0ea;border-radius:12px}.tile-icon{width:62px;height:62px}.tile-icon svg{width:34px;height:34px}.tile-number{font-size:11px;color:#c8beb6;font-weight:800;letter-spacing:1px}.tile-content{margin-top:22px;flex:1}.tile-kind{display:block;color:var(--orange);text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:800;margin-bottom:7px}.tile h3{font-size:23px;letter-spacing:-1px;margin:0 0 7px;line-height:1.18}.tile p{font-size:13px;line-height:1.5;color:#817973;margin:0}.tile-link{margin-top:25px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:var(--orange);font-size:12px;font-weight:800}.tile-link span{font-size:20px;line-height:1}.tile-link.muted{color:#aaa09a}.tile-pending{background:#fdfcfb}.empty-state{padding:65px 30px;border:1px dashed #e1d6ce;background:#fff;text-align:center}.empty-state h2{margin:9px 0 6px;font-size:23px}.empty-state p{color:#8a817b;margin:0}.empty-state.compact{padding:30px}.empty-symbol{color:var(--orange);font-size:40px}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.customer-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:24px;min-height:110px}.customer-card:hover{border-color:var(--orange)}.customer-monogram{width:52px;height:52px;border-radius:12px;flex:none}.customer-card strong,.customer-card small{display:block}.customer-card small{color:#9a9089;font-size:12px;margin-top:3px}.customer-card .arrow{margin-left:auto;color:var(--orange);font-size:23px}.login-page{background:#fff}.login-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);min-height:100vh}.login-intro{position:relative;overflow:hidden;background:var(--orange);padding:12vh max(8%,40px);color:#fff}.login-kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:#ffe0d7;margin-bottom:50px}.login-intro h1{font-size:clamp(45px,5vw,77px);line-height:1.05;letter-spacing:-4px;margin:0 0 22px}.login-intro h1 em{font-style:normal;color:#29140e}.login-intro>p{max-width:470px;line-height:1.6}.login-art{position:absolute;bottom:-180px;left:50%;transform:translateX(-50%);width:600px;height:600px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:250px;height:250px}.orbit-two{width:420px;height:420px}.orbit-three{width:590px;height:590px}.art-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-content:center;width:200px;height:200px;background:white;border-radius:50%;font-weight:800;font-size:32px;letter-spacing:-2px;color:var(--ink)}.art-center span{color:var(--orange)}.login-panel{align-self:center;width:min(430px,calc(100% - 70px));margin:auto;padding:50px 0}.login-brand{margin-bottom:75px;font-size:28px}.login-panel h2{font-size:34px;letter-spacing:-1.7px;line-height:1.15;margin:0 0 12px}.login-panel>p:not(.eyebrow):not(.login-help){color:#8a817a;margin:0 0 30px}.stack-form{display:grid;gap:17px}.stack-form label,.admin-form label,.url-field{display:grid;gap:8px;font-size:12px;font-weight:700}.stack-form input,.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea,.url-field input{width:100%;border:1px solid #dfd9d3;background:white;border-radius:3px;padding:12px 13px;color:var(--ink);outline:0}.stack-form input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.url-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fa461622}.stack-form .button{margin-top:6px;width:100%;justify-content:space-between}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--orange);border-radius:3px;padding:12px 19px;font-size:12px;font-weight:800}.button-primary{background:var(--orange);color:white}.button-primary:hover{background:#e33b0d}.button-secondary,.button-small{color:var(--orange);background:white}.button-small{padding:9px 12px}.login-help{font-size:11px;color:#9a9089;margin-top:35px}.alert{padding:13px 17px;margin:18px 0;border-radius:3px;font-size:13px}.alert-error{background:#fff0eb;color:#9f351b;border:1px solid #f5c9bb}.alert-success{background:#eaf8ee;color:#277048;border:1px solid #c9e9d2}.alert ul{margin:7px 0 0;padding-left:20px}.admin-page .page-heading{margin-bottom:33px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:55px}.admin-nav a{background:#fff;border:1px solid var(--line);padding:12px 16px;font-weight:700;font-size:12px}.admin-nav a:hover{border-color:var(--orange);color:var(--orange)}.admin-nav span{color:var(--orange);margin-left:7px}.admin-section{margin:0 0 65px;scroll-margin-top:20px}.form-panel,.list-panel,.entitlement-list{background:white;border:1px solid var(--line)}.form-panel{margin-bottom:16px}.form-panel>summary{list-style:none;cursor:pointer;padding:18px 24px;font-size:13px;font-weight:800}.form-panel>summary::-webkit-details-marker{display:none}.plus{color:var(--orange);font-size:20px;margin-right:8px}.admin-form{padding:20px;border-top:1px solid var(--line);display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-form small{color:#9c918b;font-weight:400}.check{display:flex!important;align-items:center;gap:8px;font-size:12px;font-weight:700}.check input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px}.form-options,.customer-choices{display:flex;gap:22px;flex-wrap:wrap}.customer-choices{border:1px solid var(--line);padding:15px}.customer-choices legend{font-size:12px;font-weight:800;padding:0 6px}.list-row{display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.list-row:last-child{border:0}.row-monogram{width:43px;height:43px;flex:none;font-size:12px}.row-icon{width:43px;height:43px;flex:none;border-radius:9px}.row-icon svg{width:25px;height:25px}.row-main{flex:1;min-width:200px}.row-main strong,.row-main small{display:block}.row-main strong{font-size:13px}.row-main small{font-size:11px;color:#92877f;margin-top:3px}.badge{font-size:10px;font-weight:800;color:#9b9189;background:#f2eeea;border-radius:20px;padding:6px 10px}.badge-active{color:var(--green);background:#eaf7f0}.row-action,.row-details>summary{color:var(--orange);font-size:11px;font-weight:800;cursor:pointer}.row-details>summary{list-style:none}.row-details>summary::-webkit-details-marker{display:none}.row-details[open]{width:100%;border-top:1px solid var(--line);padding-top:14px}.row-details .admin-form{border:0;padding:0}.entitlement-row{display:grid;grid-template-columns:minmax(180px,1.1fr) 125px minmax(190px,1.2fr) auto;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line)}.entitlement-row:last-child{border:0}.entitlement-name{display:flex;align-items:center;gap:12px}.entitlement-name strong,.entitlement-name small{display:block}.entitlement-name strong{font-size:13px}.entitlement-name small{font-size:11px;color:#92877f}.url-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#9c918b}.url-field{min-width:0}.url-field input{padding:9px 10px;font-size:11px}@media(max-width:1000px){.tile-grid,.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-orbit{right:-130px;opacity:.7}.entitlement-row{grid-template-columns:minmax(180px,1fr) 120px minmax(170px,1fr)}.entitlement-row .button{grid-column:3;justify-self:end}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.header-inner{min-height:70px;gap:14px;flex-wrap:wrap;padding:12px 0}.brand{font-size:19px}.brand-mark{transform:scale(.8);margin-right:-4px}.header-nav{order:3;width:100%;margin:0;gap:24px}.header-nav a{font-size:11px}.user-name{display:none}.user-menu{gap:5px}.text-button{font-size:11px}.site-footer{font-size:10px}.page{padding:25px 0 55px}.page-heading{margin-bottom:36px}.page-heading h1{letter-spacing:-2px}.dashboard-hero{padding:32px 26px;min-height:330px}.dashboard-hero h1{letter-spacing:-2.5px}.hero-orbit{right:-250px;opacity:.24}.catalog-section{margin-top:55px}.section-title{align-items:start}.section-title .count{display:none}.tile-grid,.customer-grid{grid-template-columns:1fr}.tile{min-height:270px}.login-wrap{grid-template-columns:1fr}.login-intro{min-height:270px;padding:35px 30px}.login-kicker{margin-bottom:25px}.login-intro h1{font-size:42px;letter-spacing:-2px}.login-art{left:auto;right:-220px;bottom:-350px;transform:none;opacity:.3}.login-panel{padding:45px 0}.login-brand{margin-bottom:45px}.form-grid{grid-template-columns:1fr}.entitlement-row{grid-template-columns:1fr;gap:12px}.entitlement-row .button{grid-column:auto;justify-self:start}.list-row{gap:10px}.row-details[open]{order:5}}
