:root {
  --navy-950:#061426; --navy-900:#091d36; --navy-800:#102c4c; --blue-700:#1759a7;
  --blue-600:#236dc1; --blue-100:#eaf3ff; --teal-600:#0a8a84; --teal-100:#dcf5f1;
  --ink:#172538; --muted:#617188; --line:#dbe4ee; --surface:#ffffff; --canvas:#f3f6fa;
  --green:#14804a; --green-bg:#e6f6ee; --yellow:#9a6500; --yellow-bg:#fff3cc;
  --red:#b42318; --red-bg:#fee9e7; --violet:#6941c6; --shadow:0 10px 28px rgba(15,35,60,.08);
  --radius:14px; --sidebar:276px;
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy-950),var(--navy-900));color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}
.brand-block{display:flex;align-items:center;gap:12px;padding:2px 6px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-logos{display:flex;align-items:center}
.brand-logos img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;border:2px solid rgba(255,255,255,.25)}
.brand-logos img+img{margin-left:-9px}
.brand-kicker{font-size:.66rem;letter-spacing:.12em;color:#aec4dc}.brand-title{font-weight:800;font-size:.96rem;letter-spacing:.02em}
.main-nav{display:flex;flex-direction:column;gap:3px;padding:18px 0;flex:1}
.nav-section{padding:12px 11px 5px;font-size:.68rem;letter-spacing:.13em;color:#7793b3;font-weight:800}
.nav-link{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#c8d8e9;padding:10px 11px;border-radius:9px;text-align:left;font-size:.88rem}
.nav-link:hover,.nav-link.active{background:rgba(55,140,220,.19);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 #36c3ba}
.nav-code{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:rgba(255,255,255,.08);font-size:.67rem;font-weight:800;flex:0 0 auto}
.sidebar-footer{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:10px;background:rgba(255,255,255,.06);font-size:.78rem}
.sidebar-footer small,.user-chip small{display:block;color:#8da4bd}.status-dot{width:9px;height:9px;border-radius:50%;background:#35c27c;box-shadow:0 0 0 4px rgba(53,194,124,.12)}
.main-column{min-width:0}
.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 28px;position:sticky;top:0;z-index:20}
.title-stack{min-width:300px}.title-stack h1{font-size:1.02rem;letter-spacing:.04em;margin:0;color:var(--navy-900)}.title-stack p{margin:3px 0 0;color:var(--muted);font-size:.78rem}
.global-search{margin-left:auto;width:min(410px,34vw);height:42px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--muted)}
.global-search:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(35,109,193,.12);background:#fff}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:.84rem}
.user-chip{display:flex;align-items:center;gap:9px;font-size:.76rem;white-space:nowrap}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--navy-900);color:#fff;font-weight:800}
.hamburger{display:none}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:40px;height:40px;color:var(--ink)}
.app-view{padding:26px 28px 48px;max-width:1760px;width:100%;margin:0 auto}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h2{margin:0;font-size:1.45rem;color:var(--navy-900)}.page-head p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid transparent;border-radius:9px;min-height:40px;padding:9px 14px;font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.btn-primary{background:var(--blue-700);color:#fff}.btn-primary:hover{background:#104b8f}.btn-teal{background:var(--teal-600);color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#f8bbb5}.btn-ghost{background:transparent;color:var(--blue-700);padding:6px 8px;min-height:auto}.btn:disabled{opacity:.5;cursor:not-allowed}
.hero-strip{background:linear-gradient(105deg,var(--navy-900),#124c7b 70%,#0a7b7b);color:#fff;border-radius:18px;padding:24px 26px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden;margin-bottom:20px}.hero-strip:after{content:"";position:absolute;right:-70px;top:-120px;width:310px;height:310px;border:45px solid rgba(255,255,255,.06);border-radius:50%}.hero-strip h2{margin:0 0 6px;font-size:1.35rem}.hero-strip p{margin:0;color:#cbdff0;font-size:.88rem;max-width:690px}.hero-meta{display:flex;gap:10px;position:relative;z-index:1}.hero-pill{padding:9px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:10px;font-size:.75rem;white-space:nowrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 3px 10px rgba(20,40,70,.04)}.metric-label{font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.8rem;font-weight:800;color:var(--navy-900);margin:7px 0 3px}.metric-note{font-size:.74rem;color:var(--muted)}.metric-card.accent{border-left:4px solid var(--teal-600)}
.folio-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:20px}.folio-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;transition:.18s ease;min-height:122px}.folio-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#a9c6e5}.folio-card .folio-number{font-size:.72rem;color:var(--blue-700);font-weight:900;letter-spacing:.12em}.folio-card strong{display:block;font-size:.9rem;margin:10px 0 5px;color:var(--navy-900)}.folio-card small{color:var(--muted)}.folio-count{float:right;font-size:1.35rem;color:var(--teal-600)}
.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px rgba(20,40,70,.035)}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0;font-size:.96rem;color:var(--navy-900)}.panel-body{padding:18px}.chart-wrap{height:260px;position:relative}.chart-wrap canvas{width:100%;height:100%}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:13px;border-radius:12px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.field label,.field-label{font-size:.72rem;font-weight:800;color:#526177;text-transform:uppercase;letter-spacing:.035em}.field input,.field select,.field textarea,.input{border:1px solid #ccd8e5;border-radius:8px;background:#fff;padding:9px 10px;min-height:40px;color:var(--ink);outline:0;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(35,109,193,.1)}.field.compact{min-width:115px;max-width:180px}.toolbar .search-field{min-width:250px;flex:2}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.data-table{border-collapse:collapse;width:100%;min-width:950px;font-size:.8rem}.data-table th{position:sticky;top:0;background:#eef3f8;color:#405168;text-align:left;font-size:.69rem;letter-spacing:.055em;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid #cbd7e3;white-space:nowrap;z-index:1}.data-table td{padding:11px 10px;border-bottom:1px solid #e8eef4;vertical-align:top}.data-table tbody tr:hover{background:#f8fbff}.data-table tbody tr:last-child td{border-bottom:0}.folio-link{border:0;background:none;color:var(--blue-700);font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px}.description-cell{min-width:230px}.muted{color:var(--muted)}.small{font-size:.74rem}.nowrap{white-space:nowrap}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.empty-state strong{display:block;color:var(--navy-900);font-size:1rem;margin-bottom:7px}
.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:.68rem;font-weight:900;letter-spacing:.025em;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-grey{background:#edf1f5;color:#5d6877}.badge-violet{background:#eee8ff;color:var(--violet)}
.action-group{display:flex;gap:4px;flex-wrap:wrap}.action-group button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 7px;font-size:.7rem;color:var(--blue-700)}
.pk560-paper{background:#fff;border:1px solid #b8c4d0;box-shadow:var(--shadow);padding:24px;max-width:1120px;margin:0 auto}.pk-letterhead{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;text-align:center;border-bottom:2px solid #132238;padding-bottom:13px;margin-bottom:15px}.pk-letterhead img{width:70px;height:70px;object-fit:contain;margin:auto}.pk-letterhead h2{font-size:1.1rem;margin:0}.pk-letterhead p{font-size:.8rem;margin:2px 0}.pk-title{text-align:center;margin:13px 0 18px}.pk-title h3{font-size:1rem;margin:0 0 2px}.pk-title p{font-size:.75rem;margin:0;color:#48586d}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid .span-2{grid-column:span 2}.pk-table{width:100%;border-collapse:collapse;margin:13px 0;font-size:.78rem}.pk-table th,.pk-table td{border:1px solid #4a5664;padding:7px;vertical-align:top}.pk-table th{background:#edf2f7;text-align:center}.pk-table input,.pk-table select{min-height:35px;padding:6px 7px}.pk-row-actions{text-align:center;width:54px}.stock-hint{font-size:.68rem;color:var(--muted);margin-top:3px}.search-picker{position:relative}.picker-results{position:absolute;z-index:10;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-height:230px;overflow:auto;display:none}.picker-results.open{display:block}.picker-option{padding:9px 10px;border-bottom:1px solid #edf1f5;cursor:pointer}.picker-option:hover{background:var(--blue-100)}.picker-option strong,.picker-option small{display:block}.picker-option small{color:var(--muted)}
.pk-summary{display:flex;gap:12px;justify-content:flex-end;margin:12px 0 18px}.pk-summary span{padding:8px 11px;background:#f2f6fa;border-radius:8px;font-size:.75rem}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #4a5664;margin-top:16px}.signature-block{padding:10px;border-right:1px solid #4a5664;min-height:215px}.signature-block:last-child{border-right:0}.signature-block h4{text-align:center;font-size:.75rem;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #9da8b5}.signature-line{margin-top:24px;border-bottom:1px solid #4a5664;height:23px;font-size:.75rem}.official-note{border:1px solid #9aa5b0;background:#f8fafc;padding:10px 12px;font-size:.68rem;margin-top:14px}.workflow-bar{display:flex;align-items:center;gap:5px;overflow:auto;margin-bottom:15px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:11px}.workflow-step{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:.67rem;color:#78879a;font-weight:800}.workflow-step:after{content:"›";color:#aeb9c5;font-size:1rem}.workflow-step:last-child:after{display:none}.workflow-step.done{color:var(--green)}.workflow-step.current{color:var(--blue-700)}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,15,29,.62);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(680px,96vw);max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.28)}.modal.wide{width:min(980px,96vw)}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:1.05rem}.modal-body{padding:20px}.modal-actions{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.close-button{border:0;background:#edf2f7;width:34px;height:34px;border-radius:8px;font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.detail-cell{padding:10px;background:#f5f8fb;border-radius:8px}.detail-cell span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:800}.detail-cell strong{display:block;margin-top:3px;font-size:.82rem;word-break:break-word}
.toast-root{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{background:#132238;color:#fff;border-radius:10px;padding:12px 15px;min-width:260px;box-shadow:var(--shadow);font-size:.8rem;animation:slidein .2s ease}.toast.error{background:#9e241a}.toast.success{background:#126c48}.toast.warning{background:#865d08}@keyframes slidein{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.notice{padding:12px 14px;border-radius:9px;background:var(--blue-100);color:#194a7c;border-left:4px solid var(--blue-600);font-size:.8rem;margin-bottom:15px}.notice.warning{background:var(--yellow-bg);color:#755000;border-color:#c88b0b}.notice.danger{background:var(--red-bg);color:#8f251d;border-color:var(--red)}
.audit-row code{font-size:.68rem;white-space:pre-wrap}.progress{height:7px;background:#e8eef4;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal-600)}.stat-list{display:grid;gap:10px}.stat-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:.78rem}.upload-zone{border:2px dashed #a9bbce;border-radius:14px;padding:30px;text-align:center;background:#f8fbfe}.upload-zone input{margin:14px auto}.code-block{background:#0d1b2b;color:#d7e4ef;padding:14px;border-radius:10px;overflow:auto;font:12px/1.5 Consolas,monospace}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.source-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.source-card strong{font-size:1.25rem;color:var(--navy-900);display:block}.source-card small{color:var(--muted)}
.settings-link{width:100%;border:1px solid #c8d8e8;background:linear-gradient(135deg,#f7fbff,#eef6fd);border-radius:11px;padding:16px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--navy-900)}.settings-link strong,.settings-link span span{display:block}.settings-link span span{font-size:.75rem;color:var(--muted);margin-top:5px}.settings-link b{font-size:1.7rem;color:var(--blue-700)}.settings-link:hover{border-color:var(--blue-600);box-shadow:0 5px 16px rgba(20,75,125,.09)}.current-user-marker{display:block;width:max-content;margin-top:5px;border-radius:99px;padding:3px 6px;background:var(--green-bg);color:var(--green);font-size:.58rem;font-weight:900}.user-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8995a5;margin-right:6px}.user-status-dot.active{background:#1b9b68;box-shadow:0 0 0 3px rgba(27,155,104,.12)}.role-help{font-size:.68rem;color:var(--muted)}
.settings-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #bfd3e8;background:linear-gradient(135deg,#f7fbff,#eef7fb);border-radius:11px;padding:16px;color:var(--navy-900)}.settings-link strong,.settings-link span{display:block}.settings-link span{font-size:.76rem;color:var(--muted);margin-top:4px}.settings-link b{font-size:1.25rem;color:var(--blue-700)}.current-user-marker{display:inline-block;margin-top:5px;color:var(--teal-600);font-size:.68rem;font-weight:900}.user-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#8b98a8}.user-status-dot.active{background:#159365}.role-help{display:block;margin-top:4px;font-size:.68rem;color:var(--muted)}
.print-root{display:none}.only-mobile{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.folio-grid{grid-template-columns:repeat(3,1fr)}.user-chip span:not(.avatar){display:none}.title-stack{min-width:260px}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-102%);transition:.2s ease;width:var(--sidebar)}.sidebar.open{transform:none}.hamburger{display:inline-grid;place-items:center}.topbar{padding:0 16px}.title-stack{min-width:0}.title-stack p{display:none}.global-search{width:auto;flex:1}.content-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.signature-grid{grid-template-columns:1fr}.signature-block{border-right:0;border-bottom:1px solid #4a5664}.source-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.app-view{padding:18px 13px 36px}.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:10px 12px;gap:10px}.title-stack{order:2;flex:1}.global-search{order:4;flex-basis:100%;width:100%}.user-chip{order:3}.hamburger{order:1}.metric-grid{grid-template-columns:repeat(2,1fr)}.folio-grid{grid-template-columns:1fr 1fr}.hero-strip{padding:20px}.hero-meta{display:none}.page-head{flex-direction:column}.head-actions{justify-content:flex-start}.form-grid,.form-grid.two{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.pk560-paper{padding:12px}.pk-letterhead{grid-template-columns:55px 1fr 55px}.pk-letterhead img{width:48px;height:48px}.pk-table{min-width:850px}.pk-table-wrap{overflow:auto}.pk-summary{flex-direction:column}.detail-grid{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:10mm}
@media print{
  body{background:#fff;color:#000;font-family:Arial,sans-serif;font-size:10pt}
  .app-shell,#modal-root,#toast-root{display:none!important}
  .print-root{display:block!important}
  .print-root .pk560-paper{display:block;box-shadow:none;border:1px solid #000;max-width:none;padding:8mm;margin:0}
  .print-root .no-print{display:none!important}
  .print-root .data-table{min-width:0;font-size:8pt}
  .print-root .data-table th{position:static;background:#eee!important;color:#000}
  .print-root .panel,.print-root .table-wrap{box-shadow:none;border-color:#000}
  input,select,textarea{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important}
  .pk-letterhead{grid-template-columns:70px 1fr 70px}.pk-letterhead img{width:58px;height:58px}
  .signature-block{min-height:150px}.official-note{font-size:7pt}
}
:root { --attachment-border: #dce5ef; }
.attachment-thumb{width:88px;height:72px;object-fit:contain;border-radius:8px;background:#f1f5f9}
.attachment-pdf{display:inline-grid;place-items:center;width:88px;height:72px;border-radius:8px;color:#b42318;background:#fff1f0;font-weight:800}
.attachment-table-button{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:0;cursor:pointer;color:inherit;text-align:center;max-width:240px;overflow-wrap:anywhere}
.attachment-table-button small{white-space:nowrap}
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0}
.attachment-card{border:1px solid var(--attachment-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.folio-attachments{margin:20px 0;padding:20px;border:1px solid var(--attachment-border);border-radius:12px}
#attachment-preview .attachment-thumb{width:auto;max-width:100%;height:180px}
.attachment-viewer{border:0;border-radius:12px;width:min(1000px,94vw);max-height:94vh;padding:20px}
.attachment-viewer::backdrop{background:#071a35bd}
.attachment-viewer header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;overflow-wrap:anywhere}
.attachment-viewer img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}
.attachment-viewer iframe{width:100%;height:72vh;border:1px solid #ddd}
@media print{.attachment-viewer{display:none!important}.attachment-thumb{width:50px;height:42px}}