@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#102a3a;font-synthesis:none;--navy:#123b5d;--blue:#256b8f;--teal:#16a6a1;--mint:#8ad8c8;--cloud:#f3f8fa;--line:#dce7eb;--muted:#657b88;background:#f3f8fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #16a6a159}h1,h2,strong{font-family:Manrope,Inter,sans-serif}.eyebrow{color:var(--teal);letter-spacing:.13em;font-size:.72rem;font-weight:800}.eyebrow.light{color:var(--mint)}.primary-button,.secondary-button,.decision-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.05rem;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--blue);box-shadow:0 8px 20px #256b8f2e}.primary-button:hover{background:#1d5c7d}.secondary-button{color:var(--navy);border:1px solid var(--line);background:#fff}button:disabled{opacity:.5;cursor:not-allowed}.icon-button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:inline-grid}.spinner{border:3px solid #c7d8df;border-top-color:var(--teal);border-radius:50%;width:21px;height:21px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-state,.panel-state{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex}.center-state.error,.panel-state.error{color:#9d3945}.error-banner{color:#8b2f3b;background:#fff0f1;border:1px solid #f3c9ce;border-radius:10px;padding:.75rem .9rem;font-size:.88rem}.login-page{grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0d2f49,#174f70);flex-direction:column;justify-content:center;padding:8vh 9vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:90px solid #8ad8c80f;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-170px;right:-180px}.login-brand>img{filter:brightness(0)invert();width:220px;margin-bottom:10vh}.login-brand h1{letter-spacing:-.04em;max-width:720px;margin:.9rem 0 1.2rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1.08}.login-brand>p{color:#cfe0e7;max-width:620px;margin-bottom:2rem;font-size:1.08rem;line-height:1.7}.trust-note{z-index:1;align-items:center;gap:.9rem;margin:.45rem 0;display:flex;position:relative}.trust-note>span{color:var(--mint);border:1px solid #8ad8c873;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.72rem;font-weight:800;display:grid}.trust-note p{color:#d9e8ed;margin:0}.login-panel{background:#f7fafb;place-items:center;padding:3rem;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:1.2rem;width:min(430px,100%);padding:2.5rem;display:flex;box-shadow:0 24px 65px #123b5d17}.login-card h2{color:var(--navy);margin:.1rem 0 -.8rem;font-size:1.7rem}.login-card>p{color:var(--muted);margin:0 0 .4rem}.login-card label{flex-direction:column;gap:.45rem;font-size:.85rem;font-weight:700;display:flex}.input-with-icon{border:1px solid var(--line);color:#78909c;border-radius:12px;align-items:center;padding:0 .85rem;display:flex}.input-with-icon:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #16a6a11a}.input-with-icon input{border:0;outline:0;width:100%;padding:.85rem .7rem}.login-card small{text-align:center;color:#8296a0;line-height:1.5}.app-layout{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:1.7rem 1.1rem;display:flex;position:sticky;top:0}.brand-lockup{border-bottom:1px solid #ffffff1f;align-items:center;gap:.8rem;padding:0 .6rem 2rem;display:flex}.brand-lockup img{filter:brightness(0)invert();width:38px}.brand-lockup div{flex-direction:column;display:flex}.brand-lockup strong{font-size:1.05rem}.brand-lockup span{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.sidebar nav{flex:1;padding:1.6rem 0}.sidebar nav a{color:#d5e4ea;border-radius:11px;align-items:center;gap:.75rem;padding:.85rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#8ad8c821}.operator-card{border-top:1px solid #ffffff1f;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:1.2rem .35rem 0;display:grid}.operator-card>div{flex-direction:column;min-width:0;display:flex}.operator-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.operator-card span{color:#a9c4cf;font-size:.7rem}.operator-card .icon-button{color:#fff;background:0 0;border-color:#ffffff26}.main-content{min-width:0}.page{max-width:1500px;margin:auto;padding:2.5rem clamp(1.5rem,4vw,4rem)}.page-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.page-header h1,.detail-title h1{color:var(--navy);letter-spacing:-.035em;margin:.35rem 0 .3rem;font-size:2rem}.page-header p,.detail-title p{color:var(--muted);margin:0}.metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.15rem;display:flex;box-shadow:0 7px 24px #123b5d09}.metric-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:20px}.metric-icon.amber{color:#a36a0e;background:#fff4da}.metric-icon.blue{color:#256b8f;background:#e5f2f7}.metric-icon.purple{color:#74549c;background:#f2ebfa}.metric-icon.green{color:#18795d;background:#e4f6ef}.metric div{flex-direction:column;gap:.15rem;display:flex}.metric div span{color:var(--muted);font-size:.75rem}.metric div strong{color:var(--navy);font-size:1.6rem}.data-panel,.info-section,.decision-card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 7px 24px #123b5d09}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:1rem;display:flex}.search-box{border:1px solid var(--line);color:#78909c;border-radius:10px;flex:1;align-items:center;gap:.55rem;max-width:430px;padding:0 .75rem;display:flex}.search-box input{border:0;outline:0;width:100%;padding:.7rem 0}.toolbar select{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:10px;padding:.68rem .8rem}.result-count{color:var(--muted);margin-left:auto;font-size:.8rem}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{color:#718792;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#f8fbfc;padding:.85rem 1rem;font-size:.7rem}td{border-top:1px solid #e7eff2;padding:1rem;font-size:.84rem}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#f4fafb}tbody tr:focus{background:#eef8f8}.person-cell{flex-direction:column;gap:.25rem;display:flex}.person-cell strong{font-size:.84rem}.person-cell span{color:var(--muted);font-size:.76rem}.status{white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.69rem;font-weight:800;display:inline-flex}.status-submitted{color:#90600f;background:#fff4da}.status-underReview{color:#1f6686;background:#e5f2f7}.status-needsInformation{color:#704c97;background:#f2ebfa}.status-approved{color:#147052;background:#e4f6ef}.status-rejected{color:#9c3642;background:#ffebed}.status-cancelled{color:#657983;background:#edf1f3}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.78rem;display:flex}.pagination>div{gap:.4rem;display:flex}.back-link{color:var(--blue);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.detail-title{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1.3rem;display:grid}.detail-main{flex-direction:column;gap:1rem;display:flex}.info-section{padding:1.4rem}.info-section h2{color:var(--navy);align-items:center;gap:.65rem;margin:0 0 1.25rem;font-size:1rem;display:flex}.info-section h2 svg{color:var(--teal);width:19px}.info-grid{grid-template-columns:repeat(2,1fr);gap:1.15rem 2rem;display:grid}.info-item{flex-direction:column;gap:.3rem;display:flex}.info-item.wide{grid-column:span 2}.info-item span{color:var(--muted);font-size:.72rem}.info-item strong{font-family:Inter,sans-serif;font-size:.86rem}.decision-card{padding:1.3rem;position:sticky;top:1.5rem}.decision-heading{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.decision-heading>svg{color:var(--teal)}.decision-heading div{flex-direction:column;gap:.2rem;display:flex}.decision-heading span{letter-spacing:.09em;color:var(--muted);font-size:.62rem;font-weight:800}.decision-heading strong{font-size:.9rem}.decision-card>p{color:var(--muted);margin:1.1rem 0;font-size:.83rem;line-height:1.55}.decision-card>button{width:100%;margin:.35rem 0}.decision-button{border:1px solid var(--line);background:#fff;justify-content:flex-start}.decision-button svg{width:18px}.decision-button.info{color:#704c97}.decision-button.approve{color:#147052}.decision-button.reject{color:#9c3642}.security-note{color:#637c87;background:#f2f8fa;border-radius:10px;margin-top:1rem;padding:1rem;font-size:.72rem;line-height:1.5}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{grid-template-columns:18px 1fr auto;gap:.75rem;padding:0 0 1.3rem;display:grid;position:relative}.timeline li>span{background:var(--teal);border:3px solid #dff5f2;border-radius:50%;width:11px;height:11px;margin-top:.25rem}.timeline li:not(:last-child):before{content:"";border-left:1px solid #cfe1e6;position:absolute;top:14px;bottom:0;left:5px}.timeline strong{font-family:Inter,sans-serif;font-size:.82rem}.timeline p{color:var(--muted);margin:.25rem 0;font-size:.72rem}.timeline blockquote{border-left:3px solid var(--mint);color:#526c78;background:#f7fafb;margin:.6rem 0 0;padding:.65rem .8rem;font-size:.76rem}.dialog-overlay{z-index:10;background:#09202f85;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:18px;width:min(520px,100%);padding:1.6rem;box-shadow:0 28px 80px #071e2d4d}.dialog h2{color:var(--navy);margin:0 0 .5rem}.dialog>p{color:var(--muted);font-size:.86rem;line-height:1.5}.dialog label{flex-direction:column;gap:.45rem;margin:1.2rem 0;font-size:.8rem;font-weight:700;display:flex}.dialog textarea{resize:vertical;border:1px solid var(--line);border-radius:10px;outline:0;padding:.8rem}.dialog textarea:focus{border-color:var(--teal)}.dialog-actions{justify-content:flex-end;gap:.7rem;margin-top:1.2rem;display:flex}.success-icon{color:#147052;background:#e4f6ef;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:1rem;display:grid}.expiry-note{color:var(--muted);font-size:.76rem!important}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.decision-card{position:static}.login-brand{padding:6vh 6vw}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:1.2rem}.app-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr auto;height:auto;padding:1rem;display:grid;position:static}.brand-lockup{border:0;padding:0}.sidebar nav{padding:0}.sidebar nav a{font-size:0}.operator-card{display:none}.page{padding:1.4rem 1rem}.page-header{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;width:100%;max-width:none}.result-count{display:none}.detail-title{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}.info-item.wide{grid-column:auto}}@media (width<=480px){.metrics{grid-template-columns:1fr}.page-header .secondary-button{font-size:0}.page-header .secondary-button svg{margin:0}.login-card{padding:1.5rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}