:root{font-family:Segoe UI,Arial,sans-serif;color:#182d43;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.download{cursor:pointer;border:0;border-radius:7px;padding:12px 18px;background:#006d78;color:white;font-weight:600;text-decoration:none;display:inline-block}button:hover,.download:hover{background:#00515a}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;padding:12px;border:1px solid #cbd5df;border-radius:6px;background:white;color:#182d43}label{display:grid;gap:7px;font-size:14px;font-weight:600}form{display:grid;gap:18px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{background:#102b42;color:white;padding:12vh 10%;display:flex;flex-direction:column;justify-content:center}.brand{font-weight:850;font-size:28px;letter-spacing:4px}.accent{width:45px;height:5px;background:#38c2b7;margin:25px 0}.intro h1{font-size:clamp(34px,4vw,56px);line-height:1.12;max-width:560px;font-weight:600}.intro p{color:#c1d2df;font-size:18px;line-height:1.7;max-width:440px}.loginpanel{padding:60px;display:flex;align-items:center;justify-content:center}.loginpanel>div{width:100%;max-width:380px}h1,h2,p{margin-top:0}h2{font-size:28px}.muted{color:#617489;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#00868a;margin-bottom:12px}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:#102b42;color:white;padding:36px 24px}aside .brand{font-size:23px}aside p{font-size:12px;color:#aec5d5;margin-top:12px}nav{display:grid;gap:10px;margin-top:55px}nav button{text-align:left;background:transparent;color:#c5d6e3}nav button.active{background:#21495b;color:white;border-left:3px solid #37c3b6;border-radius:3px}.workspace{padding:32px 5%;min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #dde4eb;padding-bottom:23px;margin-bottom:36px}header h1{font-size:14px;margin:0;color:#617489}header button{background:white;color:#365269;border:1px solid #d3dfe8;padding:8px 15px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h2{margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stat,.panel{background:white;border:1px solid #e0e7ee;border-radius:10px;padding:24px}.stat span{display:block;color:#617489;font-size:13px}.stat strong{font-size:32px;display:block;margin-top:12px}.toolbar{display:flex;gap:15px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{width:230px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#617489;padding:16px 12px;border-bottom:1px solid #dce5eb}td{padding:19px 12px;border-bottom:1px solid #edf1f5}td small{display:block;color:#617489;margin-top:6px}.tag{display:inline-block;font-size:12px;background:#e5f5f2;color:#006d68;padding:6px 10px;border-radius:30px}.download{padding:8px 12px;font-size:12px;white-space:nowrap}.empty{padding:65px 20px;text-align:center;color:#617489}.error{color:#b52c36;font-size:14px;line-height:1.5}.success{color:#006d68}.formgrid{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.panel{margin-top:20px}.panel h3{margin-top:0}.notice{padding:16px 20px;background:#e8f2f4;color:#36596a;border-radius:8px;font-size:13px;margin:22px 0;line-height:1.6}@media(max-width:800px){.login{grid-template-columns:1fr}.intro{padding:45px 28px}.intro h1{font-size:36px}.loginpanel{padding:35px 25px}.shell{grid-template-columns:1fr}aside{padding:20px}nav{display:flex;margin-top:20px;flex-wrap:wrap}.workspace{padding:24px 18px}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:26px}.heading{align-items:flex-start}.toolbar{flex-direction:column}.toolbar select{width:100%}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}

.patterns{max-width:1080px;margin:auto;padding:24px 28px 50px}.patterns header{padding:20px 0 28px}.patterns header a{color:#006d78;font-size:13px}.patterns .brand{color:#102b42}.patterns header span{font-size:12px}.pattern-intro{padding:38px 0 20px}.pattern-intro h1{font-size:clamp(30px,4vw,46px);font-weight:650;letter-spacing:-1px;margin-bottom:16px}.gate{max-width:450px}.patterns footer{margin-top:60px;font-size:12px;border-top:1px solid #dce5eb;padding-top:20px}.code-search{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px}.pattern-title{display:flex;justify-content:space-between;align-items:center;margin:40px 0 10px}.pattern-title h2{font-size:25px}.current{border-left:4px solid #008c80;background:#f5fcfa}.current h3{margin:16px 0}.expired{background:#fff0e9;color:#a94a21}.neutral{background:#edf0f4;color:#617489}.secondary{margin-top:25px;background:white;color:#365269;border:1px solid #cad6df}.patterns .empty{margin-top:20px}@media(max-width:600px){.code-search{grid-template-columns:1fr}.patterns{padding:15px}.patterns header{gap:12px}.patterns .brand{font-size:23px}.patterns header a{max-width:110px}.pattern-title{display:block}}

/* Entrada inspirada nas referências fornecidas. */
.access-screen{min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#3d382c 0%,#242624 47%,#191d1e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 22px 24px;color:#24292d}.access-frame{width:100%;max-width:490px;margin:auto}.access-card{border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 28px 90px #0005;border:1px solid #ffffff15}.access-brand{background:#24282a;color:white;min-height:126px;padding:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;border-bottom:4px solid #ee9a15}.access-brand .brand{font-size:31px;letter-spacing:2.6px;line-height:1.2;white-space:nowrap}.brand-dot{color:#ee9a15}.access-brand p{color:#b7bdbe;font-size:10px;letter-spacing:1.8px;margin:10px 0 0}.brand-symbol{display:flex;gap:5px;align-items:center;height:40px}.brand-symbol span{display:block;width:5px;background:#ee9a15;border-radius:2px;height:17px}.brand-symbol span:nth-child(2){height:36px}.brand-symbol span:nth-child(3){height:25px}.access-body{padding:33px 35px 25px}.access-label{font-size:10px;letter-spacing:1.25px;font-weight:700;color:#79756a;display:flex;align-items:center;gap:8px;margin-bottom:17px}.access-label>span{height:6px;width:6px;border-radius:50%;background:#dc921d}.access-body h1{font-size:27px;letter-spacing:-.7px;font-weight:650;margin-bottom:10px}.access-description{font-size:14px;line-height:1.65;color:#6d7377;margin-bottom:28px}.access-body form{gap:0}.access-body label{font-size:10px;letter-spacing:1px;color:#555c61;margin-bottom:9px}.password-wrap{position:relative}.password-wrap input{height:53px;border:1px solid #d7d9da;border-radius:8px;padding:0 75px 0 14px;font-size:12px;transition:border-color .15s,box-shadow .15s}.password-wrap input:focus{outline:none;border-color:#e99a1a;box-shadow:0 0 0 4px #ee9a151c}.password-wrap button{position:absolute;right:7px;top:10px;background:transparent;color:#777;font-size:11px;padding:9px 8px;font-weight:500}.password-wrap button:hover{color:#9b5900;background:#fff7e8}.access-body .error{margin:0;font-size:12px}.access-body .error:not(:empty){padding-top:12px}.access-submit{width:100%;background:#ed990f;color:#171e22;border-radius:8px;margin-top:22px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:14px}.access-submit:hover{background:#dc8800}.access-submit span{font-size:20px;line-height:1}.access-help{font-size:11px;text-align:center;color:#787d80;margin:23px 0 0}.access-help a{color:#53595c;text-underline-offset:3px}.access-bottom{background:#f5f4f1;border-top:1px solid #ebeae7;padding:17px 20px;font-size:10px;text-align:center;letter-spacing:.15px;color:#7a7b77}.lock-symbol{color:#a18a63;margin-right:5px}.access-outside{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:23px;font-size:11px;color:#6b706d}.access-outside a{color:#b0b4af;text-decoration:none}.access-outside a:hover{color:white}.access-copyright{font-size:10px;letter-spacing:1px;color:#92968f;margin:35px 0 0;text-align:center}.access-screen a:focus-visible,.access-screen button:focus-visible{outline:2px solid #ee9a15;outline-offset:4px}@media(max-width:480px){.access-screen{padding:24px 16px}.access-brand{padding:27px 25px;min-height:110px}.access-brand .brand{font-size:26px}.access-brand p{font-size:8px}.access-body{padding:28px 24px 23px}.access-body h1{font-size:25px}.access-outside{gap:10px;font-size:10px}.password-wrap input{font-size:11px;padding-left:10px}.access-copyright{margin-top:28px}}

.standard-logo{display:block;max-width:100%;width:330px;height:auto}.access-screen{background:radial-gradient(ellipse at 50% 30%,#34392c 0%,#242624 47%,#191d1e 100%)}.access-brand{background:#fff;border-bottom:3px solid #b6c632;justify-content:center;padding:30px 35px;min-height:126px}.access-brand .standard-logo{width:350px}.access-label>span{background:#879719}.access-submit{background:#bdce37;color:#19200b}.access-submit:hover{background:#adbf27}.password-wrap input:focus{border-color:#8d9d21;box-shadow:0 0 0 4px #b6c63220}.password-wrap button:hover{color:#596416;background:#f5f8e9}.access-screen a:focus-visible,.access-screen button:focus-visible{outline-color:#9aac23}.patterns header .standard-logo{width:250px}.access-screen{padding-top:28px;padding-bottom:18px}.access-copyright{margin-top:24px}@media(max-height:760px){.access-brand{padding:23px 35px;min-height:105px}.access-body{padding-top:24px;padding-bottom:20px}.access-description{margin-bottom:20px}.access-outside{margin-top:17px}.access-copyright{margin-top:18px}.access-screen{padding-top:20px;padding-bottom:16px}}