:root{--navy:#142d40;--gold:#b29462;--gold-dark:#86672f;--page:#f3f6f9;--text:#172f43;--muted:#63788d;--border:#e3e9ef;--radius:12px;--ease:cubic-bezier(.22,1,.36,1)}
body{font-size:14px;line-height:1.65}
.sidebar{width:232px;background:linear-gradient(155deg,#183449 0%,#112839 75%);box-shadow:5px 0 24px #0e25380a}
.brand{min-height:166px;padding:24px 12px 22px}.brand>.icon{width:44px;height:44px}.brand>span{font-size:18px}.brand small{font-size:10px}.brand small:before,.brand small:after{width:20px}
.nav-item,html[dir=rtl] .nav-item{position:relative;min-height:49px;margin:5px 11px;padding:12px 17px;border:0;border-radius:9px;gap:14px;color:#c9d5df;font-size:13px;transition:background .2s,color .2s,transform .25s var(--ease)}
.nav-item.selected,html[dir=rtl] .nav-item.selected{border:0;border-radius:9px;background:#ffffff12;color:white;box-shadow:inset 0 0 0 1px #ffffff05}
.nav-item.selected:before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;background:#d0ae73;border-radius:4px}
.nav-item:hover{background:#ffffff0d;color:white;transform:translateY(-1px)}.nav-item .icon{width:20px;height:20px}.sidebar-footer{padding:24px;font-size:11px;border-top:1px solid #ffffff10;margin-inline:16px;padding-inline:8px}.gold-rule{width:28px;margin-bottom:12px}
.workspace{margin-inline-start:232px}.topbar{height:72px;background:#fffffff2;position:sticky;top:0;z-index:20;border-bottom:1px solid #e3e9ef;backdrop-filter:blur(14px);padding-inline:32px;box-shadow:0 2px 14px #132c4003}.breadcrumb{font-size:12px}.breadcrumb strong{font-weight:600}.user-summary strong{font-size:12px}.user-summary small{font-size:11px}.avatar{background:#f0eadf;color:#775c2c;border:1px solid #e8ddc9;font-size:15px;width:36px;height:36px}.notification-count{background:#b29462;box-shadow:0 0 0 3px white}
main{padding:32px;max-width:1800px;margin-inline:auto}.page-heading{margin-bottom:27px}.page-heading h1,.dashboard-heading h1{font-size:36px;font-weight:700;letter-spacing:-1.15px;line-height:1.2;margin-bottom:8px}.page-heading p,.dashboard-heading p{font-size:15px;line-height:1.7;color:var(--muted)}
.panel{border:1px solid #e5ebf1;border-radius:12px;box-shadow:0 3px 14px #17344b03;overflow:hidden}.panel-heading{padding:22px 24px;border-bottom:1px solid #edf0f4;gap:16px}.panel-heading h2{font-size:18px;font-weight:650;letter-spacing:-.35px}.panel-heading>span{font-size:12px;color:var(--muted)}.panel-heading p{margin-bottom:0}
.button{border-radius:8px;font-size:13px;font-weight:600;min-height:44px;padding:10px 17px;box-shadow:0 1px 2px #11273c04;transition:transform .22s var(--ease),box-shadow .22s,background .22s,border-color .22s}.button.primary{background:linear-gradient(135deg,#b89a67,#a88953);border-color:#aa8a55;color:white;box-shadow:0 4px 9px #9c7a3d1a}.button.primary:hover{background:linear-gradient(135deg,#ad8c55,#997842);box-shadow:0 6px 16px #9c7a3d2b;transform:translateY(-2px)}.button:not(.primary):hover{box-shadow:0 4px 10px #1834490c;transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)!important;box-shadow:none!important}.button:disabled{transform:none!important}.button.small{min-height:34px;padding:6px 12px;font-size:12px}
.metrics{gap:16px;margin-bottom:24px}.metric{min-height:114px;border:1px solid #e6ecf1;border-radius:12px;padding:22px;box-shadow:0 3px 12px #172f4303;gap:18px;position:relative;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}.metric:hover{transform:translateY(-3px);box-shadow:0 10px 25px #17344b09;border-color:#d6dee6}.metric-icon{width:50px;height:50px;background:#f5f0e7;color:#9b7939}.metric-icon .icon{width:23px;height:23px}.metric>div{display:flex;flex-direction:column-reverse;gap:2px}.metric strong{font-size:32px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric span:not(.metric-icon){font-size:12px}.metric-overdue .metric-icon{background:#fbecee;color:#b65155}
.tabs{gap:7px;border-bottom:0;background:#e9eef3;padding:5px;border-radius:10px;width:fit-content;max-width:100%;margin-bottom:22px}.tabs>a{padding:8px 17px;border:0;border-radius:7px;font-size:12px;transition:background .2s,color .2s,box-shadow .2s}.tabs>a.selected{background:white;box-shadow:0 2px 6px #17344b0a;color:#8d6b30}.tabs>a:hover{background:#ffffff80;color:var(--navy)}
th{background:#f5f7fa;font-size:11px;color:#63778a;font-weight:600;letter-spacing:.1px;padding:13px 22px}td{font-size:13px;padding:19px 22px;border-color:#edf0f4}tbody tr{transition:background .2s}tbody tr:hover{background:#f8fafc}.table-scroll{scrollbar-color:#c4cfda transparent}.badge{border-radius:20px;padding:4px 11px;font-size:10px;letter-spacing:.1px}.badge:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-inline-end:6px;vertical-align:middle;opacity:.7}.badge-normal:before,.badge-low:before{display:none}.row-actions .text-button{border:1px solid #dce5ec;padding:6px 10px;border-radius:6px;background:white;font-size:11px;transition:background .2s,border-color .2s}.row-actions .text-button:hover{background:#f2f7f4;border-color:#b7d0c1;text-decoration:none}.company-initial{background:#edf1f5;border:1px solid #e1e8ef;border-radius:9px;color:#586f85}
.filters{padding:18px 22px;gap:12px}.filters input,.filters select{background:#fbfcfd}.field{gap:9px}.field>label{font-size:12px;color:#465e74}input,select,textarea{border-color:#dce4ec;border-radius:8px;background:#fff;transition:box-shadow .2s,border-color .2s,background .2s}input:hover,select:hover,textarea:hover{border-color:#bac8d5}input:focus,select:focus,textarea:focus{border-color:#b29462;box-shadow:0 0 0 4px #b2946212}input[type=file]::file-selector-button{border-radius:5px;padding:6px 9px}.form-panel{padding:27px}.form-nav{top:94px}.form-panel{scroll-margin-top:92px}
.journal-overview{background:linear-gradient(160deg,#fff,#fdfefe)}.journal-overview .panel-heading{border-bottom:0;padding:24px 26px 22px}.journal-overview .panel-heading h2{font-size:21px}.journal-overview .panel-heading p{font-size:13px}.journal-recent{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0 26px;gap:18px}.journal-card{border:1px solid #e6ebf0;border-top:3px solid #b29462;border-radius:9px;padding:21px 22px;box-shadow:0 4px 15px #16334a04;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}.journal-card:hover{transform:translateY(-4px);border-color:#d6c29e;box-shadow:0 12px 28px #17344b0b}.journal-card:nth-child(3n+2){border-top-color:#7b97a8}.journal-card:nth-child(3n){border-top-color:#8d9c80}.journal-card-meta{font-size:11px;color:#647c91}.journal-card h2{font-size:18px;margin:15px 0 10px;line-height:1.55}.journal-card p{font-size:13px;line-height:1.8;color:#667b8f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.journal-card-footer{font-size:11px;border-top-color:#edf0f4}.journal-links{justify-content:flex-end;font-size:12px;gap:0;padding:18px 26px}.journal-links>a{padding:0 18px;border-inline-start:1px solid #e2d5bf;color:#877043}.journal-links>a:last-child{padding-inline-end:0}.journal-links>a:hover{color:#443411}.journal-paper{box-shadow:0 7px 26px #17344b04;padding:28px 34px}.journal-title{border-radius:0;border-color:#e5eaf0;font-size:28px;background:transparent}.journal-content{border:0;border-radius:0;background:transparent;font-size:15px;line-height:2.1}.journal-content:hover{border:0}.journal-side .panel{border-radius:12px}.journal-file{background:#f7f9fb;border-color:#e5ebf1;border-radius:8px;transition:background .2s,transform .2s}.journal-file:hover{background:#edf2f7;transform:translateY(-2px)}.journal-toolbar .save-indicator{font-size:12px}.save-pending:before{animation:save-breathe 1.2s ease-in-out infinite}.save-error:before{animation:none}
.quick-actions>a{border-color:#e1e6eb;border-radius:10px;background:#fff;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.quick-actions>a:hover{background:#fdfcfa;border-color:#ccb68e;box-shadow:0 8px 20px #17344b08;transform:translateY(-3px)}.quick-copy strong{font-size:13px}.quick-copy small{font-size:11px}.quick-actions .direction-arrow{transition:translate .2s}.quick-actions>a:hover .direction-arrow{translate:3px 0}html[dir=rtl] .quick-actions>a:hover .direction-arrow{translate:-3px 0}.timeline-dot{width:9px;height:9px;box-shadow:0 0 0 4px #f6f0e5}.timeline-item{padding-bottom:25px}.timeline-item strong{font-size:13px}.alert{border-radius:10px;box-shadow:0 3px 10px #17344b03;animation:notice-in .32s var(--ease)}.alert.success{border-inline-start:3px solid #589977}.pagination a{border-radius:7px;background:white;transition:background .2s}.pagination a:hover{background:#edf2f7}
main>.page-heading{animation:surface-in .4s var(--ease) both}main>.metrics,.journal-overview{animation:surface-in .5s var(--ease) both}.metrics>.metric:nth-child(2){animation-delay:45ms}.metrics>.metric:nth-child(3){animation-delay:90ms}.metrics>.metric:nth-child(4){animation-delay:135ms}.metrics>.metric{animation:surface-in .5s var(--ease) both}.journal-grid>.journal-card{animation:surface-in .55s var(--ease) both}.journal-grid>.journal-card:nth-child(2){animation-delay:70ms}.journal-grid>.journal-card:nth-child(3){animation-delay:140ms}
@keyframes surface-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes notice-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@keyframes save-breathe{50%{opacity:.35;scale:.8}}
@media(max-width:1100px){main{padding:25px}.journal-layout{grid-template-columns:minmax(0,1fr)}.metric{padding:18px;gap:12px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1020px){.workspace{margin-inline-start:0}.sidebar{transition:transform .32s var(--ease)}.topbar{padding-inline:22px}.menu-open .scrim{animation:notice-in .2s ease-out}.menu-open{overflow:hidden}}
@media(max-width:760px){main{padding:22px 16px}.topbar{height:64px;padding-inline:16px}.page-heading h1,.dashboard-heading h1{font-size:29px;letter-spacing:-.6px}.page-heading p{font-size:13px}.metrics{gap:12px}.metric{padding:16px;min-height:100px;gap:12px}.metric-icon{width:38px;height:38px}.metric strong{font-size:28px}.metric span:not(.metric-icon){font-size:11px}.journal-overview .panel-heading{padding:20px}.journal-overview .panel-heading h2{font-size:19px}.journal-recent{padding:0 16px;grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.journal-links{justify-content:flex-start;flex-wrap:wrap;padding:18px 16px}.journal-links>a{padding:0 12px}.journal-paper{padding:20px}.journal-title{font-size:24px}.journal-content{font-size:14px}.panel-heading{padding:18px}.form-panel{padding:20px}.tabs{width:100%;gap:2px}.tabs>a{padding:8px 12px;flex-shrink:0;font-size:11px}td{padding:16px;font-size:12px}th{padding:12px 16px}.breadcrumb{font-size:11px}.row-actions{gap:10px}.form-nav{top:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sidebar nav{scrollbar-width:thin;scrollbar-color:#526879 transparent}@media(max-height:800px) and (min-width:1021px){.brand{min-height:139px;padding-block:16px}.nav-item,html[dir=rtl] .nav-item{min-height:43px;margin-block:3px;padding-block:10px}.sidebar-footer{padding-block:16px}.sidebar-footer .logout{padding-top:12px}}

@media(max-width:760px){.table-scroll>table{min-width:820px}.table-scroll td:first-child{min-width:210px}.table-scroll td{overflow-wrap:normal}}
/* Workbench: clear priorities, compact lists, and a separate journal rail. */
html[lang=en] .page-heading h1,html[lang=en] .work-panel h2,html[lang=en] .work-journal .panel-heading h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.65px}
.page-heading h1{font-size:38px}.work-heading{align-items:center;margin-bottom:26px}.work-heading p{font-size:14px}.work-metrics{margin-bottom:26px}.work-metrics .metric{min-height:108px;padding:20px;gap:16px}.work-metrics .metric-arrow{width:16px;height:16px;margin-inline-start:auto;color:#987439}.work-metrics .metric-overdue{background:#fff6f6;border-color:#f0dcdc}.work-metrics .metric-overdue strong,.work-metrics .metric-overdue .metric-arrow{color:#ad393e}
.work-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(285px,1fr);gap:24px;align-items:start}.work-list{min-width:0}.work-list,.work-panel{scroll-margin-top:94px}.work-tabs{width:100%;background:white;border-radius:12px 12px 0 0;border:1px solid var(--border);border-bottom:0;margin:0;padding:9px 16px 0;gap:10px;justify-content:space-between;overflow:auto}.work-tabs>a{padding:13px 8px;border-bottom:2px solid transparent;border-radius:0;color:#51647a}.work-tabs>a.selected{box-shadow:none;border-bottom-color:#aa864a;background:transparent;color:#836124}.work-list>.work-panel:first-of-type{border-radius:0 0 12px 12px}.work-panel .panel-heading{padding:22px 20px 18px;border-bottom:0}.work-panel .panel-heading h2{display:flex;align-items:center;gap:12px;font-size:23px}.work-panel h2>.icon{width:22px;color:#a28249}.work-panel .table-scroll{padding:0 16px 6px}.work-panel th{padding:12px 10px;font-size:10px}.work-panel td{padding:19px 10px;font-size:12px}.work-panel .work-title{width:34%;min-width:170px}.work-title>strong{display:block;font-weight:650;line-height:1.65}.work-title>.badge{margin-top:6px}.work-panel .cell-secondary{font-size:10px}.work-panel .record-description{font-size:11px}.work-panel .badge{font-size:9px;white-space:nowrap;padding:4px 8px}.work-panel .row-actions{gap:12px;flex-wrap:wrap}.work-table .row-actions .text-button{display:inline-flex;align-items:center;gap:5px;color:#355247;min-height:34px}.work-table .text-button .icon{width:14px;height:14px}.work-table .row-actions>a{color:#536b80;text-decoration:underline;text-underline-offset:3px}.work-table .work-actions{min-width:110px}.work-panel .work-table td{overflow-wrap:normal}.work-panel .empty{min-height:220px}.work-journal{margin:0;background:white}.work-journal .panel-heading{padding:24px 20px 18px}.work-journal .panel-heading h2{font-size:23px;line-height:1.4}.work-journal .panel-heading p{font-size:13px;line-height:1.7;margin-top:10px}.work-journal .journal-recent{display:grid;grid-template-columns:1fr;padding:0 14px;gap:14px}.work-journal .journal-card{padding:18px 16px;border-top:1px solid #e3e9ef;box-shadow:none}.work-journal .journal-card h2{font-size:15px;line-height:1.6;margin:15px 0 10px}.work-journal .journal-card p{-webkit-line-clamp:4;font-size:12px;line-height:1.85}.work-journal .journal-card-meta{font-size:10px}.work-journal .journal-card-footer{font-size:10px}.work-journal .journal-links{justify-content:space-between;padding:22px 18px;gap:14px;flex-wrap:wrap}.work-journal .journal-links>a{padding:0;border:0;font-size:11px}.work-journal .journal-links .icon{width:15px}.work-layout{animation:surface-in .4s var(--ease) both}
@media(min-width:1021px){.sidebar{width:210px}.workspace{margin-inline-start:210px}.brand>span{font-size:16px}.brand{min-height:148px}.nav-item,html[dir=rtl] .nav-item{padding-inline:16px;gap:13px}.topbar{height:66px}main{padding:28px}.work-tabs>a{font-size:12px}}
@media(max-width:1250px){.work-layout{grid-template-columns:minmax(0,1fr)}.work-journal{grid-row:1}.work-journal .journal-recent{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.work-journal .panel-heading{padding:18px 20px 12px}.work-journal .panel-heading p{margin-top:5px}.work-journal .journal-card p{-webkit-line-clamp:2}.work-journal .journal-links{padding:15px 20px}.work-panel .work-title{width:34%}}
@media(max-width:760px){.work-heading{align-items:flex-start;flex-direction:column;gap:16px}.work-heading h1{font-size:32px}.work-heading form,.work-heading .button{width:100%}.work-metrics{gap:10px}.work-metrics .metric{padding:15px 12px;gap:10px;min-height:100px}.work-metrics .metric-icon{width:34px;height:34px}.work-metrics .metric-arrow{display:none}.work-metrics .metric strong{font-size:27px}.work-metrics .metric span:not(.metric-icon){font-size:11px}.work-layout{gap:20px}.work-tabs{padding-inline:10px;gap:6px}.work-tabs>a{font-size:11px;padding:12px 6px}.work-journal .journal-recent{grid-template-columns:1fr}.work-journal .journal-card{padding:14px}.work-journal .journal-card h2{margin:8px 0;font-size:14px}.work-journal .journal-card p{display:none}.work-journal .journal-card-footer{margin-top:12px;padding-top:10px}.work-journal .panel-heading h2{font-size:21px}.work-panel .panel-heading h2{font-size:21px}.work-table{padding:0!important;overflow:visible}.work-table>table{display:block;min-width:0!important;width:100%}.work-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.work-table tbody{display:block}.work-table tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:12px 16px;border-top:1px solid var(--border)}.work-table td{display:block;padding:0!important;min-width:0!important;max-width:none;border:0;font-size:12px;overflow-wrap:anywhere!important}.work-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:#6a7b8b;margin-bottom:4px}.work-table td.work-title{grid-column:1/-1;width:auto!important;font-size:14px}.work-table td.work-actions{grid-column:1/-1;padding-top:12px!important;border-top:1px solid #edf0f4}.work-table .work-actions .row-actions{justify-content:space-between}.work-table .row-actions .text-button{min-height:42px;padding:9px 14px;font-size:12px}.work-table .work-actions a{padding:9px;font-size:12px}.work-table .cell-secondary{font-size:11px}.work-table .badge{font-size:10px}.work-panel .table-scroll td:first-child{min-width:0}.work-list,.work-panel{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){.work-layout{animation:none}}
@media(min-width:761px){.work-panel td{font-size:13px}.work-panel th{font-size:11px}.work-panel .badge{font-size:10px}.work-panel .cell-secondary{font-size:11px}}
@media(max-width:760px){.work-journal .journal-card:nth-child(n+2){display:none}.work-journal .journal-card p{display:-webkit-box;-webkit-line-clamp:2;font-size:12px;margin-bottom:0}.work-table td[data-label]:before{font-size:11px}}
.work-journal .journal-card{animation:none}.work-table td>bdi{white-space:nowrap}.work-panel .work-title{width:32%}