:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#111827;color:#fff;padding:28px 18px}.brand{font-size:20px;font-weight:750;margin:0 10px 34px}nav{display:flex;flex-direction:column;gap:8px}nav a{padding:11px 12px;border-radius:9px;color:#aeb8c8}nav a.active{background:#263246;color:#fff}main{padding:38px;max-width:1320px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:0;font-size:28px}header p{color:#6d7685;margin:6px 0 0}.env{font-size:12px;font-weight:700;background:#fff4d6;color:#885f00;padding:7px 10px;border-radius:999px;white-space:nowrap}.keybox{margin-top:26px;background:#fff;padding:18px;border:1px solid #e6e9ef;border-radius:14px}.keybox label{display:block;font-size:12px;color:#687386;margin-bottom:7px}.keybox div{display:flex;gap:8px}.keybox input{flex:1;border:1px solid #d9dee8;border-radius:8px;padding:10px 12px}.keybox button,.dialogactions button,.smallbtn{border:0;border-radius:8px;background:#111827;color:#fff;padding:10px 18px;cursor:pointer}.keybox small{display:block;margin-top:8px;color:#8a94a3}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0}.cards article{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:18px}.cards span{display:block;color:#737d8d;font-size:13px}.cards strong{display:block;font-size:27px;margin-top:8px}.holdcard{border-color:#fed7aa!important;background:#fffaf3!important}.mockcard{border-color:#c7d2fe!important;background:#f5f7ff!important}.panel{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:20px}.panelhead{display:flex;justify-content:space-between;gap:20px;align-items:center}.panel h2{font-size:17px;margin:0}.panel small{color:#8993a3}.panel input{width:340px;border:1px solid #d9dee8;border-radius:8px;padding:10px 12px}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{text-align:left;padding:13px 10px;border-top:1px solid #edf0f4;font-size:13px;vertical-align:top}th{color:#737d8d;font-weight:600}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#eef1f5}.INVOICE_AUTHORIZED{background:#dcfce7;color:#166534}.INVOICE_MOCK_AUTHORIZED{background:#e0e7ff;color:#3730a3}.INVOICE_PENDING_SRI,.INVOICE_CREATED,.READY_TO_INVOICE{background:#fff4d6;color:#885f00}.HOLD_BUYER_DATA{background:#ffedd5;color:#9a3412}.INVOICE_ERROR{background:#fee2e2;color:#991b1b}.empty{text-align:center;color:#8a94a3;padding:30px}.muted{color:#8a94a3}.warntext{color:#9a3412}.smallbtn{padding:7px 11px;font-size:12px}dialog{border:0;border-radius:16px;padding:0;width:min(620px,calc(100% - 32px));box-shadow:0 20px 60px #0003}dialog::backdrop{background:#11182799}dialog form{padding:24px}.dialoghead{display:flex;justify-content:space-between;align-items:flex-start}.dialoghead h2{margin:0}.dialoghead p{color:#9a3412}.iconbtn{border:0;background:transparent;font-size:26px;cursor:pointer}.dialoghead+input{display:none}dialog label{display:block;font-size:13px;margin-top:14px}dialog input,dialog select{width:100%;padding:11px;border:1px solid #d9dee8;border-radius:8px;margin-top:5px;font-size:15px}.dialogactions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialogactions .secondary{background:#e5e7eb;color:#111827}.formmsg{margin-top:12px;color:#9a3412;font-size:13px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){body{grid-template-columns:1fr}aside{display:none}main{padding:20px}.cards{grid-template-columns:1fr 1fr}.panelhead{align-items:stretch;flex-direction:column}.panel input{width:100%}.tablewrap{overflow:auto}header{align-items:flex-start;flex-direction:column}}