:root{--red:#e30613;--dark:#111;--black:#111;--muted:#6b7280;--bg:#f5f6f8;--card:#fff;--line:#e5e7eb}*{box-sizing:border-box}body{background:var(--bg);color:#0f172a;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button{cursor:pointer;background:var(--red);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-family:inherit;font-weight:800;display:inline-flex}button.light{color:#111;border:1px solid var(--line);background:#f3f4f6}button.danger{background:#111;margin-left:6px}.shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:linear-gradient(#191919,#050505);flex-direction:column;padding:24px 18px;display:flex;position:relative;overflow:hidden}aside:after{content:"";background:var(--red);width:200px;height:22px;position:absolute;top:230px;left:185px;transform:rotate(43deg)}.brand{z-index:2;grid-template-columns:82px 1fr;align-items:center;gap:14px;margin-bottom:32px;display:grid;position:relative}.brand img{width:80px;height:auto}.brand h2{text-transform:uppercase;margin:0;font-size:25px;line-height:.95}.brand small{color:#ff414b}.brand+nav{z-index:2;gap:8px;display:grid;position:relative}aside nav button{color:#fff;text-align:left;background:0 0;justify-content:flex-start;font-size:15px}aside nav button span{text-align:center;width:24px}aside nav button:hover,aside nav button.active{background:linear-gradient(135deg,#f32530,#c8000b);box-shadow:0 12px 28px #e3061338}.user{z-index:2;background:#ffffff0f;border-radius:16px;margin-top:auto;padding:14px;position:relative}.user small{color:#d1d5db;margin-top:4px;display:block}.version{z-index:2;color:#bbb;margin-top:16px;font-size:12px;position:relative}main{min-width:0}header{border-bottom:1px solid var(--line);background:#fffffff2;justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex;box-shadow:0 8px 22px #0f172a14}header h2{margin:0}header span{color:var(--muted);font-size:13px}.top{align-items:center;gap:14px;display:flex}.hero{background:linear-gradient(#fffffff2,#ffffffd6),repeating-linear-gradient(135deg,#0f172a09 0 1px,#0000 1px 36px);align-content:center;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.hero img{z-index:2;filter:drop-shadow(0 18px 24px #0000002e);width:230px;position:relative}.hero h1{z-index:2;text-transform:uppercase;letter-spacing:2px;color:#161616;margin:18px 0 0;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(42px,5vw,74px);position:relative}.hero h1:after{content:"";background:var(--red);border-radius:50%;width:360px;height:9px;margin:4px auto 0;display:block;transform:rotate(-2deg)}.swoosh{background:var(--red);width:420px;height:25px;position:absolute;top:265px}.swoosh.left{left:-110px;transform:rotate(35deg);box-shadow:0 24px #191919}.swoosh.right{right:-110px;transform:rotate(-35deg);box-shadow:0 24px #191919}.dashCards{z-index:3;grid-template-columns:repeat(6,minmax(155px,1fr));gap:16px;margin:-58px 30px 28px;display:grid;position:relative}.dashCards article,.panel,.kpi{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 14px 32px #0f172a1a}.dashCards article{flex-direction:column;min-height:250px;padding:22px;display:flex}.round{color:#fff;background:linear-gradient(135deg,#f3232d,#c9000a);border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:31px;display:grid}.dashCards h3{text-align:center;text-transform:uppercase;color:var(--red);margin:0 0 8px}.dashCards p{text-align:center;color:#475569;font-size:14px}.dashCards button{margin-top:auto}.panel{margin:24px 30px;padding:24px}.kpis{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin:18px 0;display:grid}.kpi{padding:20px}.kpi small{color:var(--muted);display:block}.kpi b{margin-top:8px;font-size:26px;display:block}section{padding:30px}section h1{margin:0 0 6px;font-size:32px}.hint{color:#64748b}.two{grid-template-columns:minmax(340px,1fr) minmax(340px,1fr);gap:18px;display:grid}.two.contract{grid-template-columns:minmax(420px,1fr) minmax(440px,.9fr)}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{margin:10px 0;font-weight:700;display:block}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:11px;margin-top:6px;padding:11px}textarea{min-height:88px}.check{border:1px solid var(--line);background:#f8fafc;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 12px;display:flex}.check input{width:auto;margin:0}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.cost{position:sticky;top:100px}.cost h1{color:var(--red);margin-top:16px;font-size:46px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}th{color:#64748b;font-size:13px}.badge{color:#991b1b;background:#fee2e2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.login{background:linear-gradient(135deg,#111,#4b000d);place-items:center;min-height:100vh;display:grid}.login form{text-align:center;background:#fff;border-radius:24px;width:min(440px,92vw);padding:34px;box-shadow:0 30px 80px #00000059}.login img{width:130px}.login button{width:100%;margin-top:12px}.error{color:#991b1b;background:#fee2e2;border-radius:12px;margin:10px 0;padding:10px;font-weight:700}@media (width<=1250px){.dashCards{grid-template-columns:repeat(3,1fr)}.two,.two.contract{grid-template-columns:1fr}.cost{position:static}}@media (width<=850px){.shell{grid-template-columns:1fr}aside{display:none}.dashCards,.kpis,.grid2{grid-template-columns:1fr}section{padding:18px}.panel{margin:18px}.hero{min-height:340px}.hero img{width:170px}}
