.compliance-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:28px 34px;overflow:hidden;border:1px solid rgba(103,192,229,.25);border-radius:18px;background:radial-gradient(circle at 82% 22%,rgba(30,141,192,.25),transparent 34%),linear-gradient(135deg,#0d2032,#07121e 68%,#07101a);box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.compliance-hero:after{position:absolute;right:-35px;bottom:-70px;width:330px;height:160px;border:1px solid rgba(92,197,238,.12);border-radius:50%;content:'';transform:rotate(-12deg)}
.compliance-hero small{color:#65cff1;font:800 10px Consolas,monospace;letter-spacing:3px}.compliance-hero h1{margin:7px 0 6px;color:#edf8ff;font-size:28px}.compliance-hero p{margin:0;color:#8099ac;font-size:13px}.compliance-hero-mark{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(122,216,250,.38);border-radius:24px;background:linear-gradient(145deg,rgba(30,124,164,.38),rgba(7,30,48,.8));box-shadow:0 18px 45px #0007,0 0 38px rgba(70,192,232,.12);color:#78def8;font-size:34px}
.compliance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.compliance-metrics article{padding:17px 19px;border:1px solid #21394c;border-radius:13px;background:linear-gradient(145deg,#0c1d2b,#08131e);box-shadow:0 12px 30px rgba(0,0,0,.16)}.compliance-metrics small,.compliance-metrics span{display:block;color:#6f899c;font-size:10px}.compliance-metrics b{display:block;margin:5px 0;color:#e7f7ff;font:900 25px Consolas,monospace}.compliance-metrics article.warn b{color:#ffba72}
.compliance-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.82fr);gap:16px}.compliance-layout>.surface{min-width:0}.compliance-layout .surface-head p{margin:4px 0 0;color:#6f8798;font-size:11px}.compliance-tabs{display:flex;gap:7px;margin:15px 0}.compliance-tabs button{padding:7px 15px;border:1px solid #294154;border-radius:20px;color:#7892a6;background:#091624;cursor:pointer}.compliance-tabs button.active{border-color:#4ebadb;color:#dff9ff;background:#13364a;box-shadow:0 0 20px rgba(67,189,226,.12)}
.compliance-document-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #182c3c}.compliance-document-card:first-child{border-top:0}.document-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2c566d;border-radius:12px;color:#6ad5f4;background:#0b2636}.document-icon.agent{border-color:#5c4b72;color:#b8a4ef;background:#201a30}.document-title{display:flex;align-items:center;gap:8px}.document-title b{overflow:hidden;color:#e2eef5;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.document-main p{margin:5px 0;color:#71889a;font-size:10px}.document-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:#668195;font-size:9px}.document-meta code{color:#4c7c98}.document-actions{display:flex;gap:6px}.document-actions .btn{padding:7px 9px;font-size:10px}
.receipt-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;padding:13px 0;border-top:1px solid #182c3c}.receipt-row:first-child{border-top:0}.receipt-status{color:#58cf9b;font-size:18px}.receipt-row>div:nth-child(2),.receipt-row>div:nth-child(3){display:grid;gap:3px}.receipt-row>div:nth-child(3){justify-items:end;text-align:right}.receipt-row b{color:#e0eef6;font-size:12px}.receipt-row span,.receipt-row small{overflow:hidden;color:#6f889a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.receipt-row code{color:#76cce7;font-size:9px}.compliance-receipts select{max-width:95px}
.agreement-preview>div{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #29445a;border-radius:10px;background:#091826}.agreement-preview>div span{padding:4px 8px;border-radius:20px;color:#73d8f4;background:#12384b;font-size:10px}.agreement-preview>div b{color:#d9edf7;font-size:11px}.agreement-preview>div code{margin-left:auto;color:#56778c;font-size:8px}.agreement-preview pre{max-height:62vh;margin:0;padding:18px;overflow:auto;border:1px solid #20384b;border-radius:10px;color:#a6bbc8;background:#06111c;font:12px/1.85 system-ui;white-space:pre-wrap}
.agreement-editor{display:grid;gap:12px}.agreement-editor label{display:grid;gap:6px;color:#90a7b6;font-size:11px}.agreement-editor textarea{resize:vertical;font:12px/1.65 system-ui}.agreement-editor-warning{display:flex;gap:9px;padding:11px 13px;border:1px solid #66532f;border-radius:9px;color:#d4bd86;background:#2b2417;font-size:11px;line-height:1.6}
.agent-agreement-gate{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 5%,#173d59,#06101b 48%,#02060b);color:#e8f5fc}.agent-agreement-shell{width:min(960px,95vw);max-height:94vh;padding:26px 30px;overflow:hidden;border:1px solid rgba(112,205,239,.34);border-radius:22px;background:linear-gradient(145deg,rgba(12,29,44,.99),rgba(5,14,24,.99));box-shadow:0 40px 120px #000d,0 0 0 1px rgba(255,255,255,.03) inset}.agent-agreement-shell>header{display:flex;align-items:center;gap:15px}.agreement-seal{display:grid;place-items:center;width:58px;height:58px;border:1px solid #4d9bb9;border-radius:18px;background:#0b3144;color:#77ddf8;font-size:26px;box-shadow:0 12px 30px #0008}.agent-agreement-shell header small{color:#64cae9;font:800 9px Consolas,monospace;letter-spacing:2.5px}.agent-agreement-shell h1{margin:4px 0 3px;font-size:25px}.agent-agreement-shell header p{margin:0;color:#7893a6;font-size:11px}.agent-agreement-docs{max-height:38vh;margin-top:16px;overflow:auto;border:1px solid #234054;border-radius:12px;background:#06121e}.agent-agreement-docs details+details{border-top:1px solid #1b3344}.agent-agreement-docs summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;list-style:none}.agent-agreement-docs summary::-webkit-details-marker{display:none}.agent-agreement-docs summary span{display:flex;align-items:center;gap:9px}.agent-agreement-docs summary b{font-size:12px}.agent-agreement-docs summary small{padding:3px 7px;border:1px solid #31536a;border-radius:20px;color:#7794a7;font-size:8px}.agent-agreement-docs summary em{color:#64cbe9;font-size:9px;font-style:normal}.agent-agreement-docs details>div{padding:15px 18px;border-top:1px solid #1c3445;color:#99adba;font-size:11px;line-height:1.8;white-space:pre-wrap}
.agent-signature-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 13px;margin-top:13px;padding:13px;border:1px solid #29475b;border-radius:12px;background:#091a28}.agent-signature-box>label:not(.agent-agreement-check){display:grid;gap:5px}.agent-signature-box label>span{color:#849dad;font-size:10px}.agent-agreement-check{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px}.agent-agreement-check input{margin-top:3px;accent-color:#45c8eb}.agent-agreement-check span{color:#d1e4ed!important;line-height:1.55}.agent-agreement-feedback{display:none;margin-top:9px;padding:9px 12px;border:1px solid #6d3b44;border-radius:8px;background:#2b171d;color:#ff9aa6;font-size:11px}.agent-agreement-feedback.visible{display:block}.agent-sign-button{width:100%;height:45px;margin-top:11px!important;font-weight:800}.agent-agreement-shell>footer{margin-top:9px;color:#607d90;font-size:9px;text-align:center}.agent-agreement-shell>footer i{margin-right:5px}.spin{display:inline-block;animation:agreement-spin 1s linear infinite}@keyframes agreement-spin{to{transform:rotate(360deg)}}#toast{z-index:210000}
.agent-agreement-check{justify-content:flex-start}.agent-agreement-check input{flex:0 0 14px!important;width:14px!important;height:14px!important;margin:3px 0 0!important}.agent-agreement-check span{flex:1}
@media(max-width:1100px){.compliance-layout{grid-template-columns:1fr}.compliance-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.compliance-metrics{grid-template-columns:1fr}.compliance-document-card{grid-template-columns:40px minmax(0,1fr)}.document-actions{grid-column:1/-1}.agent-signature-box{grid-template-columns:1fr}.agent-agreement-check{grid-column:auto}.agent-agreement-shell{padding:20px 15px}}