:root{
  --bg:#07131f;--panel:#0d2133;--panel-2:#102942;--line:rgba(255,255,255,.08);--text:#edf3f8;--muted:#99aab8;--blue:#1797ff;--blue-2:#0d6cd6;--orange:#ff9b31;--orange-2:#ff6d1f;--green:#4cc38a;--danger:#f06868;--shadow:0 24px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top left,rgba(23,151,255,.12),transparent 30%),radial-gradient(circle at top right,rgba(255,155,49,.14),transparent 30%),linear-gradient(180deg,#08121c,#061018 40%,#091521);color:var(--text)}
img{max-width:100%;display:block} button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
.welcome{min-height:100svh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}
.ambient{position:absolute;inset:auto;filter:blur(60px);opacity:.7;pointer-events:none}.ambient-cool{width:340px;height:340px;background:rgba(23,151,255,.22);top:-40px;left:-30px}.ambient-warm{width:340px;height:340px;background:rgba(255,131,54,.22);right:-80px;bottom:0}
.welcome-inner{position:relative;z-index:1;width:min(760px,100%);padding:34px 28px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(180deg,rgba(16,31,48,.88),rgba(7,17,27,.92));box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(12px)}
.demo-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.04);font-weight:700;letter-spacing:.08em;font-size:.82rem}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,var(--blue),var(--orange));box-shadow:0 0 0 6px rgba(255,255,255,.04)}
.eyebrow{margin:18px 0 20px;color:#c6d8ea;font-size:.82rem;letter-spacing:.24em}
.welcome-logo{width:min(480px,100%);margin:0 auto 14px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.intro-copy{margin:0 auto 26px;max-width:580px;color:#d8e4ef;font-size:1.04rem;line-height:1.7}
.enter-btn,.top-new,.btn,.ghost-btn,.wa-btn,.pdf-btn{border:0;cursor:pointer;transition:.22s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.enter-btn{padding:17px 26px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--orange));color:white;font-weight:800;letter-spacing:.08em;box-shadow:0 16px 28px rgba(15,105,188,.32)} .enter-btn:hover,.top-new:hover,.btn:hover,.wa-btn:hover,.pdf-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.welcome-foot{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;color:#c9d4df;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.welcome-foot img{height:28px;width:auto;filter:brightness(1.12)}.welcome-foot small{width:100%;text-transform:none;letter-spacing:0;color:#95a9bb;font-size:.92rem;font-weight:500}
.app{min-height:100svh;display:grid;grid-template-columns:310px 1fr}
.sidebar{padding:24px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(9,24,38,.94),rgba(6,17,27,.96));display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100svh}
.side-brand{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:24px;background:rgba(255,255,255,.03)}.side-brand img{width:62px;height:62px;object-fit:contain}.side-brand strong{display:block;font-size:1.15rem}.side-brand span{display:block;color:var(--muted);font-size:.76rem;letter-spacing:.12em}
.nav-label{color:#8ba1b4;font-size:.75rem;letter-spacing:.18em;padding:0 6px}.sidebar nav{display:grid;gap:10px}.sidebar nav button,.mobile-nav button,.menu-btn,.side-reset{background:transparent;color:var(--text);border:1px solid transparent;padding:13px 16px;border-radius:18px;text-align:left;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06)}.sidebar nav button span{display:inline-block;width:24px;color:var(--orange)}
.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.demo-note{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));padding:16px;border-radius:24px}.demo-note span{display:block;color:#ffd08a;font-size:.78rem;letter-spacing:.12em;margin-bottom:8px}.demo-note p{margin:0;color:#c8d3de;line-height:1.6}.side-reset{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-weight:700;text-align:center}.side-credit{display:flex;gap:8px;align-items:center;justify-content:center;color:#99acc0;font-weight:800;font-size:.78rem;letter-spacing:.08em}.side-credit img{height:20px;width:auto}
.main-area{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;border-bottom:1px solid var(--line);background:rgba(7,18,28,.88);backdrop-filter:blur(10px)}.menu-btn{display:none}.breadcrumb{color:#9cb0c0;font-size:.95rem}.breadcrumb span{opacity:.5;margin:0 6px}.breadcrumb b{color:#f5f8fb}.top-actions{display:flex;align-items:center;gap:12px}.online-indicator{color:#a8dfbd;font-weight:700;font-size:.84rem}.top-new{padding:13px 18px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:800}
#main{padding:28px;display:grid;gap:20px}
.grid-4,.grid-3,.grid-2{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(14,30,47,.95),rgba(11,24,38,.95));border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:22px;box-shadow:var(--shadow)}
.stat-card{position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;inset:auto -40px -40px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%)}.stat-eyebrow{color:#95a8b8;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:800;margin-top:10px}.stat-sub{margin-top:8px;color:#b8c6d2;font-size:.94rem}.accent-blue{background:linear-gradient(180deg,rgba(23,151,255,.18),rgba(14,30,47,.95))}.accent-orange{background:linear-gradient(180deg,rgba(255,155,49,.18),rgba(14,30,47,.95))}.accent-green{background:linear-gradient(180deg,rgba(76,195,138,.16),rgba(14,30,47,.95))}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.section-head h2{margin:0;font-size:1.25rem}.section-head p{margin:6px 0 0;color:#94a8b7}
.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:13px 18px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:700}.ghost-btn{padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#ebf2f8;font-weight:700}.wa-btn{padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#19c37d,#0b8c59);color:#fff;font-weight:800}.pdf-btn{padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:800}
.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:24px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.table th{font-size:.8rem;text-transform:uppercase;color:#9db0bf;letter-spacing:.12em;background:rgba(255,255,255,.02)}.table tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:700;font-size:.82rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.field{grid-column:span 12}.field.half{grid-column:span 6}.field.third{grid-column:span 4}.field label{display:block;margin-bottom:8px;color:#bfd0dc;font-weight:700}.input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff;border-radius:16px;padding:14px 15px;outline:none}.input:focus,select:focus,textarea:focus{border-color:rgba(23,151,255,.7);box-shadow:0 0 0 3px rgba(23,151,255,.12)} textarea{min-height:110px;resize:vertical}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:24px;padding:18px;display:grid;gap:12px}.product-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.product-title strong{display:block;font-size:1rem}.product-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(23,151,255,.12);color:#84c8ff;font-size:.75rem;font-weight:700}.price-line{display:flex;justify-content:space-between;color:#bfd0de;font-size:.95rem}.qty-row{display:flex;align-items:center;gap:10px}.qty-row input{max-width:96px;text-align:center}
.summary-box{display:grid;gap:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:24px;padding:18px}.summary-row{display:flex;justify-content:space-between;gap:16px;color:#c8d8e4}.summary-row strong{color:#fff}.summary-total{padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:1.12rem;font-weight:800}
.quote-preview{display:grid;gap:16px}.quote-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:24px;padding:18px}.quote-card h3{margin:0 0 8px}.quote-meta{display:flex;gap:16px;flex-wrap:wrap;color:#9eb2c2;font-size:.92rem}.quote-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.empty{padding:34px 24px;border:1px dashed rgba(255,255,255,.14);border-radius:24px;text-align:center;color:#a6b8c7}.empty strong{display:block;font-size:1.08rem;color:#fff;margin-bottom:8px}
.search{display:flex;gap:12px;align-items:center}.search .input{max-width:280px}
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(8,18,28,.95);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);padding:10px;grid-template-columns:repeat(4,1fr);gap:8px;z-index:8}.mobile-nav button{display:grid;place-items:center;gap:4px;border-radius:18px;padding:10px 8px;color:#b8ccdc}.mobile-nav button.active{background:rgba(255,255,255,.06);color:#fff}.mobile-nav small{font-size:.72rem}
.toast{position:fixed;right:18px;bottom:18px;background:#0f2030;color:#fff;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.24s ease;z-index:30}.toast.show{opacity:1;transform:none}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}.grid-2,.product-grid{grid-template-columns:1fr}}
@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);transform:translateX(-102%);transition:.25s ease;z-index:20}.sidebar.open{transform:none}.menu-btn{display:inline-flex}.topbar{padding:16px 18px}.top-actions .online-indicator{display:none}.top-actions .top-new{display:none}.mobile-nav{display:grid}#main{padding:22px 18px 94px}.grid-4{grid-template-columns:1fr}.field.half,.field.third{grid-column:span 12}.welcome-inner{padding:28px 18px}.welcome-foot img{height:24px}}

/* ORBITA INDUSTRIAL PREMIUM */
:root{--bg:#050d16;--panel:#101e2b;--panel-2:#15293b;--blue:#3aa8e9;--blue-2:#11639c;--orange:#ed8d30;--orange-2:#c96a1c;--text:#f1f5f8;--muted:#8f9faf;--shadow:0 22px 58px rgba(0,0,0,.39)}
body{background:linear-gradient(115deg,rgba(12,30,46,.91),rgba(3,11,19,.96)),repeating-linear-gradient(90deg,transparent 0,transparent 75px,rgba(255,255,255,.04) 76px),#07111b}
.welcome{background:radial-gradient(circle at 23% 12%,rgba(24,116,171,.26),transparent 39%),radial-gradient(circle at 82% 85%,rgba(239,135,34,.13),transparent 38%),repeating-linear-gradient(90deg,transparent,transparent 95px,rgba(255,255,255,.017) 96px)}
.welcome-inner{background:linear-gradient(145deg,rgba(12,27,42,.96),rgba(6,15,25,.98));border:1px solid rgba(120,153,174,.2);border-radius:16px;box-shadow:0 25px 90px rgba(0,0,0,.57),inset 0 1px 0 rgba(255,255,255,.07)}
.welcome-logo{max-width:470px;filter:drop-shadow(0 12px 25px rgba(0,0,0,.4))}
.demo-pill{border-radius:5px;background:#13273a;border-color:#395169}
.enter-btn,.top-new,.btn,.pdf-btn{border-radius:7px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.enter-btn{min-width:245px;background:linear-gradient(130deg,#eb9137,#c26b19)}
.sidebar{background:linear-gradient(185deg,#0b1927,#06111d);border-right-color:rgba(130,156,177,.16)}
.card,.product-card,.quote-card,.summary-box,.demo-note,.side-brand{border-radius:11px}
.card{background:linear-gradient(155deg,rgba(18,35,51,.98),rgba(10,22,34,.98));border-color:rgba(145,166,181,.12)}
.stat-card:before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#3ba2df,#e48a34)}
.product-card:hover{border-color:rgba(67,157,214,.4);background:rgba(37,67,92,.25)}
.sidebar nav button,.input,select,textarea,.ghost-btn,.table-wrap,.side-reset,.mobile-nav button{border-radius:8px}
.topbar{background:rgba(6,17,29,.96)}
.section-head h2{letter-spacing:.01em}.stat-eyebrow,.nav-label{letter-spacing:.1em}
.status-pill,.product-tag{border-radius:5px}