.interface-picker{background:radial-gradient(circle at 82% 6%, #caf65b29, transparent 23%), var(--canvas);flex-direction:column;display:flex}.interface-picker__header{justify-content:space-between;align-items:center;width:100%;max-width:1380px;margin:0 auto 28px;display:flex}.interface-picker__header>span{border:1px solid var(--line);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;background:#fffef9b3;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:8px;font-weight:700;display:flex}.interface-picker__controls{grid-template-columns:minmax(235px,.8fr) minmax(430px,1.2fr) auto;align-items:end;gap:22px;width:100%;max-width:1380px;margin:0 auto 22px;display:grid}.interface-picker__controls h1{letter-spacing:-.058em;margin-top:6px;font-size:clamp(29px,3vw,46px);line-height:1}.interface-toggle{background:#e5e1d7;border:1px solid #d8d4ca;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.interface-toggle button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:0 11px;display:grid}.interface-toggle button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 3px 11px #22251f17}.interface-toggle button span{font-size:9px;font-weight:690}.interface-toggle button small{color:var(--muted);font-size:7px}.interface-toggle button.is-active svg{color:#6f9030}.interface-open-button{background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:53px;padding:0 17px;font-size:10px;font-weight:700;transition:all .16s;display:flex}.interface-open-button:hover{background:#0f120e;transform:translateY(-1px)}.interface-open-button svg:last-child{color:var(--lime)}.interface-preview-stage{background:#dcd8ce;border:1px solid #d0ccc2;border-radius:20px;flex-direction:column;flex:1;width:100%;max-width:1380px;min-height:650px;margin:0 auto;display:flex;overflow:hidden}.interface-preview-stage__meta{color:var(--muted);border-bottom:1px solid #c9c5bb;justify-content:space-between;align-items:center;min-height:37px;padding:0 14px;font-size:7px;font-weight:650;display:flex}.interface-preview-stage__meta span:first-child{align-items:center;gap:6px;display:flex}.interface-preview-stage__meta i{background:#69a65f;border:2px solid #c9dcc5;border-radius:50%;width:9px;height:9px}.interface-preview-stage__canvas{flex:1;justify-content:center;align-items:center;padding:28px;display:flex;overflow:hidden}.root-admin-preview{background:var(--canvas);border:1px solid #fff9;border-radius:10px;grid-template-columns:130px 1fr;width:91%;max-width:1080px;height:min(560px,66vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #1f231d2e}.root-admin-preview>aside{background:var(--ink);flex-direction:column;align-items:center;gap:15px;padding:19px 14px;display:flex}.root-admin-preview>aside .brand-mark{margin-bottom:35px}.root-admin-preview>aside>span{background:#ffffff12;border-radius:5px;width:100%;height:24px}.root-admin-preview>aside>span.is-active{border-left:2px solid var(--lime);background:#ffffff21}.root-admin-preview>aside>i{background:#ffffff12;border-radius:8px;width:100%;height:65px;margin-top:auto}.root-admin-preview>main{min-width:0}.root-admin-preview>main>header{border-bottom:1px solid var(--line);background:#fffef9bf;justify-content:space-between;align-items:center;height:48px;padding:0 19px;display:flex}.root-admin-preview>main>header>span{background:#e2dfd7;border-radius:6px;width:31%;height:24px}.root-admin-preview>main>header>div{align-items:center;gap:7px;display:flex}.root-admin-preview>main>header i{background:#e2dfd7;border-radius:6px;width:24px;height:24px}.root-admin-preview>main>header b{background:var(--ink);border-radius:6px;width:76px;height:24px}.root-preview-heading{padding:23px 22px 16px}.root-preview-heading p{background:#a9aaa3;border-radius:2px;width:55px;height:5px}.root-preview-heading h2{background:var(--ink);border-radius:4px;width:180px;height:20px;margin:7px 0}.root-preview-heading span{background:#c7c5bd;border-radius:2px;width:220px;height:5px;display:block}.root-kpi-row{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 22px 11px;display:grid}.root-kpi-row article{background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;height:75px}.root-kpi-row article:first-child{background:var(--ink)}.root-kpi-row article:last-child{background:#d8f598}.root-pipeline{background:var(--paper);border:1px solid var(--line-soft);border-radius:9px;grid-template-columns:repeat(5,1fr);min-height:270px;margin:0 22px;display:grid;overflow:hidden}.root-pipeline>div{border-right:1px solid var(--line-soft);background:#faf9f5;padding:9px 6px}.root-pipeline>div:last-child{border-right:0}.root-pipeline>div>header{background:#d2d0c8;border-radius:3px;width:55%;height:6px;margin:3px 2px 10px}.root-pipeline article{background:var(--paper);border:1px solid var(--line-soft);border-radius:6px;height:91px;margin-bottom:6px;padding:8px}.root-pipeline article.is-highlight{border-left:2px solid var(--lime-dark)}.root-pipeline article i{background:#d5d3cb;border-radius:2px;width:36%;height:4px;display:block}.root-pipeline article b{background:#5e625c;border-radius:2px;width:70%;height:7px;margin:8px 0 5px;display:block}.root-pipeline article span{background:#e1dfd8;border-radius:2px;width:88%;height:4px;margin-top:4px;display:block}.interface-preview-stage--client .interface-preview-stage__canvas{background:radial-gradient(circle,#caf65b1f,#0000 33%),#cac6bc}.root-phone-frame{background:#181b18;border:4px solid #181b18;border-radius:36px;width:286px;height:580px;padding:6px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1d201b45}.root-phone-speaker{z-index:2;background:#181b18;border-radius:0 0 12px 12px;width:76px;height:17px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.root-client-preview{background:var(--canvas);border-radius:27px;height:100%;padding:23px 13px 48px;position:relative;overflow:hidden}.root-client-preview>header{justify-content:space-between;align-items:center;display:flex}.root-client-preview>header>span{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:6px;display:flex}.root-client-kicker{background:#aaa9a2;border-radius:2px;width:53px;height:4px;margin:15px 0 5px}.root-client-preview>h2{letter-spacing:-.05em;font-size:18px}.root-car-tabs{gap:5px;margin:10px 0 7px;display:flex}.root-car-tabs i{background:var(--paper);border-radius:999px;width:61px;height:21px}.root-car-tabs b{background:#dfdcd3;border-radius:50%;width:21px;height:21px}.root-car-card{background:var(--ink);color:#aab1ab;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:156px;display:flex;position:relative;overflow:hidden}.root-car-card>span{filter:blur(14px);background:#caf65b21;border-radius:50%;width:100px;height:100px;position:absolute;top:-15px;right:-20px}.root-car-card p{background:var(--lime);border-radius:2px;width:34px;height:3px;margin-top:3px}.root-car-card h3{color:#fff;margin-top:4px;font-size:15px}.root-car-card footer{background:#ffffff12;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;height:28px;padding:5px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.root-car-card footer i{background:#ffffff24;border-radius:3px}.root-client-actions{background:var(--paper);border-radius:9px;grid-template-columns:repeat(4,1fr);gap:7px;margin:7px 0 13px;padding:8px;display:grid}.root-client-actions i{background:var(--sand);border-radius:6px;height:27px}.root-client-actions i:first-child{background:var(--lime)}.root-repair-preview{background:var(--paper);border-radius:10px;padding:10px}.root-repair-preview p{background:#aaa9a2;border-radius:2px;width:50px;height:3px}.root-repair-preview h3{background:var(--ink);border-radius:2px;width:90px;height:7px;margin:5px 0 10px}.root-repair-preview>div{gap:4px;display:flex}.root-repair-preview i{background:#dedbd3;border-radius:999px;flex:1;height:4px}.root-repair-preview i:nth-child(-n+2){background:var(--lime)}.root-client-preview>nav{background:var(--paper);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);align-items:center;height:39px;padding:5px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.root-client-preview>nav i{background:#c8c7c0;border-radius:5px;justify-self:center;width:25px;height:20px}.root-client-preview>nav i.is-active{background:var(--lime)}