:root{--navy:#062B5B;--navy2:#0A3A75;--ink:#102033;--muted:#6b7788;--beige:#D9C2A3;--beige2:#B89D78;--bg:#F4F6F9;--panel:#fff;--border:#E2E7EE;--green:#1F9D65;--orange:#E59F3A;--red:#C84D4D;--blue:#1C4F91;--shadow:0 18px 38px rgba(6,43,91,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.45}.shell{display:grid;grid-template-columns:282px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),#031A38);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{background:#fff;border-radius:20px;padding:12px;margin-bottom:18px;box-shadow:0 16px 34px rgba(0,0,0,.17)}.brand img{display:block;width:100%;border-radius:12px}.env{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 2px 22px;color:#dce8f6;font-size:12px}.env b{color:var(--beige)}.nav a{display:flex;align-items:center;gap:10px;color:#edf5ff;text-decoration:none;padding:12px 13px;border-radius:14px;margin:5px 0;font-size:14px}.nav a:hover,.nav a.active{background:rgba(217,194,163,.17);box-shadow:inset 3px 0 0 var(--beige)}.nav .section{margin:18px 12px 7px;color:#9fb3cf;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.main{padding:24px 28px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.title h1{margin:0;color:var(--navy);font-size:30px;letter-spacing:-.4px}.title p{margin:5px 0 0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:11px 15px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn.beige{background:var(--beige);color:var(--navy)}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1.35fr .85fr}.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0 0 14px;color:var(--navy)}.kpi small{color:var(--muted)}.kpi strong{display:block;color:var(--navy);font-size:31px;margin-top:7px;letter-spacing:-.5px}.trend{font-size:12px;border-radius:999px;background:#edf7f0;color:var(--green);padding:5px 9px;display:inline-block;margin-top:10px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.blue{background:#E8F1FF;color:var(--blue)}.green{background:#E8F8EF;color:var(--green)}.orange{background:#FFF3DB;color:#A66A00}.red{background:#FFE9E9;color:var(--red)}.gray{background:#eef1f5;color:#5d6878}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px;padding:10px;border-bottom:1px solid var(--border)}td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}tr:hover td{background:#fbfcfe}.oplink{color:var(--navy);font-weight:800;text-decoration:none}.progress{height:9px;background:#e8edf4;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--beige))}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.input,.select{border:1px solid var(--border);background:#fff;border-radius:12px;padding:11px 12px;min-width:180px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lane{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:12px;min-height:360px}.lane h3{font-size:15px;margin:0 0 12px}.ticket{background:#fff;border:1px solid var(--border);border-left:5px solid var(--beige);border-radius:15px;padding:12px;margin:10px 0;box-shadow:0 8px 20px rgba(6,43,91,.06)}.ticket strong{display:block;color:var(--navy);font-size:14px}.ticket span{color:var(--muted);font-size:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{border:1px solid var(--border);border-radius:15px;padding:13px;background:#fff}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.field b{color:var(--navy)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#dbe3ee}.step{position:relative;padding:0 0 16px}.step:before{content:"";position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--beige);border:3px solid #fff;box-shadow:0 0 0 1px var(--beige2)}.doc{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:15px;padding:13px;background:#fff;margin:10px 0}.doc b{color:var(--navy)}.chart{height:250px;display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--border);padding:8px 4px 34px}.bar{flex:1;border-radius:13px 13px 0 0;background:linear-gradient(180deg,var(--beige),var(--navy));position:relative;min-height:30px}.bar span{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:11px}.map{height:520px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(6,43,91,.07) 1px,transparent 1px),linear-gradient(rgba(6,43,91,.07) 1px,transparent 1px),#EEF3F8;background-size:38px 38px}.route{position:absolute;inset:70px 40px;border:12px solid transparent;border-left-color:rgba(6,43,91,.18);border-bottom-color:rgba(184,157,120,.25);border-radius:50%;transform:rotate(-8deg)}.pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--navy);transform:rotate(-45deg);box-shadow:0 7px 18px rgba(6,43,91,.25)}.pin:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--beige)}.pin label{position:absolute;transform:rotate(45deg);left:18px;top:-12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 8px;white-space:nowrap;font-size:12px;color:var(--navy);box-shadow:0 8px 20px rgba(0,0,0,.08)}.p1{left:18%;top:30%}.p2{left:45%;top:55%}.p3{left:66%;top:24%}.p4{left:73%;top:72%}.mobileWrap{display:flex;gap:20px;align-items:flex-start}.phone{width:330px;background:#0b1424;border-radius:36px;padding:12px;box-shadow:0 24px 50px rgba(0,0,0,.22)}.screen{background:#fff;border-radius:27px;padding:14px;min-height:610px}.mobileHead{background:var(--navy);color:#fff;border-radius:20px;padding:16px;margin-bottom:12px}.mobileCard{border:1px solid var(--border);border-radius:16px;padding:12px;margin:10px 0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 10%,rgba(217,194,163,.35),transparent 35%),linear-gradient(135deg,#041c3d,var(--navy))}.loginbox{width:min(960px,92vw);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.loginHero{padding:40px;background:#f7f4ee}.loginHero img{width:100%;border-radius:18px}.loginForm{padding:42px}.loginForm h1{color:var(--navy);font-size:32px;margin:0 0 8px}.loginForm input{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px;margin:8px 0 14px}.notice{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:14px;color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:14px 17px;border-radius:14px;box-shadow:var(--shadow);display:none;z-index:10}.toast.show{display:block}.badge{display:inline-block;background:var(--cream);border:1px solid rgba(184,157,120,.45);color:var(--navy);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.footerNote{margin-top:22px;color:var(--muted);font-size:12px}.portalHero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:22px;padding:22px}.portalHero h2{color:#fff}.mini{font-size:12px;color:var(--muted)}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.kpis,.two,.three,.board,.formgrid,.loginbox{grid-template-columns:1fr}.topbar,.mobileWrap{flex-direction:column;align-items:stretch}.main{padding:18px}.phone{width:100%}}