:root{--ink:#253344;--muted:#6e7c8a;--line:#e1e6eb;--gold:#ffdd38;--nav:#202d3b}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea,a{outline-offset:3px}.network-header{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:15px 30px;gap:20px}.wordmark{font-size:25px;letter-spacing:-1px;color:#ff8950;white-space:nowrap}.wordmark b{color:#e8ad22}.wordmark small{display:block;font-size:8px;letter-spacing:1.5px;color:#80909a}.network-header>div{display:flex;gap:18px;align-items:center;font-size:12px}.network-header button{border:0;background:none;color:var(--muted)}.network-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 88px)}#nav{background:var(--nav);padding:26px 15px;display:flex;flex-direction:column;gap:5px}#nav a{padding:11px 15px;color:#cbd5df;border-radius:6px;font-size:13px}#nav a.active{background:var(--gold);color:#29313c;font-weight:700}#nav .nav-label{font-size:10px;letter-spacing:1px;color:#8ea0b3;padding:10px 15px}main{padding:30px;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.heading h1{font-size:25px;margin:0 0 5px}.heading p{color:var(--muted);font-size:12px;margin:0}.heading .actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:10px 15px;border:1px solid #d5dce3;background:#fff;border-radius:5px;font-weight:600;font-size:12px;display:inline-block}.btn.primary{background:var(--gold);border-color:#e8c62c}.btn.small{padding:6px 9px;margin:2px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;min-width:0}.card small{color:var(--muted)}.card strong{font-size:28px;display:block;margin-top:9px}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.panel h2{font-size:17px;margin-top:0}.muted{font-size:12px;color:var(--muted)}.notice{border-left:3px solid #e7bc28;background:#fff9e7;padding:14px 18px;font-size:12px;line-height:1.7;margin-bottom:20px}.error{color:#a82b21;background:#fff0ed;padding:12px;border-radius:5px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:13px;text-align:left;border-bottom:1px solid #edf0f3;vertical-align:top;max-width:380px;overflow-wrap:anywhere}th{background:#edf2f6;white-space:nowrap;font-size:11px;color:#667789}.badge{background:#edf2f7;padding:4px 9px;border-radius:18px;display:inline-block;font-size:10px;white-space:nowrap}.badge.good{background:#e5f4ed;color:#278051}.badge.warn{background:#fff1dc;color:#9b650f}.empty{text-align:center;padding:45px;color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.form input,.form select,.form textarea{width:100%;border:1px solid #cfd7df;padding:11px;border-radius:5px;background:#fff;color:var(--ink);font-weight:400}.form textarea{min-height:100px;resize:vertical}.wide{grid-column:1/-1}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;font-weight:400!important}.check input{width:16px;height:16px;flex-shrink:0}.form .help{font-size:11px;color:var(--muted);font-weight:400}.form-error{color:#b02c20;font-size:12px;white-space:pre-line}.form button:disabled{opacity:.5}.login{max-width:460px;margin:45px auto}.login .form{grid-template-columns:1fr}.identity{font-size:12px;color:var(--muted);margin-top:20px}.grant{padding:14px;border:1px solid var(--line);border-radius:5px}.grant .grant-options{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}dialog{border:0;border-radius:10px;width:min(850px,94vw);max-height:90vh;padding:30px;color:var(--ink)}dialog::backdrop{background:#14233099}dialog h2{font-size:21px;margin:0 35px 18px 0}.close{float:right;border:0;background:#edf1f5;border-radius:50%;font-size:24px;line-height:30px;width:32px;height:32px}.shipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:15px 0}.shipment-grid p{font-size:12px}.statements-total{font-size:18px;font-weight:700;margin:15px 0}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filterbar input,.filterbar select{padding:9px;border:1px solid #d5dce3;border-radius:5px;max-width:280px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#223447;color:white;border-radius:6px;box-shadow:0 4px 20px #0002;z-index:99;max-width:92vw;display:none}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide h3{font-size:14px}.guide p{font-size:12px;color:var(--muted)}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.network-layout{grid-template-columns:180px minmax(0,1fr)}main{padding:22px}.guide{grid-template-columns:1fr}}@media(max-width:700px){.network-header{height:auto;padding:15px;align-items:flex-start}.wordmark{font-size:20px}.network-header>div{gap:9px;flex-wrap:wrap;justify-content:flex-end;font-size:10px}.network-layout{grid-template-columns:1fr}#nav{flex-direction:row;overflow:auto;padding:8px;gap:5px}#nav a{white-space:nowrap;padding:9px 12px;font-size:12px}#nav .nav-label{display:none}main{padding:17px}.heading{align-items:flex-start;flex-wrap:wrap}.heading h1{font-size:21px}.cards{gap:9px}.card{padding:15px}.card strong{font-size:23px}.panel{padding:18px}.form,.shipment-grid{grid-template-columns:1fr}.wide{grid-column:auto}dialog{padding:20px}td,th{padding:10px}.form input,.form select,.form textarea{font-size:16px}}