:root{--navy:#102a43;--navy-2:#163852;--ink:#1c2b3a;--muted:#5d7183;--soft:#f5f8fa;--surface:#fff;--line:#dce5eb;--teal:#0b766e;--teal-dark:#075e58;--teal-pale:#e8f6f4;--green:#16845b;--amber:#b46f09;--purple:#7256b6;--blue:#2563a7;--danger:#b84646;--shadow-sm:0 1px 2px rgba(16,42,67,.05);--shadow-md:0 12px 28px rgba(24,50,70,.07);--shadow-lg:0 24px 60px rgba(16,42,67,.18);--radius:14px;--ease:180ms cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font:400 14px/1.5 "IBM Plex Sans",system-ui,sans-serif}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:9px 14px;background:var(--navy);color:#fff;border-radius:7px;transform:translateY(-150%);transition:transform var(--ease)}.skip-link:focus{transform:translateY(0)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:254px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 14px 17px}.brand{color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:10px;padding:0 10px 27px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#0c8077,#075a55);font:700 19px "Playfair Display",serif;box-shadow:0 6px 15px #0b766e35}.brand b{display:block;font:700 21px/1 "Playfair Display",serif;letter-spacing:-.5px}.brand small,.sidebar-user small{display:block;font-size:9px;font-weight:700;letter-spacing:1.05px;color:#8a9aa8;margin-top:3px}.nav-section{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#95a4af;margin:14px 11px 7px}.nav-link{min-height:42px;width:100%;border:0;border-radius:8px;background:transparent;color:#526878;text-decoration:none;font:500 13px "IBM Plex Sans";display:flex;align-items:center;gap:12px;padding:9px 11px;cursor:pointer;transition:color var(--ease),background var(--ease)}.nav-link svg{width:17px;height:17px;color:#74899a}.nav-link:hover{color:var(--navy);background:#f1f6f7}.nav-link.active{color:var(--teal-dark);background:var(--teal-pale);font-weight:600}.nav-link.active svg{color:var(--teal)}.nav-count{margin-left:auto;background:#e9eff2;border-radius:20px;padding:1px 7px;color:#5f7281;font-size:10px}.new-work{margin:5px 0 4px;background:var(--navy);color:#fff;font-weight:600;box-shadow:0 4px 10px #102a4320}.new-work svg{color:#a9e3dd}.new-work:hover{color:#fff;background:var(--navy-2)}.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:17px 4px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f4ddd3;color:#8e493a;font-weight:700;font-size:11px}.sidebar-user strong{display:block;font-size:12px}.sidebar-user .round-button{margin-left:auto}.round-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5e7585;cursor:pointer;transition:all var(--ease)}.round-button:hover{color:var(--navy);border-color:#b9c8d1;background:#f5f8fa}.round-button:focus-visible,.nav-link:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0b766e42;outline-offset:2px}.topbar{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;position:sticky;top:0;z-index:10}.topbar-left,.top-actions,.breadcrumb{display:flex;align-items:center}.breadcrumb{gap:10px;color:#6a7d8c;font-size:12px}.breadcrumb svg{width:14px;height:14px;color:#94a4b0}.breadcrumb strong{color:var(--navy);font-size:13px}.top-actions{gap:12px}.notification{position:relative}.notification i{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:#d95d54;border:1px solid #fff}.top-avatar{width:36px;height:36px}.menu-button{display:none}.content{max-width:1360px;margin:auto;padding:37px 39px 48px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow,.panel-overline{margin:0 0 8px;color:var(--teal);font-size:10px;line-height:1;font-weight:700;letter-spacing:1.4px}.live-dot{font-size:9px;color:#648081;background:#edf5f4;letter-spacing:.5px;padding:4px 8px;border-radius:50px;margin-left:8px}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#1c9e70;margin-right:5px}.welcome h1{font:700 31px/1.16 "Playfair Display",serif;letter-spacing:-.9px;margin:0;color:var(--navy)}.welcome h1 em{color:var(--teal);font-style:normal}.subtitle{color:var(--muted);font-size:14px;margin:8px 0 0}.primary-button,.outline-button,.quiet-button{min-height:42px;border-radius:8px;padding:0 15px;font:600 13px "IBM Plex Sans";display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background var(--ease),transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.primary-button{color:#fff;border:1px solid var(--teal);background:var(--teal);box-shadow:0 5px 12px #0b766e2b}.primary-button:hover{background:var(--teal-dark);box-shadow:0 7px 16px #0b766e35;transform:translateY(-1px)}.primary-button svg{width:17px}.outline-button{color:#486173;background:#fff;border:1px solid #ccd9e0}.outline-button:hover{border-color:#9badb9;background:#f7fafb;color:var(--navy)}.quiet-button{background:transparent;border:1px solid transparent;color:#65808e}.quiet-button:hover{background:#edf3f5;color:var(--navy)}.filter-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 12px;margin-bottom:18px}.filter-group,.filter-actions{display:flex;align-items:center;gap:5px}.filter-group label{display:flex;flex-direction:column;gap:3px;min-width:184px;padding:2px 9px;color:#8394a0;font-size:9px;font-weight:700;letter-spacing:1px}.filter-group label+label{border-left:1px solid var(--line)}select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23617485' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0 center;border:0;color:#334c5c;font:600 13px "IBM Plex Sans";padding:0 22px 0 0;cursor:pointer}.metrics{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:13px;margin-bottom:18px}.metric-card{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:box-shadow var(--ease),transform var(--ease)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card.featured{color:#fff;background:linear-gradient(125deg,#12384e,#0b766e);border:0;box-shadow:0 12px 26px #0d5d6233}.metric-card-head{display:flex;align-items:center;justify-content:space-between}.metric-card-head>span:first-child{font-size:10px;font-weight:700;letter-spacing:.8px;color:#718593}.featured .metric-card-head>span:first-child{color:#d0eeeb}.metric-badge{font-size:9px;background:#ffffff1e;color:#e1fbf8;padding:4px 7px;border-radius:5px;display:flex;align-items:center;gap:4px}.metric-badge svg{width:12px}.metric-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:8px}.metric-symbol svg{width:15px}.metric-symbol.blue{background:#eaf1f9;color:var(--blue)}.metric-symbol.purple{background:#f1edfb;color:var(--purple)}.metric-symbol.green{background:#e7f5ed;color:var(--green)}.metric-symbol.amber{background:#fff4df;color:var(--amber)}.metric-card strong{display:block;color:var(--navy);font-size:23px;line-height:1;margin-top:23px;letter-spacing:-.8px}.metric-card.featured strong{color:#fff;font-size:27px;margin-top:18px}.metric-card p{margin:7px 0 0;color:#7d909d;font-size:11px}.featured p{color:#c4e6e1}.metric-line{display:flex;gap:3px;height:26px;align-items:end;position:absolute;right:17px;bottom:14px;opacity:.45}.metric-line i{width:4px;background:#a9e6df;border-radius:4px 4px 0 0}.metric-line i:nth-child(1){height:25%}.metric-line i:nth-child(2){height:42%}.metric-line i:nth-child(3){height:34%}.metric-line i:nth-child(4){height:56%}.metric-line i:nth-child(5){height:45%}.metric-line i:nth-child(6){height:72%}.metric-line i:nth-child(7){height:62%}.metric-line i:nth-child(8){height:80%}.metric-line i:nth-child(9){height:67%}.metric-line i:nth-child(10){height:100%}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow-sm)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font-size:16px;color:var(--navy);margin:0;font-weight:700}.panel-heading p:not(.panel-overline){margin:4px 0 0;color:#708390;font-size:12px}.more-button{width:35px;height:35px;background:#fff;border:1px solid transparent;border-radius:8px;color:#748795;display:grid;place-items:center;cursor:pointer;transition:all var(--ease)}.more-button:hover{background:#f2f6f7;border-color:var(--line)}.more-button svg{width:19px}.chart-legend{display:flex;gap:16px;justify-content:flex-end;margin:14px 2px 4px;color:#718390;font-size:11px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.legend-dot.total{background:var(--teal)}.legend-dot.received{background:#c3dfdc}.bar-chart{height:188px;padding:0 23px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e4ebee;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#eff3f4 47px)}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;cursor:default}.bar{width:17px;min-height:3px;border-radius:5px 5px 0 0;transition:filter var(--ease)}.bar-group:hover .bar{filter:brightness(.88)}.bar.total-bar{background:var(--teal)}.bar.received-bar{background:#cae6e3}.chart-labels{display:flex;justify-content:space-around;padding:9px 13px 0;font-size:11px;color:#80919d}.donut-wrap{display:flex;align-items:center;gap:27px;margin:25px 5px 17px}.donut{flex:0 0 auto;width:138px;height:138px;border-radius:50%;display:grid;place-items:center}.donut:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #f1f4f5}.donut span{position:relative;text-align:center;color:var(--navy);font-size:25px;font-weight:700;line-height:1}.donut small{display:block;color:#83929d;font-size:9px;letter-spacing:.8px;text-transform:uppercase;margin-top:5px}.status-list{flex:1;min-width:0}.status-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #eef2f3;color:#536876;font-size:12px}.status-item:last-child{border:0}.status-name{display:flex;align-items:center;white-space:nowrap}.status-name i{width:7px;height:7px;border-radius:50%;margin-right:7px}.status-item strong{color:var(--navy);font-size:12px}.status-foot{border-top:1px solid #e9eef0;padding:13px 3px 0;display:flex;justify-content:space-between;color:#6d7d89;font-size:11px}.status-foot strong{color:var(--teal);font-size:12px}.recent-panel{padding-bottom:8px}.link-button{border:0;background:transparent;color:var(--teal);font:600 12px "IBM Plex Sans";display:flex;align-items:center;gap:5px;cursor:pointer;padding:7px}.link-button svg{width:15px}.link-button:hover{color:var(--teal-dark)}.table-wrap{margin:14px -3px 0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:690px}th{padding:11px 10px;color:#8797a2;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;text-align:left}td{padding:13px 10px;border-bottom:1px solid #edf1f3;color:#536a7a;font-size:12px}tbody tr{transition:background var(--ease)}tbody tr:hover{background:#f8fbfb}tbody tr:last-child td{border-bottom:0}.work-name{display:flex;align-items:center;gap:10px;color:#2a4254;font-weight:600}.work-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--teal);background:#e8f5f3}.work-icon svg{width:15px}.work-sub{font-size:10px;color:#8a99a3;font-weight:400;margin-top:2px;display:block}.status-pill{padding:4px 8px;border-radius:50px;font-size:10px;font-weight:600;white-space:nowrap}.status-concluido{background:#e7f5eb;color:#26744a}.status-andamento{background:#fff3df;color:#9b6312}.status-aprovacao{background:#f0edfa;color:#6750aa}.status-solicitado{background:#eef2f4;color:#5e7381}.value{font-weight:700;color:#284254}.empty-state{text-align:center;padding:47px;color:#657988}.empty-state svg{width:30px;height:30px;color:#8aa0ad;margin-bottom:10px}.empty-state strong{display:block;color:var(--navy)}.empty-state p{margin:5px}.hidden{display:none}.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(9,27,42,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.work-modal{width:min(708px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:27px;box-shadow:var(--shadow-lg);animation:modal-in 220ms var(--ease)}.modal-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}.modal-heading h2{margin:0;color:var(--navy);font:700 25px "Playfair Display",serif}.modal-heading p:not(.eyebrow){color:#6d7f8d;font-size:12px;margin:5px 0 0}.close-button{flex:0 0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 0}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#536a79;font-size:12px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{min-height:42px;width:100%;border:1px solid #cedae0;border-radius:8px;padding:9px 11px;color:#263f51;background:#fff;font:400 13px "IBM Plex Sans";transition:border var(--ease),box-shadow var(--ease)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0b766e1c;outline:0}.form-grid textarea{min-height:75px;resize:vertical}.form-grid select{padding-right:29px;background-position:right 10px center}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:19px;border-top:1px solid var(--line)}.save-loading[hidden]{display:none}.toast{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--navy);color:#fff;border-radius:10px;box-shadow:var(--shadow-lg);animation:toast-in 240ms var(--ease)}.toast[hidden]{display:none}.toast-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1b9b70;font-weight:700}.toast strong,.toast small{display:block}.toast strong{font-size:12px}.toast small{font-size:11px;color:#c1d3dc}.fab{display:none}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1130px){.metrics{grid-template-columns:repeat(3,1fr)}.metric-card.featured{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:230px}.content{padding:30px 25px}.topbar{padding:0 25px}main{margin-left:230px}}@media(min-width:1131px){main{margin-left:254px}}@media(max-width:760px){body{font-size:14px}.sidebar{width:260px;transform:translateX(-105%);box-shadow:var(--shadow-lg);transition:transform 220ms var(--ease)}.sidebar.open{transform:translateX(0)}main{margin:0}.topbar{height:66px;padding:0 16px}.menu-button{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:var(--navy);cursor:pointer;margin-right:8px}.breadcrumb>span,.breadcrumb>svg{display:none}.top-actions .top-avatar{display:none}.content{padding:26px 15px 86px}.welcome{align-items:flex-start;margin-bottom:21px}.welcome h1{font-size:27px}.welcome .primary-button{display:none}.subtitle{max-width:290px}.filter-bar{display:block;padding:8px}.filter-group{display:grid;grid-template-columns:1fr 1fr;gap:0}.filter-group label{min-width:0;padding:5px 8px}.filter-actions{justify-content:space-between;padding-top:7px;border-top:1px solid var(--line);margin-top:5px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:132px;padding:14px}.metric-card.featured{grid-column:1/-1;min-height:142px}.metric-card strong{font-size:20px;margin-top:20px}.metric-card.featured strong{font-size:26px}.dashboard-grid{gap:12px;margin-bottom:12px}.panel{border-radius:12px;padding:16px}.donut-wrap{gap:15px}.donut{width:122px;height:122px}.donut:before{width:90px;height:90px}.status-name{font-size:11px}.bar-chart{height:168px;padding:0 12px}.bar{width:13px}.recent-panel{padding:16px}.table-wrap{margin-left:0;margin-right:0}.work-modal{padding:20px;border-radius:13px}.form-grid{grid-template-columns:1fr;gap:13px}.full{grid-column:auto}.form-actions .outline-button{padding:0 12px}.fab{display:grid;place-items:center;position:fixed;z-index:15;right:18px;bottom:18px;width:53px;height:53px;border:0;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 8px 20px #0b766e55;cursor:pointer}.fab svg{width:22px;height:22px}.toast{right:15px;bottom:82px;left:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}