@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#14233e;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#245bc4;text-decoration:none}a:hover{color:#143c9b}.layout{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;background:#0c1730;color:#b4c2d9;display:flex;flex-direction:column;padding:30px 17px 20px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 42px;color:#fff;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.7px;font-size:20px}.brand b{color:#58a6ff}.brand small{display:block;color:#92a3c0;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-top:1px}.brand-mark,.logo-symbol{display:grid;place-items:center;background:linear-gradient(145deg,#31a0ff,#2560e3);border-radius:12px;width:40px;height:40px;color:#fff;font-size:21px;box-shadow:0 8px 20px #1c65cd50;font-weight:800}.sidebar-caption{color:#647897;font-weight:800;font-size:10px;letter-spacing:1.7px;margin:0 17px 12px}.sidebar-nav{display:grid;gap:5px}.sidebar .nav-item{display:block;color:#aebdd4;font-size:13px;font-weight:650;padding:13px 16px;border-radius:10px;margin:2px 0;transition:.16s}.sidebar .nav-item:hover{color:#fff;background:#182b4e}.sidebar .nav-item.active{background:#2255a7;color:#fff;box-shadow:inset 3px 0 #53abff}.sidebar-bottom{margin-top:auto}.profile{display:flex;gap:10px;align-items:center;padding:19px 5px 12px;margin-top:18px;border-top:1px solid #233552}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#274b85;color:#fff;font-weight:800}.profile-data{min-width:0}.profile-data b,.profile-data span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-data b{font-size:12px;color:#fff}.profile-data span{font-size:10px;margin-top:3px;color:#8297b5}.logout{width:100%;background:transparent!important;color:#b7c7df!important;text-align:left;border:1px solid #2b3d5d!important;padding:11px 13px!important;font-size:12px}.content{flex:1;min-width:0;background:#f5f7fb}.topbar{height:76px;padding:0 38px;background:white;border-bottom:1px solid #e6eaf1;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#6e7e97}.breadcrumb span{padding:0 9px;color:#bac4d1}.header-right{display:flex;align-items:center;gap:9px;font-size:12px;color:#667b91}.connection-dot{width:7px;height:7px;border-radius:100%;background:#23b88b}.top-avatar{margin-left:18px;width:33px;height:33px}.content-inner{padding:34px 38px 65px;max-width:1650px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.card-kicker{font-size:10px;font-weight:800;letter-spacing:1.9px;color:#3875cc;text-transform:uppercase}.page-heading h1{font:800 31px Manrope,sans-serif;letter-spacing:-1.25px;margin:8px 0 7px;color:#162842}.page-heading p{margin:0;font-size:13px}.date-tag{padding:11px 14px;border-radius:9px;background:#fff;border:1px solid #e6eaf0;color:#60728b;font-size:12px}.muted{color:#7d8aa0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:20px}.card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:25px;margin:0 0 20px;box-shadow:0 5px 20px #14284706;overflow:auto}.cards .card{min-height:145px;border-top:3px solid #4e8ce4;color:#708097;font-size:13px;font-weight:600;box-shadow:0 9px 23px #172c5109}.card strong.big{display:block;color:#172b4a;font:800 37px Manrope,sans-serif;letter-spacing:-1.4px;margin-top:19px}.card h2{font:800 18px Manrope,sans-serif;color:#20314b;margin:0 0 18px;letter-spacing:-.4px}.card h3{font-size:15px;color:#20314b}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f8fafd;color:#78869d;font-size:11px;letter-spacing:.2px;font-weight:800}td,th{padding:15px 13px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle}td{color:#43536d}tr:last-child td{border-bottom:none}label{display:block;color:#3d506e;font-size:12px;font-weight:750;margin-bottom:5px}input,select,textarea{display:block;width:100%;font:500 13px 'DM Sans',sans-serif;color:#253753;background:#fff;border:1px solid #dce3ec;border-radius:9px;padding:12px 13px;margin:7px 0 17px;outline:none;transition:border .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#3a80da;box-shadow:0 0 0 3px #2374ce17}textarea{min-height:110px}button,.btn{background:#215ec9;border:0;color:#fff;border-radius:9px;padding:12px 19px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:.15s}button:hover{background:#154ba9}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px 22px}.notice{background:#eaf4ff;border:1px solid #bbd7fc;color:#155099;border-radius:10px;padding:13px 16px;margin-bottom:20px;font-size:13px}.small{font-size:12px}.code{font-size:36px;font-weight:800;letter-spacing:7px;color:#205dc0}.settings-layout{display:grid;grid-template-columns:minmax(300px,1.3fr) minmax(260px,.7fr);gap:22px}.account-card{padding:31px}.account-card .muted{line-height:1.7;font-size:13px;margin:0 0 23px}.account-card form{max-width:540px}.account-aside{background:linear-gradient(150deg,#fff,#f6faff)}.account-illustration{height:115px;border-radius:12px;background:linear-gradient(130deg,#143876,#3185e5);display:grid;place-items:center;color:#fff;font-size:63px;margin-bottom:21px}.account-aside p{font-size:13px;line-height:1.8}.account-detail{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #e6edf6;font-size:12px;color:#75859d}.account-detail b{color:#283b56}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f6f8fc}.auth-intro{background:radial-gradient(circle at 80% 90%,#2561a0 0,transparent 40%),linear-gradient(150deg,#09142b,#183660);color:white;padding:11vh 9%;display:flex;flex-direction:column;align-items:flex-start}.auth-intro .logo-symbol{width:57px;height:57px;margin-bottom:13vh}.auth-intro .eyebrow{color:#78baf8}.auth-intro h1{font:800 clamp(36px,4.2vw,69px)/1.14 Manrope,sans-serif;letter-spacing:-3px;margin:19px 0 21px}.auth-intro p{font-size:17px;line-height:1.8;color:#b2c6e4;max-width:470px}.auth-foot{margin-top:auto;font-size:12px;color:#7c9cc5}.login{align-self:center;width:min(440px,85%);margin:40px auto;padding:41px;box-shadow:0 24px 90px #17325314}.login h2{font:800 28px Manrope,sans-serif;letter-spacing:-1px;margin:12px 0}.login>p{font-size:13px;line-height:1.6}.login form{margin-top:30px}.btn-wide{width:100%;padding:15px}.login-help{text-align:center;color:#9ba9ba;font-size:11px;margin:23px 0 0}@media(max-width:1050px){.sidebar{width:205px;flex-basis:205px}.topbar{padding:0 23px}.content-inner{padding:27px 23px}.settings-layout{grid-template-columns:1fr}}@media(max-width:720px){.layout{display:block}.sidebar{position:static;width:auto;min-height:0;height:auto;padding:18px}.brand{margin:0 0 12px}.sidebar-nav{display:flex;overflow-x:auto;gap:4px}.sidebar .nav-item{white-space:nowrap}.sidebar-bottom{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sidebar-bottom>.sidebar-caption,.profile{display:none}.sidebar-bottom form{margin:0}.logout{padding:8px!important}.topbar{height:55px}.header-right{font-size:0}.content-inner{padding:22px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.date-tag{display:none}.card{padding:18px}.auth-shell{grid-template-columns:1fr}.auth-intro{padding:35px}.auth-intro .logo-symbol{margin:0 0 18px}.auth-intro h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.auth-intro p,.auth-foot{display:none}.login{margin:25px auto}}

/* v0.3 - Gestão de grupos */
.group-card{margin-top:20px}.group-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.group-members{margin-top:20px;border-top:1px solid #e7edf5;padding-top:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:#eaf2ff;color:#26508a;border-radius:40px;padding:7px 13px;font-size:13px;font-weight:600}.btn-outline{background:white!important;border:1px solid #cbd5e1!important;color:#334155!important}@media(max-width:640px){.group-heading{flex-direction:column}}