:root{--bg:#f5f7fb;--panel:#fff;--panel-2:#eef4f7;--line:#d9e2ec;--text:#17212f;--muted:#64748b;--cyan:#087f8c;--green:#16835b;--yellow:#a15c00;--red:#b42318;--blue:#3157c9;--shadow:0 10px 28px #17212f12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #fff 0, var(--bg) 280px);color:var(--text);margin:0;font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;height:100vh;padding:20px 16px;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:48px;margin-bottom:28px;display:flex}.brandMark{color:#fff;background:#17324d;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px}.navList{gap:6px;display:grid}.navItem{min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 10px;display:flex}.navItem.active,.navItem:hover{background:var(--panel-2);color:var(--text)}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topMeta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px;display:flex}.topMeta span{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;display:inline-flex}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.statusCard{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;min-height:116px;padding:14px;display:flex;box-shadow:0 4px 14px #17212f0a}.statusCard>span{width:34px;height:34px;color:var(--blue);background:#eef4ff;border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.statusCard small,.statusCard strong{display:block}.statusCard small{color:var(--muted);font-size:12px}.statusCard strong{margin:3px 0 5px;font-size:18px}.statusCard p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px}h2{margin-bottom:0;font-size:22px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.pecPanel{padding:18px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.status{border:1px solid var(--line);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.status.ok{color:var(--green);background:#eaf7f0;border-color:#16835b47}.metricGrid{grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-bottom:16px;display:grid}.chartPanel{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:14px}.chartHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.chartHeader h3{margin-bottom:4px}.chartHeader p{color:var(--muted);margin-bottom:0}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:2px;width:10px;height:10px;display:inline-block}.dot.received,.stackReceived{background:var(--green)}.dot.sent,.stackSent{background:var(--cyan)}.dailyChart{grid-template-columns:repeat(30,minmax(10px,1fr));align-items:end;gap:5px;min-height:250px;display:grid}.dayBar{grid-template-rows:1fr auto;align-items:end;gap:8px;min-width:0;height:250px;display:grid}.barStack{background:#edf4f7;border-radius:5px 5px 2px 2px;flex-direction:column-reverse;display:flex;overflow:hidden}.barStack span{display:block}.dayBar small{color:var(--muted);text-align:center;font-size:10px}.metric{border:1px solid var(--line);background:#fbfdff;border-radius:8px;align-items:center;gap:10px;min-height:74px;padding:12px;display:flex}.metric>span{color:var(--blue)}.metric strong,.metric small{display:block}.metric strong{font-size:24px}.metric small{color:var(--muted)}.emptyState{border:1px solid var(--line);color:var(--muted);background:#fbfdff;border-radius:8px;align-items:flex-start;gap:14px;padding:16px;display:flex}.emptyState svg{color:var(--green)}.emptyState h3{color:var(--text);margin-bottom:4px}.emptyState p{max-width:760px;margin-bottom:0}.matterList{gap:10px;display:grid}.matterCard{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.matterCard:hover{border-color:#b9c8d8;box-shadow:0 8px 22px #17212f0f}.matterTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.matterTop h3{margin:6px 0 8px;font-size:17px}.priority,.owner{border:1px solid var(--line);min-height:24px;color:var(--muted);background:#f8fafc;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.priority.alta,.priority.critica{color:var(--red);background:#fff0ed;border-color:#b4231838}.priority.media{color:var(--yellow);background:#fff7df;border-color:#a15c0040}.sender,.preview{color:var(--muted);line-height:1.45}.sender{margin-bottom:6px;font-size:13px}.preview{margin-bottom:12px}.matterMeta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.matterMeta span{background:var(--panel-2);min-height:26px;color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.draftBox{background:#f7fbfc;border:1px solid #dbe7ef;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.draftBox strong{margin-bottom:4px;display:block}.draftBox p{color:var(--muted);margin:0}.iconButton{border:1px solid var(--line);min-height:36px;color:var(--text);cursor:pointer;font:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex;box-shadow:0 1px 2px #17212f0d}.iconButton:hover{border-color:var(--blue);color:var(--blue)}.moduleBand{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.projectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.projectModule{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:130px;padding:14px;box-shadow:0 4px 14px #17212f0a}.projectModule>span{color:#fff;background:var(--cyan);border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:12px;display:grid}.projectModule.blue>span{background:var(--blue)}.projectModule.green>span{background:var(--green)}.projectModule.yellow>span{background:var(--yellow)}.projectModule h3{margin-bottom:6px;font-size:16px}.projectModule p{color:var(--muted);margin:0;line-height:1.4}.module{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:12px;min-height:86px;padding:14px;display:flex;box-shadow:0 4px 14px #17212f0a}.module.breakdown{min-height:220px;display:block}.breakdownHead{margin-bottom:12px}.breakdownList{gap:10px;display:grid}.breakdownRow{color:var(--muted);grid-template-columns:minmax(90px,140px) 1fr 48px;align-items:center;gap:10px;font-size:13px;display:grid}.track{background:#edf4f7;border-radius:999px;height:10px;overflow:hidden}.track i{border-radius:inherit;background:var(--blue);height:100%;display:block}.priorityPanel{margin-top:16px;padding:18px}.priorityTableWrap{overflow-x:auto}.priorityTable{border-collapse:collapse;width:100%;min-width:900px}.priorityTable th,.priorityTable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 8px;font-size:13px}.priorityTable th{color:var(--muted);text-transform:uppercase;font-size:12px}.securityPanel{margin-top:16px;padding:18px}.securityGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.securityGrid>div{border:1px solid var(--line);background:#fbfdff;border-radius:8px;min-height:112px;padding:14px}.securityGrid strong{margin-bottom:6px;display:block}.securityGrid p{color:var(--muted);margin:0;line-height:1.45}.roadmapPanel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.roadmapItem{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;min-height:78px;padding:14px;display:flex;box-shadow:0 4px 14px #17212f0a}.roadmapItem>span{color:#fff;background:#17324d;border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.roadmapItem strong,.roadmapItem small{display:block}.roadmapItem small{color:var(--muted);margin-top:2px}.mutedText{color:var(--muted)}.module>span{background:var(--cyan);border-radius:999px;width:10px;height:48px}.module.green>span{background:var(--green)}.module.yellow>span{background:var(--yellow)}.module h3{margin-bottom:4px;font-size:16px}.module p{color:var(--muted);margin:0}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.navList{grid-template-columns:repeat(4,minmax(0,1fr))}.summaryGrid,.metricGrid,.moduleBand,.projectGrid,.securityGrid,.roadmapPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.workspace{padding:14px}.topbar,.panelHeader,.chartHeader,.matterTop,.draftBox{flex-direction:column;align-items:stretch}.topMeta{justify-content:flex-start}.dailyChart{grid-template-columns:repeat(30,22px);overflow-x:auto}.navList,.summaryGrid,.metricGrid,.moduleBand,.projectGrid,.securityGrid,.roadmapPanel{grid-template-columns:1fr}h1{font-size:25px}}