:root{--violet:#5a46df;--ink:#17142b;--muted:#6b7280;--line:#e7e8ee;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,sans-serif}button,.button{border:0;border-radius:10px;background:var(--violet);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;color:#252238;font:inherit}textarea{min-height:82px;resize:vertical}label{display:block;margin:12px 0 5px;font-size:12px;font-weight:700}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column}.logo{display:flex;gap:10px;align-items:center;font-size:16px}.logo span,.brand{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--violet);color:#fff;font-size:20px}nav{display:grid;gap:5px;margin-top:32px}nav a{padding:11px;border-radius:9px;color:#616579;text-decoration:none;font-weight:650}nav a:hover,nav a.active{background:#eeeafd;color:var(--violet)}.account{margin-top:auto;display:grid;gap:3px}.account small{color:var(--muted)}.account a{color:#e11d48;margin-top:8px}main{margin-left:230px;padding:26px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1,h2,h3,p{margin-top:0}header p{color:var(--muted);margin:4px 0}.notice,.error{border-radius:10px;padding:11px 14px;margin:10px 0}.notice{background:#fff7d6;color:#7c5d00}.error{background:#ffe4e8;color:#9f1239}.metrics,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article,.cards article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metrics strong{display:block;font-size:30px;margin-top:8px}.metrics small{color:var(--muted)}.kanban{display:flex;gap:14px;overflow-x:auto;padding:5px 2px 18px;scroll-snap-type:x mandatory}.column{min-width:290px;flex:1;min-height:350px;background:#edeaf4;border:1px solid #e1ddeb;border-radius:16px;padding:14px;scroll-snap-align:start}.column-title{display:flex;align-items:center;gap:8px;margin-bottom:13px}.column-title span{background:#fff;border-radius:999px;padding:2px 7px;font-size:11px}.task{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;margin-bottom:10px;color:inherit;text-decoration:none;box-shadow:0 3px 12px #1f173d0d;cursor:grab}.task small,.task footer{display:block;color:var(--muted);font-size:10px}.task b{display:block;margin:6px 0 11px}.task div{display:flex;justify-content:space-between;font-size:10px}.task footer{border-top:1px solid #eee;margin-top:10px;padding-top:9px}.priority{border-radius:999px;padding:3px 7px}.priority.alta{background:#ffe5e9;color:#be123c}.priority.média{background:#fff3cd;color:#9a6700}.priority.baixa{background:#e1f2ff;color:#0369a1}.calendar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week b{text-align:center;padding:8px;color:var(--muted);font-size:11px}.days>div{min-height:115px;border:1px solid var(--line);border-radius:9px;padding:8px}.days a{display:block;background:#eeeafd;color:var(--violet);border-radius:5px;padding:5px;margin-top:5px;font-size:9px;text-decoration:none}.modal{display:none;position:fixed;z-index:20;inset:0;background:#17142b99;place-items:center;padding:18px}.modal.open{display:grid}.modal-card{position:relative;width:min(540px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 80px #0005}.close{position:absolute;right:15px;top:12px;background:transparent;color:#777;font-size:23px;text-decoration:none}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#ede9fe,transparent 42%),#f7f8fa}.login-card{width:min(390px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 25px 60px #5a46df22}.login-card .brand{margin-bottom:18px}.login-card>button{width:100%;margin-top:12px}.password{position:relative}.password button{position:absolute;right:4px;top:4px;background:transparent;color:#777;padding:7px}.danger{background:#e11d48;margin-top:8px}.metrics{grid-template-columns:repeat(5,1fr)}@media(max-width:800px){aside{position:static;width:auto;height:auto}.account{margin-top:15px}main{margin:0;padding:16px}.metrics,.cards{grid-template-columns:1fr 1fr}header{align-items:flex-start}.calendar{overflow:auto}.week,.days{min-width:700px}}@media(max-width:480px){.metrics,.cards{grid-template-columns:1fr}}
.mobile-menu,.mobile-overlay{display:none}@media(max-width:1024px){.mobile-menu{display:grid;position:fixed;top:14px;left:14px;z-index:50;width:44px;height:44px;place-items:center;padding:0;font-size:28px;line-height:1;border-radius:12px;box-shadow:0 8px 24px #17142b33}.mobile-overlay{position:fixed;inset:0;background:#17142b80;z-index:39}body.menu-open .mobile-overlay{display:block}aside{position:fixed;inset:0 auto 0 0;width:min(300px,84vw);height:100vh;z-index:40;transform:translateX(-105%);transition:transform .25s ease;box-shadow:12px 0 32px #17142b33;visibility:hidden;pointer-events:none}body.menu-open aside{transform:translateX(0);visibility:visible;pointer-events:auto}main{margin:0;padding:70px 16px 16px}.account{margin-top:auto}}@media(max-width:1024px){.task-filters{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:flex-end!important;overflow-x:auto;width:100%;padding:0 0 8px;margin-left:0!important;margin-right:0!important}.task-filters>div{flex:0 0 170px}.task-filters>div:nth-of-type(2){flex-basis:140px}.task-filters>div:nth-of-type(3){flex-basis:190px}.task-filters>a{flex:0 0 auto}}@media(max-width:480px){.metrics{grid-template-columns:repeat(6,1fr);gap:8px}.metrics article{grid-column:span 2;padding:12px;min-height:92px}.metrics article:nth-child(n+4){grid-column:span 3}.metrics strong{font-size:24px;margin-top:6px}.metrics small{font-size:10px;line-height:1.2}}@media(max-width:1024px){.task-filters>div{min-width:0!important}.task-filters input,.task-filters select{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:44px}.task-filters label{white-space:nowrap}.task-filters>div:first-of-type{flex-basis:155px}.task-filters>div:nth-of-type(2){flex-basis:125px}.task-filters>div:nth-of-type(3){flex-basis:165px}}@media(max-width:1024px){.task-filters{display:grid!important;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:none!important;gap:10px!important;align-items:end!important;justify-content:start!important;overflow-x:auto!important}.task-filters>div,.task-filters>div:first-of-type,.task-filters>div:nth-of-type(2),.task-filters>div:nth-of-type(3){width:150px!important;min-width:150px!important;max-width:150px!important;overflow:hidden;flex:none!important}.task-filters input,.task-filters select{box-sizing:border-box!important;width:150px!important;min-width:0!important;max-width:150px!important;font-size:13px!important}.task-filters input[type=month]{padding:8px!important}}