:root{color-scheme:light;--ink:#132d46;--blue:#135eb7;--line:#dce5ee;--muted:#536779}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header{background:#09253f;color:#fff;padding:24px max(5vw,20px);display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{font-weight:800;font-size:27px;letter-spacing:2px;text-decoration:none;color:#fff}.brand span{display:block;font-size:13px;letter-spacing:.4px;font-weight:400}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a,nav .link{color:white}nav form{margin:0}main{max-width:1120px;margin:42px auto;padding:0 24px}h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin-bottom:26px}h2{font-size:21px;line-height:1.4}a{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:22px;box-shadow:0 4px 12px #09253f05}.welcome{max-width:760px}.button,button{display:inline-block;background:var(--blue);border:1px solid var(--blue);color:#fff;padding:11px 18px;border-radius:7px;text-decoration:none;font:600 15px/1.5 system-ui;cursor:pointer;margin:7px 6px 7px 0}.secondary{background:white;color:var(--blue)}.link{background:transparent;border:0;padding:0;text-decoration:underline}label{display:block;font-weight:600;margin:12px 0}input,textarea,select{display:block;width:100%;max-width:550px;font:inherit;padding:10px;border:1px solid #8fa5b8;border-radius:6px;margin-top:5px;background:#fff;color:var(--ink)}textarea{min-height:80px}.check{display:flex;align-items:center;gap:12px;font-weight:400}.check input{width:18px;height:18px;margin:0}form{margin:16px 0 24px}summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}footer{padding:24px;text-align:center;color:var(--muted);font-size:13px}.table{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white;font-size:13px}td,th{border-bottom:1px solid var(--line);padding:12px;text-align:left;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd6500;outline-offset:3px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:16px}.card{padding:20px}main{margin:28px auto;padding:0 16px}.button{display:block;text-align:center}}
/* LOPE UI 1.0: componentes compartilhados, sem dependência de JavaScript. */
:root{--navy:#082747;--blue:#075184;--ink:#17364f;--muted:#526a80;--line:#d7e3ef;--surface:#fff;--canvas:#f4f7fb;--radius:12px;--space:8px}body{font:15px/1.65 'Segoe UI',Arial,sans-serif;background:var(--canvas)}h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.7px;margin:4px 0 24px}h2{font-size:20px}.eyebrow{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0}.brand{display:block;letter-spacing:0}.brand img{width:130px;height:auto;filter:brightness(0) invert(1)}.brand span{font-size:13px;margin-top:8px}.sidebar{width:248px;position:fixed;inset:0 auto 42px 0;background:linear-gradient(155deg,#082747,#064c7d);color:white;padding:30px 22px;overflow:auto;display:flex;flex-direction:column;gap:30px}.navigation summary{font-size:12px;color:#d2e7f6;margin-bottom:14px}.sidebar nav{display:flex;flex-direction:column;gap:8px;align-items:stretch}.sidebar nav a,.sidebar nav .link{display:block;text-align:left;padding:11px 14px;border-radius:7px;color:white;text-decoration:none;font-size:14px;font-weight:500;margin:0}.sidebar nav a:hover,.sidebar nav .link:hover{background:#ffffff1c}.workspace{margin-left:248px;min-height:calc(100vh - 42px)}.topbar{background:white;color:var(--ink);border-bottom:1px solid var(--line);padding:18px 34px;font-size:13px;min-height:70px}.identity{font-weight:600}.workspace main{max-width:1250px;margin:0 auto;padding:34px}.card{border-radius:var(--radius);padding:24px;box-shadow:0 3px 15px #08274704}details.card summary{padding:4px 0;color:var(--ink);font-size:15px}details.card[open] summary{margin-bottom:20px}.metrics .card{margin:0}.metrics strong{font-size:32px;display:block}.metrics small{color:var(--muted)}.metrics{margin:24px 0}.empty{grid-column:1/-1;border-style:dashed;max-width:800px}.button,button{background:var(--blue);border-color:var(--blue);min-height:42px}.secondary{background:white;color:var(--blue)}input,textarea,select{border-color:var(--line);min-height:44px}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.check input{min-height:18px}.lia{display:flex;gap:12px;align-items:center;border:1px solid #ffffff40;background:#ffffff10;border-radius:12px;padding:14px;margin-top:auto}.lia img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.lia strong{font-size:14px}.lia small{display:block;font-size:10px}.lia p{font-size:11px;margin:6px 0 0;line-height:1.5}.login-layout{display:grid;grid-template-columns:55% 45%;min-height:calc(100vh - 42px)}.login-brand{background:linear-gradient(140deg,#082747,#084c80);color:white;padding:clamp(35px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.login-brand .brand img{width:175px}.login-brand h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:45px 0 24px;letter-spacing:-1px}.login-brand p{max-width:470px}.login-brand .lia{margin-top:28px;max-width:400px}.login-content{align-self:center;padding:50px clamp(25px,5vw,80px);margin:0;max-width:none;width:100%}.login-content h1{font-size:28px}.login-content .card{padding:0;border:0;box-shadow:none;background:none}.login-content .button{display:block;text-align:center;width:100%;margin:18px 0}.login-content p{color:var(--muted)}footer{background:white;border-top:1px solid var(--line);padding:11px 20px;font-size:11px;display:flex;justify-content:space-between;gap:12px;min-height:42px}.authenticated footer{margin-left:248px}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:10}th{background:#edf3f9}td{max-width:340px}form .check{padding:8px 12px;background:#f4f7fb;border:1px solid var(--line);border-radius:6px;max-width:550px}.table{border-radius:8px}button:hover,.button:hover{filter:brightness(.93)}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:20px}.sidebar .lia{display:none}.workspace{margin:0}.sidebar nav{flex-direction:row;flex-wrap:wrap}.authenticated footer{margin:0}.workspace main{padding:24px 18px}.topbar{padding:14px 18px}.login-layout{grid-template-columns:1fr}.login-brand{padding:35px}.login-brand h2{font-size:32px;margin:25px 0 12px}.login-content{padding:35px 24px}.login-brand .lia{margin-top:15px}footer{flex-wrap:wrap}.grid{grid-template-columns:1fr}}
