:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f6f9}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:230px;min-height:100vh;background:#182235;color:#fff;padding:22px}aside h1{font-size:21px}aside a{display:block;color:#dce6f7;padding:9px 0;text-decoration:none}main{padding:28px;width:min(1200px,calc(100% - 230px))}.card,form,table{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px #0001;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric{font-size:28px;font-weight:700}input,select,button{padding:9px;border:1px solid #cbd5e1;border-radius:5px;margin:4px;width:100%}button{background:#2563eb;color:#fff;border:0;cursor:pointer}table{width:100%;border-collapse:collapse}td,th{padding:9px;text-align:left;border-bottom:1px solid #e5e7eb}.notice{padding:12px;background:#dcfce7;color:#166534;margin-bottom:15px}@media(max-width:700px){aside{width:60px;padding:8px}aside h1,aside p{display:none}main{width:calc(100% - 60px);padding:12px}}
textarea{display:block;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:5px;font:inherit;min-height:100px}label{display:block;margin:10px 0}input[type=checkbox]{width:auto}button:disabled{opacity:.5;cursor:wait}.table-scroll{overflow-x:auto;margin-bottom:20px}.table-scroll table{margin:0;font-size:14px;white-space:nowrap}.error{padding:12px;background:#fee2e2;color:#991b1b}.notice{overflow-wrap:anywhere}aside{flex-shrink:0}main{min-width:0}li button{width:auto;margin-left:12px}@media(max-width:700px){body{display:block}aside{width:100%;min-height:0;padding:12px;display:flex;gap:12px;flex-wrap:wrap}aside a{font-size:13px;padding:3px}aside form{padding:0;margin:0;background:none}aside button{margin:0}main{width:100%}}

/* Grouped administration navigation. Native details supports keyboard and touch. */
.admin-sidebar{width:250px;padding:20px 14px}
.admin-sidebar h1,.admin-sidebar>p{padding:0 8px}
.admin-nav{display:block;width:100%}
.admin-nav-group{border-bottom:1px solid #ffffff1a;margin-bottom:4px}
.admin-nav-group summary{padding:13px 10px;cursor:pointer;font-weight:600;border-radius:6px;color:#edf3ff}
.admin-nav-group summary:hover,.admin-nav-group[open] summary{background:#ffffff0d}
.admin-nav-group summary:focus-visible,.admin-nav a:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.admin-nav-group ul{list-style:none;padding:4px 0 10px;margin:0}
.admin-nav-group li{margin:0}
.admin-nav a{padding:9px 12px 9px 26px;font-size:14px;border-radius:6px;line-height:1.4;overflow-wrap:anywhere}
.admin-nav a:hover{background:#ffffff12;color:#fff}
.admin-nav a[aria-current=page]{background:#2563eb;color:#fff;font-weight:600}
.admin-sidebar .admin-logout{padding:12px 8px 0;margin:12px 0 0;background:none;box-shadow:none}
.admin-logout button{margin:0}
.admin-sidebar+main{width:min(1200px,calc(100% - 250px))}
@media(max-width:700px){
.admin-sidebar{width:100%;padding:12px;display:block}
.admin-sidebar h1{display:block;margin:0 0 10px;font-size:18px}
.admin-nav-group summary{padding:12px 10px}
.admin-nav a{font-size:14px;padding:10px 12px 10px 26px}
.admin-sidebar .admin-logout{padding:4px 0 0;margin:8px 0 0}
.admin-sidebar+main{width:100%}
}
.demo-banner{padding:12px 16px;background:#fef3c7;color:#713f12;border:1px solid #fcd34d;border-radius:8px;font-weight:600}.admin-sidebar>p{overflow-wrap:anywhere}input:disabled,select:disabled,textarea:disabled{opacity:.65}form[aria-label="Formulário disponível ao administrador privado"]{opacity:.75}a{overflow-wrap:anywhere}.setup-main{width:min(850px,100%);margin:auto}.setup-main code{overflow-wrap:anywhere}

.demo-home{width:min(1100px,100%);margin:auto;padding:60px 28px}.demo-home h1{font-size:clamp(30px,5vw,56px);letter-spacing:-.03em;max-width:740px}.demo-home>p{max-width:850px;line-height:1.7}.demo-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0 36px}.demo-primary{display:inline-block;padding:14px 22px;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}@media(max-width:700px){.demo-home{padding:28px 16px}}