body.da3-home221{--home-header:66px;margin:0;background:#f5f4ef;color:#203247;font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}
.da3-home221>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#174d3a;color:#fff;border:0;z-index:30;min-height:66px}
.da3-home221>header>b{font-size:22px;line-height:1.3}
.da3-home221>header>b>.sub{display:none}
.da3-home221 .home221-subtitle{font-size:14px;font-weight:450;margin-left:10px;color:#d7e9de}
.da3-home221 .navright{float:none;color:#d7e9de;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.da3-home221>div.wrap{width:calc(100% - 306px);max-width:1490px;margin:0 24px 0 282px;padding:20px 0 48px;min-width:0}
.da3-home221 .wrap>.tabs{position:fixed;top:calc(var(--home-header) + 24px);left:24px;width:236px;max-height:calc(100vh - var(--home-header) - 48px);overflow:auto;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0;padding:16px 12px;background:#174d3a;border-radius:16px;z-index:20}
.da3-home221 .home221-nav-title{font-size:20px;font-weight:750;padding:4px 10px 12px;color:white}
.da3-home221 .wrap>.tabs>button{flex:0 0 auto;min-width:0;width:100%;justify-content:flex-start;text-align:left;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#dbe9e1;min-height:42px;font-size:14px;line-height:1.5;font-weight:500}
.da3-home221 .wrap>.tabs>button:not(.secondary){background:#ffffff20;color:#fff;font-weight:700;box-shadow:inset 3px 0 #e6c771}
.da3-home221 .wrap>.tabs>button:hover{background:#ffffff18}
.da3-home221 .card{padding:18px 20px;margin-bottom:14px;border-radius:12px;border:1px solid #d5dfe0;box-shadow:0 2px 8px #173e4e04;min-width:0}
.da3-home221 h2{font-size:18px;line-height:1.4;margin:0 0 10px;color:#174d3a}
.da3-home221 h3{font-size:16px;line-height:1.4;margin:12px 0 6px;color:#244c3c}
.da3-home221 .small,.da3-home221 .meta,.da3-home221 .sub{font-size:13px;line-height:1.55;color:#60726a}
.da3-home221 .project-card{padding:12px 14px;border-radius:10px;margin:10px 0;font-size:14px!important;line-height:1.55;overflow-wrap:anywhere}
.da3-home221 .project-card [style*="font-size"]{font-size:14px!important}
.da3-home221 .source{font-size:13px;max-width:100%;overflow:auto}
.da3-home221 label{font-size:13px;margin:8px 0 5px;color:#425e4c}
.da3-home221 textarea,.da3-home221 input,.da3-home221 select{font-size:14px;min-height:42px;padding:9px 11px;border-radius:9px;color:#203247;max-width:100%;border-color:#bacdbf}
.da3-home221 input[type=checkbox],.da3-home221 input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;accent-color:#246c53;vertical-align:middle}
.da3-home221 textarea{min-height:130px;resize:vertical}
.da3-home221 button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:650 14px/1.4 system-ui,sans-serif;min-height:42px;padding:9px 14px;border-radius:9px;background:#246c53;color:white;max-width:100%;white-space:normal}
.da3-home221 button.secondary{background:#edf3ee;color:#244c3c;border:1px solid #d4dfd6}
.da3-home221 button.danger{background:#fff0ee;color:#a12d22;border:1px solid #ecc0b9}
.da3-home221 button:disabled{background:#e9eef0;color:#6b7d80;cursor:not-allowed;box-shadow:none;opacity:1}
.da3-home221 button:focus-visible,.da3-home221 input:focus-visible,.da3-home221 select:focus-visible,.da3-home221 textarea:focus-visible,.da3-home221 a:focus-visible{outline:3px solid #369975;outline-offset:3px}
.da3-home221 .row{gap:12px;flex-wrap:wrap}.da3-home221 .row>*{min-width:0}
.da3-home221 .notification-item{display:block;text-align:left;background:#f7faf7;color:#203247;border:1px solid #dae5dc}
.da3-home221 .notification-item.unread{background:#fff8e7;border-color:#e7ce8b}
.da3-home221 .notification-btn,.da3-home221 .logout-btn{background:#ffffff15;color:white;border:1px solid #ffffff40;min-height:38px}
.da3-home221 .notification-btn.has-unread{background:#fff4dc;color:#81530c}
.da3-home221 .pill{font-size:12px}
.da3-home221 .hidden,.da3-home221 [hidden]{display:none!important}
@media(min-width:1810px){.da3-home221>div.wrap{margin-left:calc((100% - 1760px)/2 + 258px)}.da3-home221 .wrap>.tabs{left:calc((100% - 1760px)/2)}}
@media(max-width:1100px){.da3-home221>div.wrap{width:auto;max-width:none;margin:0;padding:0 16px 40px}.da3-home221 .wrap>.tabs{position:sticky;top:var(--home-header);left:auto;width:auto;max-height:none;flex-direction:row;gap:6px;overflow-x:auto;margin:0 -16px 16px;padding:8px 16px;border-radius:0;z-index:20}.da3-home221 .wrap>.tabs>button{width:auto;flex:0 0 auto;white-space:nowrap;min-height:42px}.da3-home221 .home221-nav-title{display:none}}
@media(max-width:640px){.da3-home221>header{padding:10px 16px;align-items:flex-start}.da3-home221 .home221-subtitle{display:block;font-size:12px;margin:3px 0 0}.da3-home221 .card{padding:15px 14px}.da3-home221 .row{display:block}.da3-home221 .row>*{margin-bottom:8px}.da3-home221 .navright{justify-content:flex-end}.da3-home221 .navright button{padding:8px 10px}.da3-home221 h2{font-size:17px}}
@media print{.da3-home221 .wrap>.tabs,.da3-home221 .navright{display:none!important}.da3-home221>div.wrap{width:100%;margin:0;padding:0}.da3-home221>header{position:static;background:white;color:#174d3a}}
body.da3-home221{min-height:100vh}
.da3-home221 button[onclick="toggleWorkHistory()"]{width:auto!important}

/* The navigation heading is present from first paint, before deferred JS. */
.da3-home221 .wrap>.tabs::before{content:'DA3';display:block;font-size:20px;font-weight:750;padding:4px 10px 12px;color:white}
.da3-home221 .home221-nav-title{display:none}
@media(max-width:1100px){.da3-home221 .wrap>.tabs::before{display:none}}