:root{--teal:#087f8c;--navy:#101e31;--muted:#778493}body{background:#f3f6f9;color:#203047}aside{background:var(--navy);width:250px;padding:30px 23px}.brand{display:flex;align-items:center;gap:12px}.brandMark{font-size:25px;display:grid;place-items:center;width:42px;height:44px;background:#087f8c;border-radius:12px;color:#fff}.brand>span{font-size:19px;letter-spacing:2px}.studioLabel{display:block!important;font-size:8px!important;letter-spacing:2px!important;font-weight:500;margin-top:5px;color:#86c6cc}aside>small{font-size:8px;margin-top:25px;color:#667d93}nav{margin-top:19px;gap:8px}nav button{padding:14px 15px;font-weight:500;font-size:13px;border-radius:9px}nav button.active{background:#173e4c;color:#b4f0eb;border:1px solid #245867}.workspaceBadge{font-size:9px;letter-spacing:1.4px;border:1px solid #345163;padding:7px 10px;border-radius:5px;color:#7bc4c9}.sideBottom>p{font-size:13px;color:#d1e1ed;margin:15px 0 5px}main{margin-left:250px;padding:34px 38px;max-width:1800px}header{padding-bottom:5px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#708395}.liveDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#18a8a0;margin-right:6px}.crumb{margin-left:5px;color:#9da7b2}h1{font-size:28px;letter-spacing:-.8px;font-weight:650}header p{font-size:12px;color:#7d8999}button.primary{background:var(--teal);border-color:var(--teal);box-shadow:0 4px 8px #087f8c16}button.primary:hover{background:#056b78;border-color:#056b78}button{font-size:12px;padding:11px 15px;border-color:#dbe3eb}button:hover{background:#edf4f5}input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#87cace}input[type=checkbox]{accent-color:var(--teal)}.stats{margin:25px 0;gap:16px}.stats div{border:1px solid #e1e7ee;padding:19px 21px;box-shadow:0 3px 7px #24344803}.stats span{font-size:11px;color:#84909e}.stats strong{font-size:27px;color:#243750;font-weight:650;margin-top:9px}.stats em{background:#e0f2f0;color:var(--teal);margin-left:8px}.hero{display:flex;min-height:290px;border-radius:15px;background:linear-gradient(110deg,#142d43,#164253);color:white;overflow:hidden;position:relative}.heroContent{padding:32px 36px;flex:1;z-index:1}.heroEyebrow{color:#82c9cf;font-size:9px;letter-spacing:1.8px}.hero h2{font-size:32px;line-height:1.17;letter-spacing:-.8px;margin:19px 0 13px;font-weight:600}.hero p{font-size:12px;line-height:1.8;color:#a6becb;max-width:370px}.heroActions{display:flex;gap:10px;margin-top:24px}.heroActions .primary{background:#f1ad56;border-color:#f1ad56;color:#1a2b3a}.heroActions .primary:hover{background:#ffc77f}.heroActions>button:last-child{background:#ffffff0c;color:#cfdee6;border-color:#ffffff30}.heroArtwork{width:340px;position:relative;display:grid;place-items:center}.heroArtwork:before{content:'';width:320px;height:320px;border:1px solid #ffffff0c;border-radius:50%;position:absolute;top:10px;left:10px}.paperMock{background:white;color:#172e46;width:206px;padding:19px;transform:rotate(8deg);box-shadow:-15px 15px 35px #071a2d77;border-radius:5px}.mockTitle{font-size:10px;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between}.mockTitle i{font-size:6px;color:#81929e;font-style:normal}.mockBanner{height:39px;background:linear-gradient(135deg,#def0f1,#5ca5ae);margin:12px 0}.mockBar{height:11px;background:#087f8c}.mockRow{height:43px;display:flex;border:1px solid #ddd}.mockRow b{font-size:6px;background:#e2eeee;width:34px;display:grid;place-items:center}.mockRow span{width:84px;background:repeating-linear-gradient(180deg,#fff 0px,#fff 5px,#dbe3e7 6px,#fff 7px);margin:7px}.mockRow i{font-style:normal;color:#087f8c;display:grid;place-items:center;font-size:24px}.paperMock small{font-size:5px;letter-spacing:1px;display:block;margin-top:12px;color:#a4acb4}.floatingLabel{position:absolute;bottom:27px;right:27px;color:#ccece7;background:#144e58;border:1px solid #3b6e74;box-shadow:0 7px 15px #071a2d35;padding:12px 17px;border-radius:8px;font-size:11px}.dashboardGrid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:23px}.card{background:white;border:1px solid #e2e8ee;border-radius:12px;padding:25px}.cardTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.card h3{font-size:18px;margin:9px 0;color:#243750;font-weight:600}.pill{font-size:9px;background:#eef5f5;color:#648085;border-radius:5px;padding:6px 9px}.step{display:flex;width:100%;align-items:center;gap:16px;text-align:left;border:0;border-top:1px solid #edf1f5;border-radius:0;padding:19px 0;background:white}.step:hover{background:#f6fafb}.stepNumber{background:#eff6f7;color:#087f8c;font-size:12px;width:36px;height:38px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.step strong{font-size:12px;display:block;font-weight:600}.step small{display:block;margin-top:6px;color:#929daa;font-size:11px;line-height:1.5}.step i{font-style:normal;color:#9ab1bc;margin-left:auto}.identityCard{text-align:left}.identityLogo{width:52px;height:52px;border-radius:12px;background:#e9f4f3;display:grid;place-items:center;margin-top:22px}.identityLogo span{color:#087f8c;font-weight:750;font-size:25px}.identityLogo img{width:46px;height:46px;object-fit:contain}.identityCard p{color:#8a98a5;font-size:11px}.identityFacts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:10px;color:#7d8e9a}.identityFacts i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.identityCard>button{margin-top:5px;width:100%;color:#087f8c;background:#f4f9f9;border-color:#ddecec}.masterCard{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;background:#f9fbfd;border-style:dashed}.masterCard p{font-size:11px;line-height:1.7;color:#82909f;max-width:550px}.masterCard button{white-space:nowrap}.toolbar{margin-top:26px}.badge{background:#eef5f5;color:#58868e}.tableWrap{box-shadow:0 4px 12px #20304703}th{background:#f9fbfd;color:#8294a6}.thumb{color:#82aeb5;background:#f2f7f8}td strong{font-size:12px}td{font-size:12px;padding:19px 16px}.settings{max-width:100%;padding:32px}.sectionIntro{padding-bottom:20px;border-bottom:1px solid #edf1f5;margin-bottom:26px}.sectionIntro h2{font-size:25px;font-weight:600;margin-bottom:8px}.sectionIntro p{font-size:12px}.formGrid{gap:22px}.settings label{font-size:11px}.uploadGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.uploadCard{border:1px dashed #c9dbe1;border-radius:12px;padding:24px;background:#f9fcfd;display:flex;flex-direction:column;align-items:flex-start}.uploadCard h3{font-size:15px;margin:12px 0 0;color:#30495c}.uploadCard p{font-size:11px;margin:8px 0 18px}.uploadIcon{background:#e6f2f3;color:#087f8c;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:21px}.uploadButton{background:white;border:1px solid #d6e3e9;border-radius:7px;padding:10px 15px;cursor:pointer;color:#087f8c!important}.uploadButton input{width:100%;font-size:11px;padding:0;border:0;margin-top:10px}.uploadCard img{margin-top:16px;max-width:100%;max-height:100px;object-fit:contain}.uploadCard .check{font-size:11px;margin-top:18px;line-height:1.5}.settings .primary{margin-left:0;margin-top:28px;padding:13px 24px}#catalogPreview{border-radius:9px}.catalogBanner{display:block;width:100%;max-height:170px;object-fit:contain;background:#f6f8fa;margin-top:15px}.catalogHeader p{line-height:1.8}.catalogCode{background:#edf4f5}.catalogSpecs b{color:var(--accent)}#catalogPreview[data-layout=classic] .catalogCode{background:var(--accent);color:white}#catalogPreview[data-layout=classic] .catalogSpecs{background:#dcf5f7}@media(min-width:1500px){.heroArtwork{width:420px}.heroContent{padding:40px}.hero h2{font-size:38px}}@media(max-width:1100px){aside{width:220px}main{margin-left:220px;padding:25px}.heroArtwork{width:260px}.heroContent{padding:26px}.hero h2{font-size:29px}.card{padding:20px}.masterCard{flex-wrap:wrap}}@media(max-width:850px){.heroArtwork{display:none}.dashboardGrid{grid-template-columns:1fr}.uploadGrid{grid-template-columns:1fr}.heroContent{padding:28px}.stats{gap:10px}.stats div{padding:16px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:17px 20px}.brandMark{width:32px;height:34px;font-size:19px}.brand>span{font-size:16px}.studioLabel{font-size:7px!important}aside>small{display:none}nav{margin-top:15px;display:flex;gap:4px}nav button{font-size:10px;padding:10px 6px;flex:1;text-align:center;white-space:nowrap}.sideBottom{display:none}main{margin:0;padding:20px}.eyebrow{font-size:8px}.crumb{display:none}h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.hero{min-height:260px}.hero h2{font-size:28px}.heroContent{padding:25px}.heroActions{flex-wrap:wrap}.card{padding:20px}.masterCard button{width:100%}.settings{padding:22px}.settings .formGrid{grid-template-columns:1fr}.sectionIntro h2{font-size:21px}.toolbar>*{min-width:140px}.identityCard .cardTitle{gap:15px}}