/* REPify: dark-only application surface. */
:root,.dark{color-scheme:dark;--bg:#121414;--card:#1b1e1e;--ink:#f3f6f5;--muted:#a4adaa;--line:#303635}body{background:var(--bg);-webkit-font-smoothing:antialiased}button{transition:background .18s,transform .18s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:wait}input,select,textarea{font-size:16px}h1,h2,h3{letter-spacing:-.6px}p{color:var(--muted)}.shell{max-width:1080px;padding-top:24px}.top{margin-bottom:30px}.top .brand{font-size:23px;letter-spacing:-1px}.top small{font-size:9px}.avatar{background:color-mix(in srgb,var(--accent) 12%,#181c1b);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.primary{background:var(--accent);color:#082221;min-height:46px}.secondary{background:#252a29;color:var(--ink);border-color:var(--line);min-height:44px}.danger{background:#382423;color:#ffaca6}.text-button{color:var(--accent)}.badge{font-weight:600}.panel,.order,.tile,.stage{box-shadow:none}.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,#0e2524),#192423);min-height:220px;border:1px solid #ffffff0b}.hero:after{color:#ffffff07}.hero .eyebrow{color:var(--accent)}.hero p{color:#b8cdc7}.hero h2{font-size:32px}.stage{border:0;background:transparent;text-align:center;padding:12px 5px;position:relative}.stage strong{border-radius:50%;background:#303535;width:42px;height:42px;display:grid;place-items:center;margin:0 auto 9px;font-size:16px;position:relative;z-index:1}.stage .dot,.stage>.hint{display:none}.stage small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#c0c8c5}.stage:not(:last-child):after{content:'';position:absolute;top:33px;left:65%;width:75%;height:1px;background:var(--line)}.pipeline{gap:0;border-bottom:1px solid var(--line);padding-bottom:18px;margin-top:8px}.stage.completed strong{color:var(--accent)}.order{background:#1b1f1e;padding:16px;border-radius:16px}.order-image{background:#26302c}.empty{background:transparent;border:0;padding:48px 16px}.empty>div{width:64px;height:64px;background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center;border-radius:20px;margin:auto}.empty h3{font-size:22px}.empty p{max-width:340px;margin:12px auto 20px}.bottom{background:#2b2f2eee;border:1px solid #ffffff0c;backdrop-filter:blur(18px);box-shadow:0 12px 30px #0005;border-radius:27px;padding:7px;gap:10px}.nav{min-width:72px;flex-direction:column;gap:4px;padding:7px 16px;color:#c2cbc7}.nav.active,.dark .nav.active{background:transparent;color:var(--accent)}.nav>span{width:44px;height:30px;display:grid;place-items:center;border-radius:20px}.nav.active>span{background:var(--accent);color:#072726}.nav svg{height:21px;width:21px}.filter{background:transparent;border-color:var(--line);color:#a6b3ad}.filter.active{background:color-mix(in srgb,var(--accent) 12%,#151c1a);border-color:var(--accent);color:var(--accent)}.search{background:#252a28;border-color:transparent;border-radius:12px}.tile{background:#1b1e1d;border-color:#ffffff08}.tile-cover,.tile-cover:has(img),.dark .tile-cover{background:#171b19}.tile-cover img{padding:12px;object-fit:contain}.tile-info p{margin:0}.heart{background:#29312d;color:var(--accent)}.alphabet{gap:12px;font-size:11px}.alphabet a{color:#8faaa0}.brand-group h3{color:var(--accent);font-size:13px;letter-spacing:2px;padding:14px 0;border-bottom:1px solid var(--line);margin:12px 0}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.brand-grid .tile{border:0;background:transparent;overflow:visible}.brand-grid .tile-cover{height:120px;background:transparent!important;border-radius:12px}.brand-grid .tile-cover:hover{background:#ffffff09!important}.brand-grid .tile-info{padding:0 5px 10px;text-align:center}.brand-grid .tile-info h3{color:var(--muted);font:500 10px 'DM Sans',system-ui;letter-spacing:0;border:0;margin:0;padding:0}.brand-grid .tile-info p,.brand-grid .heart{display:none}.brand-group{grid-column:1/-1}.catalog-logo{background:#171b19;border-color:#ffffff25}.catalog-detail-hero{background:#152a25}.catalog-related{padding:12px 0}.overlay{background:#0009;backdrop-filter:blur(8px)}.sheet{background:#1a1d1c;border:1px solid #ffffff12;box-shadow:0 24px 80px #0008}.close{background:#2d3330;color:#d5ddd8;min-width:36px;height:36px}label{color:#b1bdb6}label input,label select,label textarea{background:#242a26;border-color:#354139;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.auth{display:flex;min-height:100dvh;justify-content:center;background:#141616}.auth-art{display:none}.auth-form{margin:0;width:min(440px,100%);padding:36px 30px;min-height:100dvh;display:flex;flex-direction:column}.auth-form .auth-logo{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto 14px;border-radius:30px}.auth-form h1{text-align:center;font-size:25px;margin:0 0 5px}.auth-form>p{text-align:center;font-size:12px;margin-bottom:28px}.auth-form label{margin:20px 0;font-size:12px}.auth-form label input{background:transparent;border:0;border-bottom:1px solid #39706a;border-radius:0;padding:12px 2px;color:#edf5f0}.auth-form .primary{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:12px;text-transform:uppercase;letter-spacing:3px;font-size:12px;margin-top:22px;height:50px}.auth-switch{margin-top:auto;padding-top:50px;text-align:center}.auth-switch .divider{display:flex;align-items:center;gap:14px;color:#88998f;font-size:11px;margin:18px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--line)}.auth-switch .text-button{font-size:14px;color:#edf3ee}.auth-switch .text-button span{color:var(--accent);margin-right:7px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-eye{position:absolute;right:0;bottom:6px;width:44px;height:40px;background:transparent;color:#a6bcb0}.appearance-swatches{display:flex;gap:12px;margin:18px 0}.swatch{height:36px;width:36px;border-radius:50%;border:3px solid transparent;outline:1px solid #ffffff30}.swatch.selected{border-color:white}.appearance-note{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.tint-row{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#242c27;border-radius:14px;margin:20px 0}.tint-row input{width:22px;height:22px;accent-color:var(--accent)}.banner-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.banner-preview img{width:100%;height:80px;object-fit:cover;border-radius:10px}.footer-note{opacity:.7;font-size:10px}.error{background:#3a2421;color:#ffb4a8}#toast{background:#234137;border:1px solid #3b6554}.dark .order-image{background:#263a30}
@media(max-width:760px){.shell{padding:18px 20px 120px}.top{margin-bottom:24px}.top>.row>.hint{display:none}.hero{padding:25px;min-height:215px;margin:24px 0}.hero h2{font-size:26px}.pipeline{grid-template-columns:repeat(6,1fr);margin-bottom:20px}.stage strong{width:34px;height:34px;font-size:13px}.stage:not(:last-child):after{top:29px}.stage small{font-size:7px;letter-spacing:0}.bottom{width:calc(100% - 28px);gap:0;bottom:max(14px,env(safe-area-inset-bottom))}.nav{min-width:0;flex:1;padding:5px 8px}.brand-grid{grid-template-columns:repeat(4,1fr);gap:10px 5px}.brand-grid .tile-cover{height:78px}.brand-grid .tile-cover img{padding:6px}.brand-grid .tile-info h3{font-size:9px}.brand-grid .tile-info{padding:0 0 6px}.sheet{border-radius:24px 24px 0 0;max-height:92dvh;padding:24px 22px 32px}.overlay{padding:0;align-items:end}.sheet:before{content:'';display:block;width:38px;height:4px;border-radius:4px;background:#535e57;margin:-10px auto 18px}.catalog-identity{padding:18px;gap:14px}.catalog-identity h1{font-size:23px}.auth-form{padding-top:22px}.auth-form .auth-logo{width:165px;height:165px}.section-head h2{font-size:16px}.form-grid{gap:18px}.panel{padding:22px 18px}.auth-form>p{margin-bottom:20px}}

input[type=color]{height:48px;padding:5px;cursor:pointer}input[type=file]::file-selector-button{background:#344139;color:#dce8df;border:0;border-radius:7px;padding:9px 12px;margin-right:10px;cursor:pointer}