*{box-sizing:border-box}:root{color:#1d334e;background:#f7f9fc;font-family:Inter,system-ui,sans-serif}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{background:#f7f9fc;min-height:100vh;display:flex}.sidebar{color:#c7d5e3;z-index:5;background:#102b45;flex-direction:column;width:255px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;border-bottom:1px solid #24455f;align-items:center;gap:9px;height:78px;padding:0 27px;font-size:18px;font-weight:800;display:flex}.brand b{background:#27bd87;border-radius:8px;padding:6px 10px}.brand span{color:#65d9aa}.menu-label{letter-spacing:1px;color:#7794ae;margin:27px 28px 8px;font-size:10px;font-weight:800}.sidebar nav{padding:0 13px}.nav-item,.logout{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:650;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1d496a}.nav-item.active{box-shadow:inset 3px 0 #48cf9d}.nav-item i{width:17px;font-size:16px;font-style:normal}.side-bottom{margin-top:auto;padding:18px}.help{background:#1c4868;border-radius:9px;flex-direction:column;gap:5px;padding:14px;font-size:11px;display:flex}.help b{color:#fff;font-size:13px}.help button,.panel header button,.reports button{color:#18a977;text-align:left;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:750}.logout{margin-top:10px;padding-left:7px}.main{width:calc(100% - 255px);margin-left:255px}.topbar{background:#fff;border-bottom:1px solid #e5edf4;justify-content:space-between;align-items:center;height:78px;padding:0 40px;display:flex}.topbar>div>small{color:#8c9aad;letter-spacing:1px;font-size:10px}.topbar h1{color:#19334f;margin:2px 0 0;font-size:20px}.user{align-items:center;gap:9px;display:flex}.user>b{color:#16855e;background:#dff7ec;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.user strong,.user small{font-size:12px;display:block}.user small{color:#8191a4;margin-top:3px}.content{max-width:1400px;margin:auto;padding:33px 40px 60px}.welcome,.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.welcome p,.welcome span,.page-heading p,.panel p{color:#7f8ea1;margin:0;font-size:12px}.welcome h2{color:#1a344f;margin:5px 0;font-size:26px}.primary{color:#fff;background:#22b983;border:0;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:750;box-shadow:0 3px 8px #22b98340}.metrics,.reports{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.metric,.panel,.reports article{background:#fff;border:1px solid #e7edf3;border-radius:10px;box-shadow:0 2px 5px #16355208}.metric{padding:18px}.metric>i{border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;display:grid}.metric .blue{color:#438dd4;background:#e6f1ff}.metric .orange{color:#eb942e;background:#fff0de}.metric .red{color:#df5966;background:#ffeaed}.metric .green{color:#2da974;background:#e5f8ef}.metric span{color:#6c7e93;margin:9px 0 3px;font-size:12px;display:block}.metric strong{color:#1a344e;font-size:27px;display:block}.metric small{color:#19a876;font-size:10px}.dashboard-grid{grid-template-columns:1.7fr .8fr;gap:20px;margin-bottom:20px;display:grid}.panel{padding:21px}.panel header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.panel h3{color:#1d344f;margin:0 0 5px;font-size:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8493a5;letter-spacing:.5px;background:#f8fafc;padding:10px;font-size:10px}td{color:#52657b;white-space:nowrap;border-bottom:1px solid #eef2f5;padding:11px 10px}td b{color:#30455e}td small,.stock small{color:#94a1b1;margin-top:3px;display:block}.badge{color:#16855e;background:#e6f8ef;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750}.badge-em-andamento,.badge-estoque-baixo{color:#b96919;background:#fff0dd}.badge-aberta{color:#4078ba;background:#e8f2ff}.summary .chart{justify-content:center;align-items:center;gap:18px;padding-top:24px;display:flex}.donut{background:conic-gradient(#57ce9d 0 33%,#f3ac57 33% 66%,#dce6ef 66%);border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:78px;height:78px;position:absolute}.donut b{z-index:1;text-align:center;color:#23405e}.donut small{color:#8291a4;font-size:9px;font-weight:400;display:block}.chart ul{color:#68798c;padding:0;font-size:11px;list-style:none}.chart li{padding:6px 0}.chart li b{float:right;color:#2d415b;margin-left:18px}.stock{border-top:1px solid #e9eff4;align-items:center;gap:10px;padding-top:14px;font-size:12px;display:flex}.stock>i{color:#d98422;background:#fff0df;border-radius:7px;padding:8px;font-style:normal}.stock em{color:#bd6e20;background:#fff0df;border-radius:5px;margin-left:auto;padding:6px;font-size:11px;font-style:normal;font-weight:700}.list{padding:0}.tools{border-bottom:1px solid #e9eff4;justify-content:space-between;padding:17px;display:flex}.tools label{color:#8493a3;border:1px solid #dbe4ec;border-radius:7px;width:270px;padding:7px 10px}.tools input{border:0;outline:0;width:225px;margin-left:6px;font-size:12px}.tools>button,.modal footer>button{color:#526579;background:#fff;border:1px solid #dbe4ec;border-radius:7px;padding:8px 12px;font-size:12px}.more{color:#8493a3;background:0 0;border:0}.reports{grid-template-columns:repeat(3,1fr)}.reports article{padding:22px}.reports article>i{color:#17a573;background:#e5f8ef;border-radius:8px;place-items:center;width:37px;height:37px;font-style:normal;display:grid}.reports h3{margin:17px 0 7px;font-size:15px}.reports p{color:#718197;min-height:38px;font-size:12px;line-height:1.6}.report{min-height:270px}.bars{border-bottom:1px solid #e5edf3;align-items:flex-end;gap:20px;height:175px;margin-top:30px;padding:0 20px;display:flex}.bars span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bars i{background:#54ca9b;border-radius:5px 5px 0 0;width:60%}.bars small{color:#8190a1;font-size:10px}.modal-bg{z-index:10;background:#09243c99;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(460px,100%);padding:24px}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0;font-size:19px}.modal header button{background:0 0;border:0;font-size:24px}.modal label{color:#445970;margin:15px 0;font-size:12px;font-weight:700;display:block}.modal input,.modal select,.modal textarea{border:1px solid #dbe4eb;border-radius:7px;width:100%;margin-top:7px;padding:10px;display:block}.modal textarea{resize:vertical;min-height:70px}.modal footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.toast{color:#fff;z-index:20;background:#193a55;border-radius:8px;padding:14px 17px;font-size:13px;position:fixed;bottom:24px;right:24px}.mobile-menu{background:0 0;border:0;font-size:22px;display:none}@media (width<=950px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0);box-shadow:10px 0 25px #102b4550}.main{width:100%;margin-left:0}.mobile-menu{margin-right:14px;display:block}.topbar{justify-content:flex-start;padding:0 20px}.user{margin-left:auto}.content{padding:25px 20px}.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.reports{grid-template-columns:1fr}}@media (width<=560px){.content{padding:20px 13px}.metrics{gap:9px}.metric{padding:13px}.welcome,.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.user span{display:none}.topbar{padding:0 13px}.tools label{width:100%}.tools input{width:85%}.tools{gap:7px}.stock em{display:none}}.login-page{background:linear-gradient(135deg,#102b45,#1b5c6f);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:16px;width:min(420px,100%);padding:34px;box-shadow:0 25px 60px #071a2d66}.login-logo{place-items:center;margin-bottom:20px;display:grid}.login-logo-image{object-fit:contain;width:108px;height:108px}.login-subtitle{text-align:center;color:#718197;margin:0 0 24px}.login-card .campo{flex-direction:column;gap:6px;margin:15px 0;display:flex}.login-card label{color:#41556d;font-size:12px;font-weight:700}.login-card input{border:1px solid #dce5ec;border-radius:7px;outline-color:#22b983;padding:11px}.login-button,.demo-button{border-radius:7px;width:100%;padding:12px;font-weight:750}.login-button{color:#fff;background:#22b983;border:0;margin-top:8px}.demo-button{color:#16855e;background:#effaf5;border:1px solid #b9d7cc;margin-top:10px}.login-footer{text-align:center;color:#91a0af;margin-top:22px;font-size:11px}.erro{color:#b4232d;background:#ffeaed;border-radius:7px;padding:10px;font-size:12px}
