:root { --ego-bg:#020d20; --ego-panel:#081b39; --ego-panel-2:#0c2448; --ego-line:rgba(255,255,255,.12); --ego-text:#fff; --ego-muted:#9fb0c9; --ego-orange:#f59a23; --ego-blue:#1d70f7; --ego-green:#43d49b; }
.ego-app { margin:0 0 0 -20px; min-height:calc(100vh - 32px); background:radial-gradient(circle at 85% 0,rgba(29,112,247,.2),transparent 28%),var(--ego-bg); color:var(--ego-text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ego-app * { box-sizing:border-box; }
.ego-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:25px 34px; border-bottom:1px solid var(--ego-line); background:rgba(5,22,49,.94); }
.ego-header span { color:var(--ego-orange); font-size:11px; font-weight:900; letter-spacing:1.5px; }
.ego-header h1 { margin:3px 0 0; color:#fff; font-size:25px; line-height:1.1; }
.ego-header p { margin:5px 0 0; color:var(--ego-muted); }
.ego-autonomy { display:flex; flex-direction:column; min-width:180px; padding:10px 14px; border:1px solid rgba(67,212,155,.35); border-radius:10px; background:rgba(67,212,155,.08); }
.ego-autonomy strong { color:var(--ego-green); }.ego-autonomy small { margin-top:2px; color:var(--ego-muted); }
.ego-tabs { display:flex; gap:4px; padding:0 28px; overflow:auto; border-bottom:1px solid var(--ego-line); background:#061630; }
.ego-tabs a { display:flex; align-items:center; min-height:50px; padding:0 13px; border-bottom:3px solid transparent; color:#bcc9da; text-decoration:none; white-space:nowrap; font-weight:650; }
.ego-tabs a:hover,.ego-tabs a.active { border-bottom-color:var(--ego-orange); color:#fff; }
.ego-content { max-width:1540px; margin:0 auto; padding:30px 34px 60px; }
.ego-section-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.ego-section-title h2 { margin:0; color:#fff; font-size:24px; }.ego-section-title p { margin:5px 0 0; color:var(--ego-muted); }
.ego-notice { margin:18px 34px 0; padding:12px 15px; border-left:4px solid var(--ego-orange); background:#0d2a50; color:#fff; }
.ego-panel { margin-bottom:22px; padding:22px; border:1px solid var(--ego-line); border-radius:14px; background:linear-gradient(145deg,rgba(12,36,72,.96),rgba(6,24,51,.96)); box-shadow:0 14px 32px rgba(0,0,0,.16); color:#fff; }
.ego-panel h2,.ego-panel h3 { margin-top:0; color:#fff; }.ego-panel h3 { font-size:17px; }.ego-panel p { color:#d5ddea; }
.ego-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.ego-panel-head p { margin-top:-7px; color:var(--ego-muted); }
.ego-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.ego-kpis article { position:relative; overflow:hidden; min-height:125px; padding:22px; border:1px solid var(--ego-line); border-radius:14px; background:linear-gradient(150deg,#0d2b57,#07172f); }
.ego-kpis article:after { content:""; position:absolute; right:-24px; bottom:-28px; width:90px; height:90px; border:16px solid rgba(245,154,35,.18); border-radius:50%; }
.ego-kpis span { display:block; color:var(--ego-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; }.ego-kpis strong { display:block; margin-top:14px; color:var(--ego-orange); font-size:30px; }
.ego-two-columns { display:grid; grid-template-columns:minmax(340px,.85fr) minmax(480px,1.4fr); gap:22px; align-items:start; }
.ego-detail-grid { display:grid; grid-template-columns:minmax(560px,1fr) 320px; gap:22px; align-items:start; }.ego-detail-grid aside { position:sticky; top:48px; }
.ego-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.ego-wide { grid-column:1/-1; }
.ego-form label { display:flex; flex-direction:column; gap:6px; color:#cdd8e7; font-size:12px; font-weight:700; }
.ego-form input,.ego-form select,.ego-form textarea { width:100%; min-height:42px; padding:8px 11px; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:#04142d; color:#fff; box-shadow:none; }
.ego-form textarea { min-height:78px; resize:vertical; }.ego-form input:focus,.ego-form select:focus,.ego-form textarea:focus { border-color:var(--ego-orange); outline:0; box-shadow:0 0 0 2px rgba(245,154,35,.18); }
.ego-form select option { background:#071b38; color:#fff; }.ego-check { flex-direction:row!important; align-items:center; padding-top:23px; }.ego-check input { width:18px; min-height:18px; }
.ego-primary,.ego-secondary,.ego-success { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:1px solid transparent; border-radius:8px; cursor:pointer; text-decoration:none; font-size:13px; font-weight:800; }
.ego-primary { background:var(--ego-orange); color:#07162e!important; }.ego-secondary { border-color:rgba(255,255,255,.2); background:#102c55; color:#fff!important; }.ego-success { background:var(--ego-green); color:#052018!important; }.ego-full { width:100%; margin-bottom:10px; }
.ego-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.ego-table-wrap { width:100%; overflow:auto; }.ego-app table { width:100%; border-collapse:collapse; color:#fff; }.ego-app th { padding:11px 9px; border-bottom:1px solid rgba(255,255,255,.18); color:var(--ego-muted); text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.5px; }.ego-app td { padding:13px 9px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top; }.ego-app td small,.ego-app td strong { display:block; }.ego-app td small { margin-top:4px; color:var(--ego-muted); }.ego-app td a { color:var(--ego-orange); }
.ego-status { display:inline-flex; padding:4px 8px; border:1px solid rgba(245,154,35,.3); border-radius:999px; background:rgba(245,154,35,.12); color:#ffc069; font-size:11px; font-weight:800; white-space:nowrap; }
.ego-empty { padding:52px 22px; border:1px dashed rgba(255,255,255,.18); border-radius:14px; text-align:center; }.ego-empty h3 { color:#fff; font-size:20px; }.ego-empty p,.ego-muted { color:var(--ego-muted)!important; }
.ego-repeater { display:grid; gap:14px; }.ego-repeat-row { position:relative; padding:18px; border:1px solid rgba(255,255,255,.11); border-radius:11px; background:rgba(2,13,32,.5); }.ego-remove { position:absolute; z-index:2; top:8px; right:8px; width:28px; height:28px; padding:0; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:#10284a; color:#fff; cursor:pointer; }.ego-line-total { display:flex; flex-direction:column; justify-content:flex-end; padding:6px 0; }.ego-line-total span { color:var(--ego-muted); font-size:11px; }.ego-line-total strong { color:var(--ego-orange); font-size:17px; }
.ego-cost-panel { border-color:rgba(245,154,35,.25); }.ego-summary { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:20px; }.ego-summary div { padding:13px; border-radius:9px; background:#04142d; }.ego-summary span { display:block; color:var(--ego-muted); font-size:11px; }.ego-summary strong { display:block; margin-top:5px; color:var(--ego-orange); font-size:17px; }
.ego-hidden { display:none!important; }.ego-quote-preview { padding:32px; }.ego-preview-head { display:flex; justify-content:space-between; align-items:flex-start; }.ego-preview-head span { color:var(--ego-orange); font-weight:900; letter-spacing:1.2px; }.ego-preview-head h2 { margin:4px 0 20px; }.ego-quote-preview hr,.ego-panel hr { border:0; border-top:1px solid var(--ego-line); }.ego-quote-preview small { display:block; color:var(--ego-muted); }.ego-quote-preview .ego-grid strong { display:block; margin:5px 0; }.ego-totals { display:flex; flex-direction:column; gap:8px; max-width:310px; margin:20px 0 20px auto; }.ego-totals span { display:flex; justify-content:space-between; }.ego-totals span:last-child { padding-top:10px; border-top:1px solid var(--ego-line); color:var(--ego-orange); font-size:18px; }.ego-bank,.ego-legal { margin-top:18px; padding:15px; border-left:4px solid var(--ego-orange); background:rgba(245,154,35,.08); }.ego-legal { border-left-color:var(--ego-blue); background:rgba(29,112,247,.08); font-size:12px; }.ego-cost-summary p { display:flex; justify-content:space-between; }.ego-cost-summary small { display:block; margin:8px 0; color:var(--ego-muted); }
.ego-order-picker { display:flex; gap:10px; margin-bottom:20px; padding-bottom:8px; overflow:auto; }.ego-order-picker a { display:flex; flex-direction:column; gap:5px; min-width:250px; padding:14px; border:1px solid var(--ego-line); border-radius:10px; background:#071a36; color:#fff; text-decoration:none; }.ego-order-picker a.active { border-color:var(--ego-orange); }.ego-order-picker span { color:var(--ego-muted); font-size:12px; }
.ego-timeline { position:relative; padding-left:20px; border-left:2px solid rgba(245,154,35,.3); }.ego-timeline article { position:relative; padding:0 0 20px 10px; }.ego-timeline article:before { content:""; position:absolute; left:-17px; top:4px; width:10px; height:10px; border-radius:50%; background:var(--ego-orange); }.ego-timeline span,.ego-timeline small { display:block; color:var(--ego-muted); font-size:11px; }.ego-timeline p { margin:4px 0; }
.ego-checklist { list-style:none; margin:0; padding:0; }.ego-checklist li { position:relative; padding:9px 0 9px 27px; border-bottom:1px solid var(--ego-line); }.ego-checklist li:before { content:"✓"; position:absolute; left:0; color:var(--ego-green); font-weight:900; }
.ego-access-card,.ego-access-message { max-width:680px; margin:30px auto; padding:28px; border-left:5px solid #f59a23; border-radius:10px; background:#071a38; color:#fff; }.ego-access-card h2 { color:#fff; }
@media(max-width:1100px){.ego-kpis{grid-template-columns:repeat(2,1fr)}.ego-two-columns,.ego-detail-grid{grid-template-columns:1fr}.ego-detail-grid aside{position:static}.ego-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.ego-app{margin-left:-10px}.ego-header{align-items:flex-start;flex-direction:column;padding:20px}.ego-tabs{padding:0 12px}.ego-content{padding:22px 15px 45px}.ego-section-title{align-items:flex-start;flex-direction:column}.ego-kpis,.ego-grid{grid-template-columns:1fr}.ego-wide{grid-column:auto}.ego-panel-head{flex-direction:column}.ego-summary{grid-template-columns:1fr}.ego-quote-preview{padding:18px}}