:root {
  --ink:#22343e; --muted:#687680; --navy:#193440; --paper:#f5f6f8;
  --line:#e7eaed; --teal:#18756b; --teal-soft:#e9f3ef; --amber:#956719;
  --blue:#426989; --radius:16px; --ease:cubic-bezier(.22,.68,0,1.02);
  --shadow:0 2px 8px #26333d04,0 12px 36px #26333d03;
  --text-2xs:11px; --text-xs:12px; --text-sm:13px; --text-md:14px;
  --text-lg:16px; --text-xl:20px; --h1:32px;
  --tap:44px; --tap-compact:36px;
  font-family:'Avenir Next','Segoe UI',system-ui,sans-serif;
  color:var(--ink); background:var(--paper); font-size:var(--text-md);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@media(pointer:coarse){:root{--tap-compact:var(--tap)}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}
button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #43515b}
a{color:var(--teal);text-decoration:none}button:disabled{opacity:.42;cursor:not-allowed;transform:none!important}
[hidden]{display:none!important}svg{vertical-align:middle;flex-shrink:0}
h1,h2,h3,p{margin:0}h1{font-size:var(--h1);letter-spacing:-1.15px;font-weight:650;line-height:1.2}
h2{font-size:var(--text-lg);font-weight:650;letter-spacing:-.25px}h3{font-size:var(--text-md);font-weight:650}
.app{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:27px 16px 18px;background:var(--navy);color:#c1ced3;display:flex;flex-direction:column;z-index:40}
.brand{display:flex;align-items:center;gap:13px;padding:0 13px 25px;color:white;font-size:23px;font-weight:750;letter-spacing:2.2px}
.brand small{display:block;font-size:var(--text-2xs);font-weight:550;letter-spacing:1.6px;color:#99b0b8;margin-top:5px}
.mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-7deg)}
.mark i{width:9px;height:11px;background:#809a9f;display:block;border-radius:2px}.mark i:last-child{background:#a7d3c8}
.menu-search{margin:0 7px 15px;display:flex;align-items:center;gap:8px;background:#ffffff08;border-radius:9px;padding:10px 11px;color:#90a7b0}
.menu-search input{background:none;border:0;outline:0;color:white;min-width:0;width:100%;font-size:var(--text-xs)}
.menu-search input::placeholder{color:#98afb7}.menu-search:focus-within{background:#ffffff12}
.menu-search kbd{font:var(--text-2xs) Monaco,Consolas,monospace;color:#9badb5}
.sidebar-scroll{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#506570 transparent;padding:0 2px}
.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#506570;border-radius:8px}
.nav-group{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;text-align:left;margin:23px 0 7px;padding:0 12px;font-size:var(--text-2xs);line-height:20px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;color:#8aa0a9}
.nav-group svg{opacity:.65;transform:rotate(90deg);transition:transform 200ms var(--ease)}.nav-group[aria-expanded=false] svg{transform:rotate(0)}
.nav-items{display:grid;grid-template-rows:1fr;transition:grid-template-rows 220ms var(--ease),opacity 160ms ease;opacity:1}
.nav-items.collapsed{grid-template-rows:0fr;opacity:0}.nav-items>div{min-height:0;overflow:hidden}
.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;min-height:var(--tap-compact);margin:2px 0;border:0;border-radius:8px;background:transparent;color:#beccd1;text-align:left;font-size:var(--text-xs);line-height:1.4;transition:color 180ms ease,transform 210ms var(--ease);position:relative;overflow:hidden;isolation:isolate}
.nav-item::before{content:'';position:absolute;inset:0;border-radius:8px;background:#ffffff10;transform:scaleX(0);transform-origin:left;opacity:0;transition:transform 220ms var(--ease),opacity 160ms ease;z-index:-1}.nav-item:hover{color:white;transform:translateX(3px)}.nav-item:hover::before{transform:scaleX(1);opacity:.55}.nav-item.active{color:white;font-weight:650;box-shadow:none}.nav-item.active::before{transform:scaleX(1);opacity:1}
.nav-item.active svg{color:#aed9cd}.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:#d7dfe3}
.sidebar-footer{margin-top:14px;padding:17px 12px 2px;font-size:var(--text-2xs);line-height:1.9;color:#92a7b1}
.sidebar-footer strong{display:block;font-size:var(--text-2xs);font-weight:500;color:#b9c8ce;margin-bottom:3px}
.main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:25;min-height:78px;background:#ffffffed;backdrop-filter:blur(14px);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.crumb{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.crumb strong{font-weight:600;color:var(--ink)}.crumb-separator{margin:0 10px;color:#b2bac0}
.top-actions{display:flex;align-items:center;gap:17px;flex-shrink:0}.locale{display:flex;gap:1px;padding:3px;background:#f1f3f5;border-radius:8px}.locale button{border:0;background:none;color:var(--muted);font-size:var(--text-2xs);font-weight:650;border-radius:6px;padding:6px 8px;min-height:var(--tap-compact);transition:background 150ms ease,box-shadow 150ms ease,color 150ms ease}.locale button.active{color:var(--ink);background:white;box-shadow:0 1px 5px #25384312}
.icon-button{border:0;background:none;color:var(--muted);width:var(--tap-compact);height:var(--tap-compact);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background 150ms ease,color 150ms ease,transform 160ms var(--ease)}.icon-button:hover{background:#f0f2f4;color:var(--ink)}.icon-button:active{transform:scale(.95)}
.profile{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#edf0f2;color:#455a65;border-radius:50%;font-size:var(--text-2xs);font-weight:650;flex-shrink:0}.profile-name strong{font-size:var(--text-2xs);font-weight:600;display:block}.profile-name small{font-size:var(--text-2xs);color:var(--muted);display:block;margin-top:3px}
.role-pill{font-size:var(--text-2xs);font-weight:550;padding:6px 9px;border-radius:6px;color:#61717b;background:#f1f3f5;white-space:nowrap}
.content{padding:35px 38px 48px;max-width:1600px;margin:0 auto;min-width:0;min-height:calc(100vh - 78px);position:relative;transition:opacity 150ms ease,transform 190ms var(--ease)}
.content.view-leaving{opacity:.42;transform:translateY(-4px)}.content.view-entering{animation:view-enter 280ms var(--ease) both}
.content[aria-busy=true]{cursor:progress}.content[aria-busy=true]>.page-section{opacity:.55;transition:opacity 160ms ease}
.eyebrow{font-size:var(--text-2xs);line-height:1.6;letter-spacing:1.5px;font-weight:650;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.intro>div:first-child{min-width:0}.intro p{font-size:var(--text-xs);color:var(--muted);line-height:1.8;margin-top:11px;max-width:600px}.intro h1{overflow-wrap:anywhere}.intro .button-row{flex-shrink:0}
.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--teal);color:white;border-radius:9px;padding:11px 16px;min-height:40px;font-size:var(--text-xs);font-weight:600;line-height:1.5;white-space:nowrap;transition:background 160ms ease,box-shadow 180ms ease,transform 180ms var(--ease)}
.button:hover{background:#13645c;box-shadow:0 4px 14px #223c3320;transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}
.button.secondary{background:white;color:#435560;box-shadow:inset 0 0 0 1px var(--line)}.button.secondary:hover{background:#f6f7f8;box-shadow:inset 0 0 0 1px var(--line),0 4px 12px #23343e07}
.button.ghost{background:transparent;color:var(--muted);box-shadow:none;padding:8px 10px}.button.ghost:hover{background:#eef1f3;color:var(--ink);transform:none}.button.danger{background:#faefec;color:#9d5146;box-shadow:none}.button.danger:hover{background:#f6e5e0}.button.small{font-size:var(--text-2xs);padding:8px 11px;min-height:var(--tap-compact)}.button.busy{pointer-events:none}.busy-spinner{display:inline-flex;animation:spin 1s linear infinite}
.demo-banner{background:#eaf0f3;color:#607882;border:0;border-radius:9px;font-size:var(--text-2xs);line-height:1.6;padding:12px 16px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.dot{width:5px;height:5px;background:#6e9097;border-radius:50%;flex-shrink:0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{background:white;border:0;border-radius:var(--radius);padding:23px 24px;box-shadow:var(--shadow);position:relative}.metric .label{font-size:var(--text-2xs);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.metric .label svg{color:#8c9aa0}.metric .number{font-size:40px;font-weight:550;letter-spacing:-1.7px;line-height:1.4;margin:14px 0 3px;font-variant-numeric:tabular-nums}.metric small{font-size:var(--text-2xs);color:var(--muted);line-height:1.5}.metric .line{display:none}.metric.teal .number{color:#267564}.metric.blue .number{color:#3e647d}.metric.amber .number{color:#947645}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.stack{display:grid;gap:23px;min-width:0}.panel{background:white;border:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:0}.panel-head{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head p{font-size:var(--text-2xs);line-height:1.8;margin-top:7px;color:var(--muted)}.panel-body{padding:23px}
.attention-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 22px;border:0;background:white;font-size:var(--text-2xs);color:var(--ink);text-align:left;transition:background 150ms ease}.attention-row:hover{background:#f8f9fa}.attention-label{display:flex;align-items:center;gap:10px}.attention-count{font:600 var(--text-sm) Monaco,Consolas,monospace;color:#647780}.mini-icon{width:32px;height:32px;background:#f0f3f4;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#72858e;flex-shrink:0}.mini-icon.warning{background:#f7f2e9;color:#aa8753}
.status-item{margin-bottom:19px}.status-item:last-child{margin-bottom:0}.status-item .top{display:flex;justify-content:space-between;font-size:var(--text-2xs);color:var(--muted);margin-bottom:9px}.status-item .top strong{font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums}.status-bar{height:5px;background:#f0f2f4;border-radius:4px;overflow:hidden}.status-bar i{height:100%;display:block;background:#6b9a8a;border-radius:4px;transform-origin:left;animation:bar-in 650ms var(--ease) both}.status-bar i.blue{background:#8ba4b7}.status-bar i.amber{background:#c5ae87}.status-bar i.gray{background:#b3bbc2}
.list-toolbar{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:10px;color:var(--muted);background:#f5f7f8;padding:11px 12px;border-radius:8px;max-width:360px;flex:1;min-width:190px}.search input{border:0;outline:none;background:none;width:100%;min-width:0;font-size:var(--text-xs);color:var(--ink)}.search input::placeholder{color:var(--muted)}.search:focus-within{box-shadow:inset 0 0 0 1px #c8cfd4}
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters select,.filters input[type=date],.sort-controls select,.saved-filter-controls select{background:#f7f8f9;border:0;border-radius:7px;padding:10px 11px;font-size:var(--text-2xs);color:#596c76;max-width:185px;min-height:var(--tap-compact);transition:background 150ms ease,box-shadow 150ms ease}.filters select:focus,.filters input[type=date]:focus,.sort-controls select:focus,.saved-filter-controls select:focus{background:white;box-shadow:0 0 0 3px #2c3d490d}.filters label{display:flex;align-items:center;gap:7px;min-height:var(--tap-compact);font-size:var(--text-2xs)!important}.filters input[type=checkbox]{accent-color:#54636d;width:18px;height:18px}.sort-controls,.saved-filter-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-controls>svg{color:var(--muted)}.sort-controls select{min-width:190px}.sort-controls>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-2xs);font-weight:600}.saved-filter-controls{margin-left:auto}.saved-filter-controls select{min-width:150px}.saved-filter-delete{width:var(--tap-compact);height:var(--tap-compact);background:#f2f4f5}
.table-wrap{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d0d7dc transparent}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{padding:14px 22px;background:#f8f9fa;color:var(--muted);font-size:var(--text-2xs);letter-spacing:.7px;font-weight:600;text-transform:uppercase}td{padding:19px 22px;border-bottom:1px solid #eff1f3;font-size:var(--text-2xs);color:#5d707a;line-height:1.7}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background 150ms ease}tbody tr:hover{background:#fafbfc}.animated-rows tbody tr{animation:row-in 260ms var(--ease) both;animation-delay:calc(var(--row-index,0) * 18ms)}.listing-panel.list-refreshed{animation:list-refresh 230ms var(--ease) both}.row-link{border:0;padding:0;background:none;text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--ink);line-height:1.6;min-height:var(--tap-compact);transition:color 150ms ease,transform 160ms var(--ease)}.row-link:hover{color:var(--teal);transform:translateX(2px)}.tag{font:var(--text-2xs) Monaco,Consolas,monospace;color:#6a8290;line-height:1.7}.asset-cell{display:flex;align-items:center;gap:12px}.asset-cell strong{display:block;font-size:var(--text-xs);font-weight:600}.asset-cell small{display:block;font-size:var(--text-2xs);margin-top:5px;color:var(--muted)}.asset-cell .mini-icon{width:34px;height:34px}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-2xs);line-height:1.4;font-weight:550;background:#f0f3f5;color:#657c88;padding:6px 9px;border-radius:6px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.teal{background:#edf5f0;color:#326c58}.badge.blue{background:#edf2f8;color:#456984}.badge.amber{background:#f9f4e9;color:#82642b}.badge.red{background:#faefec;color:#9b5549}.badge.gray{background:#f0f2f4;color:#60717b}.sub-badge{display:block;font-size:var(--text-2xs);line-height:1.7;color:#997151;margin-top:7px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 23px;font-size:var(--text-2xs);color:var(--muted);background:#fcfcfd}.empty{padding:57px 25px;text-align:center;color:var(--muted);font-size:var(--text-xs);line-height:1.8}.empty>svg{margin-bottom:17px;opacity:.45}.empty strong{font-size:var(--text-md);display:block;color:#566974;margin-bottom:6px}.empty p{max-width:380px;margin:0 auto}.empty .button{margin-top:20px}.empty-inline{padding:22px;color:var(--muted);font-size:var(--text-2xs)}
.movement{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 23px;border-bottom:1px solid #f1f3f4}.movement:last-child{border-bottom:0}.movement strong{font-size:var(--text-2xs);font-weight:600;overflow-wrap:anywhere}.movement p{font-size:var(--text-2xs);color:var(--muted);line-height:1.7;margin-top:4px}.movement time{font-size:var(--text-2xs);color:var(--muted);white-space:nowrap}
.custody-strip{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:15px;padding:26px;margin:0 0 25px;background:#edf1f3;border:0;border-radius:var(--radius)}.custody-strip .step{display:flex;align-items:center;gap:11px;min-width:0}.custody-strip .mini-icon{background:#e2e9ed;color:#647c8a}.custody-strip small{display:block;color:var(--muted);font-size:var(--text-2xs);letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px}.custody-strip strong{font-size:var(--text-xs);font-weight:600;line-height:1.6;overflow-wrap:anywhere}.connector{height:1px;background:#b7c2c9;position:relative}.connector:after{content:'›';color:#94a5b1;position:absolute;right:-1px;top:-11px;font-size:var(--text-xl)}
.tabs{display:flex;align-items:center;gap:4px;margin-bottom:22px;padding:4px;background:#eceff2;border:0;border-radius:11px;overflow:auto;scrollbar-width:none;max-width:100%;width:max-content}.tabs button{border:0;background:transparent;color:var(--muted);font-size:var(--text-2xs);padding:10px 14px;min-height:var(--tap-compact);border-radius:8px;white-space:nowrap;transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease}.tabs button:hover{background:#ffffff65;color:var(--ink)}.tabs button.active{background:white;color:#3b525e;font-weight:600;box-shadow:0 1px 5px #2538430d}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:24px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 23px;padding:27px}.fact small{font-size:var(--text-2xs);color:var(--muted);display:block;margin-bottom:9px;line-height:1.5}.fact strong{font-size:var(--text-xs);font-weight:500;line-height:1.8;overflow-wrap:anywhere}.uuid{font:var(--text-2xs) Monaco,Consolas,monospace;color:var(--muted);word-break:break-all;line-height:1.8}
.qr{padding:25px;text-align:center}.qr img{width:150px;height:150px;image-rendering:pixelated;border-radius:8px}.qr .tag{margin:14px 0 8px}.actions-box{padding:17px;display:flex;flex-direction:column;gap:9px}.actions-box .button{width:100%;white-space:normal;justify-content:flex-start;font-size:var(--text-2xs);padding:10px 13px}.action-heading{font-size:var(--text-2xs);color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:5px 4px 9px}
.timeline-list{padding:7px 27px 22px}.timeline-event{display:grid;grid-template-columns:27px minmax(0,1fr);gap:15px;padding:21px 0;position:relative}.timeline-event:before{content:'';position:absolute;left:13px;top:43px;bottom:-21px;width:1px;background:#e5eaed}.timeline-event:last-child:before{display:none}.timeline-dot{height:27px;width:27px;border:0;border-radius:50%;background:#edf1f3;color:#7e929b;display:grid;place-items:center;z-index:1}.timeline-event strong{font-size:var(--text-xs);font-weight:600}.timeline-event p{font-size:var(--text-2xs);color:var(--muted);line-height:1.8;margin-top:7px}.timeline-event time{display:block;color:var(--muted);font-size:var(--text-2xs);margin-top:8px}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:23px}.summary-cell{padding:20px;background:white;border-radius:12px;box-shadow:var(--shadow)}.summary-cell small{font-size:var(--text-2xs);line-height:1.8;color:var(--muted);display:block}.summary-cell strong{font-size:21px;display:block;margin-top:9px;font-weight:550;letter-spacing:-.5px}.summary-cell.wide{grid-column:1/-1}
.alert{padding:16px 19px;background:#f7f2e8;color:#88704a;border:0;border-radius:10px;font-size:var(--text-2xs);line-height:1.8;margin-bottom:20px}.alert strong{font-weight:650}.form-error{color:#9b554b;background:#fcf1ed;border:0;border-radius:9px;padding:14px 16px;font-size:var(--text-2xs);line-height:1.9;margin-bottom:20px;white-space:pre-line}.field-error{color:#a4594c;font-size:var(--text-2xs);line-height:1.7}.field.has-error input,.field.has-error select,.field.has-error textarea{background:#fff8f5}.field input[aria-invalid=true],.field select[aria-invalid=true]{box-shadow:inset 0 0 0 1px #b6aca8}
.modal{width:700px;max-width:calc(100vw - 32px);max-height:90dvh;border:0;padding:0;border-radius:18px;color:var(--ink);background:white;box-shadow:0 22px 90px #162c3c30;overflow:hidden}.modal::backdrop{background:#1427345c;backdrop-filter:blur(5px);animation:backdrop-in 200ms ease both}.modal[open]{animation:dialog-in 230ms var(--ease) both}.modal.closing{animation:dialog-out 150ms ease both}.modal.closing::backdrop{animation:backdrop-out 150ms ease both}
.modal form{display:flex;flex-direction:column;max-height:90dvh}.modal-head{padding:24px 27px 21px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.modal-head h2{font-size:var(--text-xl);letter-spacing:-.55px;line-height:1.4;font-weight:650}.modal-head p{font-size:var(--text-2xs);line-height:1.8;color:var(--muted);margin-top:8px}.modal-head .icon-button{margin:-4px -7px 0 0}.modal-body{padding:3px 27px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 27px;background:#fafbfc;flex-shrink:0}.modal-footer-note{font-size:var(--text-2xs);color:var(--muted);margin-right:auto;line-height:1.7}.discard-prompt{padding:16px;background:#f5f7f8;border-radius:9px;margin-bottom:20px;font-size:var(--text-xs);line-height:1.8}.discard-prompt .button-row{margin-top:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.wide{grid-column:1/-1}.field label{font-size:var(--text-2xs);font-weight:600;color:#546973;line-height:1.6}.field label em{font-weight:400;font-style:normal;font-size:var(--text-2xs);color:var(--muted);margin-left:5px}.field input,.field select,.field textarea{font-size:var(--text-xs);line-height:1.6;width:100%;padding:11px 12px;background:#fafbfc;border:1px solid #e2e6e9;border-radius:8px;color:var(--ink);min-height:43px;transition:background 150ms ease,box-shadow 150ms ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;background:white;box-shadow:0 0 0 3px #2c3d4910;border-color:#b6c0c7}.field input::placeholder{color:var(--muted)}.field textarea{min-height:94px;resize:vertical}.field select[multiple]{padding:6px;min-height:146px}.field select option{padding:8px}.field input[type=checkbox]{width:16px;min-height:0;accent-color:#54636d}.field input[type=file]{font-size:var(--text-2xs);background:#f6f8f9;padding:9px;min-height:52px}.field input[type=file]::file-selector-button{border:0;padding:9px 12px;color:#5f727d;background:#e8eef1;border-radius:6px;font:inherit;margin-right:12px;cursor:pointer}.field-help{font-size:var(--text-2xs);color:var(--muted);line-height:1.8}
.note{font-size:var(--text-2xs);color:var(--muted);line-height:1.8}
.hint{margin-top:6px}.hint summary{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-2xs);color:var(--muted);cursor:pointer;line-height:1.8;list-style:none;width:max-content;min-height:var(--tap-compact)}.hint summary::-webkit-details-marker{display:none}.hint summary::before{content:'?';display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#eef1f3;color:#60747e;font-size:var(--text-2xs);font-weight:650;flex-shrink:0}.hint summary:hover{color:var(--ink)}.hint p{font-size:var(--text-2xs);color:var(--muted);line-height:1.8;margin-top:6px;max-width:60ch}.input-wrap{position:relative}.input-wrap input{padding-right:55px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:var(--tap-compact);min-height:var(--tap-compact);border:0;background:none;font-size:var(--text-2xs);color:#71818b;padding:6px;border-radius:7px}
.check-group{display:flex;flex-wrap:wrap;gap:12px;padding:9px 0}.check-group label{display:flex;align-items:center;gap:6px;font-size:var(--text-2xs);font-weight:400}.repeater{margin-top:27px;padding-top:18px}.repeater-line{margin-top:13px;padding:18px;background:#f6f8f9;border:0;border-radius:10px;animation:soft-in 180ms var(--ease) both}.repeat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.repeat-head .tag{font-size:var(--text-2xs)}
.notice{position:fixed;bottom:27px;right:28px;max-width:470px;display:flex;align-items:flex-start;gap:12px;padding:17px 18px;background:#243d45;color:white;border:0;border-radius:12px;box-shadow:0 10px 35px #152c3c25;z-index:110;font-size:var(--text-xs);line-height:1.8;animation:notice-in 250ms var(--ease) both}.notice.error{background:#684b44}.notice>svg{margin-top:3px}.notice .notice-text{flex:1;white-space:pre-line;overflow-wrap:anywhere}.notice .icon-button{width:var(--tap-compact);height:var(--tap-compact);color:#d7e2e4;flex-shrink:0}.notice .icon-button:hover{background:#ffffff15}.notice.dismissed{animation:notice-out 150ms ease both}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-card{border:0;background:white;border-radius:var(--radius);padding:24px;text-align:left;display:flex;align-items:flex-start;gap:16px;color:var(--ink);box-shadow:var(--shadow);transition:transform 200ms var(--ease),box-shadow 200ms ease}.report-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #243b4910}.report-card strong{font-size:var(--text-sm);font-weight:600}.report-card p{font-size:var(--text-2xs);line-height:1.8;color:var(--muted);margin-top:9px}.section-gap{margin-top:24px}.settings-form{max-width:920px}.settings-section{padding:27px;margin-bottom:22px}.settings-section h2{margin-bottom:24px}.settings-footer{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ffffffef;backdrop-filter:blur(10px);padding:17px 21px;border-radius:12px;box-shadow:0 5px 25px #23343e0d}.settings-footer small{color:var(--muted);font-size:var(--text-2xs)}
.mobile-menu{display:none}.sidebar-scrim{display:none}.skip-link{position:fixed;left:15px;top:-60px;z-index:150;background:white;color:var(--ink);border-radius:8px;padding:13px 17px;font-size:var(--text-xs);transition:top 150ms ease}.skip-link:focus{top:15px}
.wait{padding:65px 25px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:var(--text-xs)}.spin{display:inline-flex;animation:spin 1s linear infinite}.page-skeleton{padding:10px 0}.skeleton{background:#e8ecef;border-radius:9px;position:relative;overflow:hidden}.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff60,transparent);animation:skeleton-sweep 1.5s ease-in-out infinite}.skeleton-heading{width:35%;height:28px;margin-bottom:18px}.skeleton-copy{width:55%;height:12px;margin-bottom:35px}.skeleton-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.skeleton-metrics .skeleton{height:155px;background:#edf0f2}.skeleton-panel{height:280px;background:#edf0f2}.page-section{animation:page-in 240ms var(--ease) both;animation-delay:var(--enter-delay,0ms)}.tab-enter{animation:soft-in 180ms ease both}
.login-page{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.login-story{padding:55px 64px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story .brand{padding:0}.login-story .eyebrow{color:#9fb9bf}.login-story h1{font-size:clamp(38px,4.2vw,61px);letter-spacing:-2px;line-height:1.08;font-weight:550;max-width:480px}.login-story p{font-size:var(--text-sm);color:#a3bac2;line-height:1.9;max-width:365px;margin-top:24px}.login-story footer{color:#97afb8;font-size:var(--text-2xs);letter-spacing:1.1px}.login-rack{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:360px;margin:37px 0}.login-rack span{height:85px;border:0;border-radius:8px;background:#ffffff08;position:relative;animation:rack-in 700ms var(--ease) both}.login-rack span:nth-child(2){animation-delay:60ms}.login-rack span:nth-child(3){background:#91b7ad22;animation-delay:120ms}.login-rack span:nth-child(4){animation-delay:180ms}.login-rack span:nth-child(5){animation-delay:240ms}.login-rack span:after{content:'';position:absolute;left:13px;right:13px;bottom:15px;height:4px;border:0;border-radius:3px;background:#829ea226}.login-rack span:nth-child(3):after{background:#9dc8b9}
.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-box{width:360px;max-width:100%;animation:page-in 350ms var(--ease) both}.login-box h1{font-size:28px;letter-spacing:-.8px}.login-box>p{font-size:var(--text-xs);line-height:1.8;color:var(--muted);margin:14px 0 28px}.login-box .field{margin-top:20px}.login-box .button{width:100%;margin-top:25px;min-height:46px}.login-box .demo-banner{margin:27px 0 0;font-size:var(--text-2xs);line-height:1.9;background:#f2f5f6}.login-brand-mobile{display:none}
.print-page{background:white;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.print-label{border:1px solid #dfe4e8;padding:16px;display:flex;align-items:center;gap:12px;break-inside:avoid}.print-label img{width:90px;height:90px}.print-label strong{font-size:var(--text-xs)}.print-label p{font:var(--text-2xs) Monaco,monospace;margin-top:6px}.print-label small{font-size:var(--text-2xs);color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes view-enter{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

@keyframes row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes list-refresh{from{opacity:.58;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialog-out{to{opacity:0;transform:translateY(6px) scale(.985)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}
@keyframes notice-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes notice-out{to{opacity:0;transform:translateY(6px)}}
@keyframes rack-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}
@media(min-width:1550px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.content{padding-top:43px}}
@media(max-width:1180px){.app{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px;padding-left:12px;padding-right:12px}.content{padding:28px}.topbar{padding:0 28px}.metrics{gap:13px}.metric{padding:21px 18px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.stack:last-child{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-name{display:none}.role-pill{font-size:var(--text-2xs)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.print-page{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.print-toolbar{display:none}.print-label{border-color:#777}@page{size:A4;margin:12mm}}

.intro h1:focus,.content:focus{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #43515b;outline-offset:3px}

.detail-aside{display:block}.facts .fact.wide{grid-column:1/-1}.more-facts{border-top:1px solid var(--line)}.more-facts>summary{display:flex;align-items:center;gap:8px;padding:16px 27px;min-height:var(--tap-compact);font-size:var(--text-2xs);font-weight:600;color:var(--muted);cursor:pointer;list-style:none}.more-facts>summary::-webkit-details-marker{display:none}.more-facts>summary:hover{color:var(--ink)}.more-facts>summary::after{content:'+';margin-left:auto;font-size:var(--text-sm);line-height:1}.more-facts[open]>summary::after{content:'\2212'}.more-facts .facts{padding-top:0}
.record-identifier summary{font-size:var(--text-2xs);color:var(--muted);cursor:pointer;line-height:1.8}.record-identifier .uuid{padding-top:10px}.record-identifier summary:focus-visible{outline:2px solid #43515b}

.mobile-role{display:none}.table-hint{display:flex;align-items:center;gap:7px;padding:8px 22px 14px;font-size:var(--text-2xs);color:var(--muted)}.table-wrap:focus-visible{outline:2px solid #43515b;outline-offset:-2px}

.scope-note{color:var(--muted);font-size:var(--text-xs);line-height:1.7;margin:0 0 20px}.locked-value{background:var(--paper,#f4f5f7);border-radius:9px;padding:12px 14px;font-size:var(--text-sm);line-height:1.5}.company-onboarding{background:var(--paper,#f4f5f7);border-radius:12px;padding:20px;margin-top:20px}.company-onboarding h3{font-size:var(--text-md);margin:0 0 8px}.company-onboarding p{font-size:var(--text-xs);color:var(--muted);line-height:1.7;margin:0 0 16px}.company-onboarding .form-grid{gap:16px}.company-onboarding[hidden],.field[hidden]{display:none}
.company-onboarding.wide{grid-column:1/-1;margin-top:0}
.locked-value{overflow-wrap:anywhere}

.app-popover{position:fixed;margin:0;inset:auto;width:min(340px,calc(100vw - 24px));padding:0;border:0;border-radius:14px;background:white;color:var(--ink);box-shadow:0 2px 10px #26333d12,0 18px 48px #26333d14;overflow:hidden}.app-popover::backdrop{background:transparent}.app-popover:popover-open{animation:popover-in 170ms var(--ease) both}@keyframes popover-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 12px 13px 18px;border-bottom:1px solid var(--line)}.popover-head h2{font-size:var(--text-sm)}.popover-body{padding:6px;max-height:min(60vh,420px);overflow:auto;overscroll-behavior:contain}.popover-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:10px 12px;border-top:1px solid var(--line);background:#fafbfc}.notif-empty{padding:22px 14px;text-align:center}.notif-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;border:0;background:none;text-align:left;padding:11px 12px;border-radius:10px;min-height:var(--tap-compact);transition:background 150ms ease}.notif-item:hover{background:#f6f8f9}.notif-item .mini-icon{width:30px;height:30px}.notif-copy{min-width:0}.notif-copy strong{display:block;font-size:var(--text-xs);font-weight:600;line-height:1.5;overflow-wrap:anywhere}.notif-copy small{display:block;font-size:var(--text-2xs);color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.notif-item time{font-size:var(--text-2xs);color:var(--muted);white-space:nowrap}.notif-item.unread .notif-copy strong::after{content:'';display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:var(--teal);vertical-align:middle}#notifications-button{position:relative}.notif-badge{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#a4544a;color:white;font-size:9px;font-weight:650;line-height:17px;text-align:center;box-shadow:0 0 0 2px white}
.list-toolbar{align-items:center}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-trigger{gap:7px}.filter-trigger .chip-count,.chip-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--teal-soft);color:#18665c;font-size:var(--text-2xs);font-weight:650;line-height:1}.filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 23px 16px}.chip{display:inline-flex;align-items:center;gap:7px;min-height:var(--tap-compact);padding:7px 11px;border:0;border-radius:999px;background:#eef1f3;color:#4c5e69;font-size:var(--text-2xs);line-height:1.4;max-width:100%;transition:background 150ms ease,color 150ms ease}.chip:hover{background:#e3e8eb;color:var(--ink)}.chip svg{color:#7b8a93;flex-shrink:0}.chip:hover svg{color:var(--ink)}.chip-key{color:var(--muted);flex-shrink:0}.chip-value{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chip-flag{background:#f4efe4;color:#7d6631}.chip-flag:hover{background:#efe8d9}.chip-reset{background:none;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.chip-reset:hover{background:#f4f6f7}.filter-popover{width:min(400px,calc(100vw - 24px))}.filter-popover .popover-body{padding:18px}.filter-popover .filters{gap:10px}.filter-popover .filters select,.filter-popover .filters input[type=date]{flex:1 1 168px;max-width:none;min-width:0}.filter-popover .filter-check{flex-basis:100%}.filter-popover .hint{margin-top:14px}.popover-actions .button.is-dirty{box-shadow:0 0 0 3px #18756b26}
.account-rule{border:0;border-top:1px solid var(--line);margin:26px 0 20px}.login-box h2{font-size:var(--text-lg);margin-bottom:8px}.login-box form+form{margin-top:10px}a.profile{color:inherit;border-radius:9px;padding:3px 5px;margin:-3px -5px;transition:background 150ms ease}a.profile:hover{background:#f0f2f4}
/* Breakpoint ladder: 390 phone-small | 800 phone + mobile nav (matchMedia in bewadah.js) | 1024 tablet | 1180 compact desktop | 1550 wide.
   Keep these last so they win over the plain rules above; keep 800 before 390. */
@media(max-width:1024px){.list-toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.detail-grid{grid-template-columns:minmax(0,1fr) 200px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{gap:24px 20px}}
@media(max-width:800px){.app{grid-template-columns:minmax(0,1fr)}.filter-chips{padding:0 17px 14px}.toolbar-controls{width:100%}.toolbar-controls>*{flex:1}.sort-controls select{min-width:0;width:100%}.saved-filter-controls select{min-width:0}.app-popover{inset:auto 0 0 0;width:100%;max-height:80dvh;border-radius:16px 16px 0 0}.app-popover .popover-body{max-height:calc(80dvh - 120px)}.main{grid-column:1}.sidebar{width:260px;transform:translateX(-100%);transition:transform 240ms var(--ease)}.sidebar.open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#172c4050;backdrop-filter:blur(2px);z-index:35;opacity:0;visibility:hidden;transition:opacity 200ms ease,visibility 200ms ease}.sidebar-scrim.open{opacity:1;visibility:visible}.mobile-menu{display:inline-flex;flex-shrink:0}.topbar{min-height:68px;padding:0 18px;gap:11px}.topbar-leading{gap:8px}.top-actions{gap:9px}.profile{gap:0}.role-pill{display:none}.crumb{font-size:var(--text-2xs)}.crumb-separator{margin:0 6px}.avatar{width:30px;height:30px;font-size:var(--text-2xs)}.content{padding:26px 18px 38px;min-height:calc(100dvh - 68px)}.intro{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:25px}.intro h1{font-size:28px;letter-spacing:-.8px}.intro p{font-size:var(--text-2xs)}.intro .button-row{flex-shrink:1;width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.metric{padding:20px}.metric .number{font-size:35px}.metric .label{font-size:var(--text-2xs)}.metric small{font-size:var(--text-2xs)}.dashboard-grid{gap:21px}.dashboard-grid>.stack:last-child,.stack{grid-template-columns:minmax(0,1fr)}.panel-head{padding:20px;flex-wrap:wrap}.panel-head h2{font-size:var(--text-lg)}.panel-head .button{font-size:var(--text-2xs)}.movement{padding:17px 20px;grid-template-columns:30px minmax(0,1fr);gap:10px}.movement time{grid-column:2}.list-toolbar{padding:17px;gap:13px}.search{max-width:none;flex-basis:100%;min-width:0}.filters{gap:7px;align-items:stretch;width:100%}.filters select{max-width:none;flex:1;min-width:110px}.filters input[type=date]{flex:1;min-width:125px;max-width:none}.table-footer{padding:16px 17px;flex-wrap:wrap}.table-footer .button-row{margin-left:auto}th,td{padding-left:18px;padding-right:18px}.table-wrap{scrollbar-width:thin}.custody-strip{grid-template-columns:minmax(0,1fr);gap:21px;padding:23px}.custody-strip .connector{display:none}.detail-grid{display:flex;flex-direction:column-reverse;gap:20px}.detail-grid>aside,.detail-grid>section{width:100%}.detail-grid .qr{padding:18px 20px}.actions-box{flex-direction:row;flex-wrap:wrap;padding:15px}.action-heading{width:100%;padding:2px 3px 5px}.actions-box .button{width:auto;flex:1;min-width:calc(50% - 5px);justify-content:center;min-height:var(--tap)}.facts{padding:23px;gap:25px 19px}.tabs{width:100%;border-radius:10px}.tabs button{padding:11px 13px;font-size:var(--text-2xs)}.report-grid{grid-template-columns:minmax(0,1fr)}.form-grid{grid-template-columns:minmax(0,1fr)}.field.wide{grid-column:1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cell{padding:17px}.summary-cell strong{font-size:18px}.modal{width:100%;max-width:calc(100vw - 24px);border-radius:15px;max-height:92dvh}.modal form{max-height:92dvh}.modal-head{padding:23px 22px 20px}.modal-head h2{font-size:19px}.modal-body{padding:0 22px 24px}.modal-footer{padding:17px 22px}.modal-footer-note{display:none}.modal-footer .button{min-height:43px}.notice{bottom:18px;left:18px;right:18px;max-width:none;font-size:var(--text-2xs)}.settings-section{padding:23px}.settings-footer{bottom:12px}.settings-footer small{font-size:var(--text-2xs)}.skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.skeleton-heading{width:65%}.skeleton-copy{width:85%}.login-page{grid-template-columns:minmax(0,1fr)}.login-story{min-height:290px;padding:32px 34px;gap:37px}.login-story .brand{font-size:var(--text-xl)}.login-story h1{font-size:37px;max-width:400px;letter-spacing:-1.2px}.login-story p{font-size:var(--text-2xs);margin-top:15px}.login-rack,.login-story footer{display:none}.login-form{padding:36px 27px 44px}.login-box h1{font-size:25px}.print-page{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-role{display:inline;font-size:var(--text-2xs);letter-spacing:.7px}.intro .button-row .button{padding:10px 12px;font-size:var(--text-2xs);gap:6px}.table-hint{padding-left:18px;padding-right:18px}.sort-controls,.saved-filter-controls{width:100%}.sort-controls select{flex:1;max-width:none;min-width:120px}.saved-filter-controls{margin-left:0}.saved-filter-controls select{flex:1;max-width:none;min-width:140px}.saved-filter-controls .button{flex-shrink:0}.asset-cell strong{white-space:normal}}
@media(max-width:390px){.topbar{padding:0 13px}.top-actions{gap:6px}.topbar-leading{gap:5px}.crumb{font-size:var(--text-2xs)}.locale button{padding:5px 6px}.metric{padding:18px}.intro h1{font-size:25px}}