.construction-shell{--c-blue:#2563eb;--c-cyan:#06b6d4;--c-gold:#f59e0b;--c-green:#16a34a;display:grid;gap:18px;max-width:1500px;margin:0 auto}
.construction-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--grout) 70%,#60a5fa);border-radius:22px;padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--porcelain) 92%,#dbeafe),color-mix(in srgb,var(--tile) 88%,#cffafe));box-shadow:0 18px 50px rgba(15,23,42,.12)}
.construction-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-140px;background:radial-gradient(circle,rgba(37,99,235,.28),transparent 68%);pointer-events:none}
.construction-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:1}
.construction-heading h1{margin:3px 0 6px;font-size:clamp(27px,4vw,44px);letter-spacing:-.045em}.construction-heading p{margin:0;color:var(--muted);max-width:760px}
.construction-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.construction-actions label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.construction-actions select{min-width:min(310px,75vw)}
.construction-flow{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-top:20px;position:relative;z-index:1}
.construction-flow button{min-height:82px;text-align:left;border-radius:16px;padding:12px 13px;display:grid;gap:4px;background:color-mix(in srgb,var(--porcelain) 94%,#fff);border:1px solid color-mix(in srgb,var(--grout) 75%,#93c5fd);box-shadow:0 7px 0 rgba(15,23,42,.06),0 12px 30px rgba(37,99,235,.08);transition:.18s ease}
.construction-flow button:hover,.construction-flow button[aria-current="page"]{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 9px 0 rgba(37,99,235,.1),0 16px 34px rgba(37,99,235,.16)}
.construction-flow button b{font-size:14px}.construction-flow button span{font-size:11px;color:var(--muted)}
.construction-panel{border:1px solid var(--grout);border-radius:20px;background:color-mix(in srgb,var(--porcelain) 95%,#fff);box-shadow:0 14px 38px rgba(15,23,42,.09);padding:18px;min-height:300px}
.construction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px}.construction-card{border:1px solid var(--grout);border-radius:18px;background:var(--tile);padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.08);display:grid;gap:10px}.construction-card h3{margin:0;font-size:18px}.construction-card p{margin:0;color:var(--muted);font-size:13px}.construction-card .construction-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.construction-status{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:rgba(37,99,235,.1);color:#1d4ed8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dark .construction-status{color:#93c5fd}
.construction-empty{min-height:280px;display:grid;place-items:center;text-align:center;border:1px dashed color-mix(in srgb,var(--grout) 65%,#60a5fa);border-radius:18px;padding:30px;background:linear-gradient(145deg,rgba(37,99,235,.06),rgba(6,182,212,.05))}.construction-empty h2{margin:8px 0}.construction-empty p{max-width:560px;color:var(--muted)}
.construction-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.construction-form label{display:grid;gap:6px;font-size:12px;font-weight:750;color:var(--muted)}.construction-form .wide{grid-column:1/-1}.construction-form textarea{min-height:90px}.construction-form footer{grid-column:1/-1;display:flex;gap:9px;justify-content:flex-end}
.construction-notice{border-radius:14px;padding:11px 13px;font-size:12px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:color-mix(in srgb,var(--ink) 75%,#92400e)}
.construction-save{font-size:12px;color:var(--muted);min-height:18px}.construction-save.ok{color:var(--good,#16a34a)}.construction-save.bad{color:var(--danger,#dc2626)}
.construction-tool-host{min-height:520px}.construction-loading{min-height:320px;display:grid;place-items:center;color:var(--muted)}
.construction-catalog-intro{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.construction-table-wrap{overflow:auto;border:1px solid var(--grout);border-radius:14px}.construction-table-wrap table{min-width:760px}.construction-table-wrap input,.construction-table-wrap select{min-width:105px;padding:7px}.construction-table-wrap td:last-child{width:1%}
.construction-primary{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:white!important;border-color:#15803d!important;box-shadow:0 6px 0 #166534,0 10px 24px rgba(34,197,94,.24)!important}.construction-primary:active{transform:translateY(3px);box-shadow:0 3px 0 #166534!important}
@media(max-width:1050px){.construction-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.construction-flow{grid-template-columns:repeat(2,1fr)}.construction-form{grid-template-columns:1fr}.construction-form .wide,.construction-form footer{grid-column:1}.construction-hero,.construction-panel{padding:14px;border-radius:16px}.construction-actions{width:100%}.construction-actions label,.construction-actions select{width:100%}}
@media(prefers-reduced-motion:reduce){.construction-flow button{transition:none}}