@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');
:root{--graphite:#5d5c61;--dark:#424247;--taupe:#b0a295;--blue:#557a95;--soft:#e1e8ed;--ink:#333;--muted:#737177;--line:#e4e1df;--bg:#f7f6f5;--red:#b95151;--shadow:0 14px 38px rgba(51,51,51,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Open Sans',sans-serif}h1,h2,b,strong{font-family:Montserrat,sans-serif}h1,h2,p{margin-top:0}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:var(--dark);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;gap:12px}.brand-logo{width:105px;height:43px;background:url('../logo-thais-branco.png') center/contain no-repeat;filter:brightness(0) invert(1)}.brand>span:last-child{border-left:1px solid #ffffff40;padding-left:12px;display:flex;flex-direction:column}.brand b{font-size:12px}.brand small{font-size:8px;opacity:.6;text-transform:uppercase}.sidebar nav{display:grid;gap:6px;margin-top:42px}.sidebar nav a{color:#ffffffad;text-decoration:none;padding:12px 14px;border-radius:8px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;color:#fff}.secure{margin-top:auto;border-top:1px solid #ffffff20;padding:16px 7px;font-size:10px;color:#c8d6df}.secure small{display:block;color:#ffffff70}.profile{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;border-top:1px solid #ffffff20;padding:14px 7px}.profile>span{width:34px;height:34px;border-radius:50%;background:var(--taupe);display:grid;place-items:center}.profile b,.profile small{display:block;font-size:9px}.profile small{opacity:.5}.profile a{color:#fff}.main{margin-left:270px;padding:0 clamp(24px,4vw,55px) 50px}.main>header{height:110px;display:flex;align-items:center}.main>header h1{font-size:25px;margin:0}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#96887c;font-weight:700;margin:0 0 5px}.mobile-menu{display:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel,.product-card,.projection-hero{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metrics article{padding:20px;min-height:130px}.metrics article.dark{background:var(--graphite);color:#fff}.metrics span,.metrics small{display:block;color:var(--muted);font-size:10px}.metrics .dark span,.metrics .dark small{color:#ffffff99}.metrics strong{display:block;font-size:20px;margin:13px 0 5px}.danger{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px}.panel{padding:21px;overflow:auto}.panel h2{font-size:14px}.muted{color:var(--muted);font-size:10px}.chart-bars{height:170px;display:flex;align-items:end;gap:10%;padding:10px 8% 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#eef0f2 0,#eef0f2 1px,transparent 1px,transparent 40px)}.chart-bars i{height:var(--h);width:10%;background:var(--taupe);border-radius:4px 4px 0 0}.chart-bars .future{background:repeating-linear-gradient(135deg,var(--blue),var(--blue) 4px,#7896ad 4px,#7896ad 8px)}.insight{background:linear-gradient(145deg,var(--blue),#46677f);color:#fff}.insight p{color:#ffffffb0}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-actions p{margin:0;color:var(--muted)}.button{border:1px solid var(--taupe);background:var(--taupe);color:#fff;padding:11px 16px;border-radius:7px;font-weight:700;font-size:11px;cursor:pointer}.button:hover{background:#96887c}.button:disabled{opacity:.45}.alert{padding:12px 15px;border-radius:8px;margin-bottom:14px}.alert.error{background:#fbe8e7;color:#9e4141}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8b898e;font-size:8px;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #efedec;font-size:10px}td b,td small{display:block}td small{font-size:8px;color:#969399}.status{font-size:8px;padding:5px 8px;border-radius:10px}.status.paid{background:#e4f3ed;color:#2d765f}.status.pending{background:#fff1dc;color:#986825}.status.overdue{background:#fbe8e7;color:#aa4848}.projection-hero{padding:26px 30px;background:linear-gradient(130deg,var(--dark),var(--graphite));color:#fff;margin-bottom:14px}.projection-hero span,.projection-hero strong{display:block}.projection-hero span{font-size:10px;color:#ffffff99}.projection-hero strong{font-size:26px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{padding:22px}.product-card>span{background:var(--soft);color:var(--blue);padding:5px 8px;border-radius:6px;font-weight:700}.product-card h2{font-size:14px;min-height:42px;margin:18px 0}.product-card>small,.product-card>strong{display:block}.product-card>small{color:var(--muted);font-size:9px}.product-card>strong{font-size:20px}.product-card p{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid var(--line);padding-top:8px}.contract-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.upload{text-align:center}.upload form{border:1px dashed #c8c3c0;background:#fbfaf9;border-radius:10px;padding:28px}.upload input[type=file]{display:block;width:100%;margin:15px 0}.upload-icon{font-size:28px;color:var(--blue)}.upload>small{font-size:8px;color:var(--muted)}dialog{width:min(560px,calc(100% - 30px));border:0;border-radius:13px;padding:28px;box-shadow:0 30px 80px #0004}dialog::backdrop{background:#2525289e}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:22px}label{display:block;font-size:10px;font-weight:700;margin:12px 0}input,select{width:100%;border:1px solid #dcd8d5;border-radius:7px;padding:11px;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{background:linear-gradient(135deg,#424247f2,#5d5c61e0),url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1600&q=80') center/cover;color:#fff;padding:55px clamp(35px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between}.login-brand img,.install-card img{width:190px}.login-brand img{filter:brightness(0) invert(1)}.login-brand h1{font-size:clamp(30px,4vw,48px);max-width:600px;line-height:1.15}.login-brand p{color:#ffffffb0}.login-form{display:grid;place-items:center;padding:35px}.login-form form{width:min(400px,100%)}.login-form h2{font-size:27px}.login-form .button{width:100%;margin-top:10px}.install{background:var(--bg);padding:40px 20px}.install-card{max-width:720px;margin:auto;background:#fff;padding:35px;border-radius:14px;box-shadow:var(--shadow)}.install-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.install-card small{display:block;color:var(--muted);font-size:8px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin:0;padding:0 16px 30px}.main>header{height:90px}.mobile-menu{display:block;margin-right:12px}.metrics,.dashboard-grid,.product-grid,.contract-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-brand{min-height:300px;padding:30px}.login-brand h1{font-size:27px}}