:root{--agent-accent:#17b897;--agent-accent-deep:#087f70;--agent-ink:#102a34;--agent-soft:#eafaf6}
.agent-auth-scene{background:linear-gradient(145deg,#071f28 0%,#0b3540 56%,#096b61 100%)}
.agent-auth-scene .scene-grid{opacity:.35;background-image:linear-gradient(rgba(72,226,194,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(72,226,194,.12) 1px,transparent 1px)}
.agent-auth-scene .scene-copy em{color:#55e1c2}
.agent-auth-map{position:absolute;right:9%;bottom:12%;width:260px;height:260px;border:1px solid rgba(99,235,205,.3);border-radius:50%;display:grid;place-items:center;color:#c2fff1;box-shadow:0 0 80px rgba(15,179,150,.18),inset 0 0 45px rgba(15,179,150,.1)}
.agent-auth-map:before,.agent-auth-map:after{content:"";position:absolute;border:1px solid rgba(99,235,205,.2);border-radius:50%}.agent-auth-map:before{inset:35px}.agent-auth-map:after{inset:78px}
.agent-auth-map strong{font-size:24px;letter-spacing:.32em;margin-left:.32em}.agent-auth-map i{position:absolute;width:12px;height:12px;border:3px solid #072832;background:#5be3c6;border-radius:50%;box-shadow:0 0 20px #57e9c9}.agent-auth-map i:nth-child(1){top:29px;left:65px}.agent-auth-map i:nth-child(2){right:20px;top:126px}.agent-auth-map i:nth-child(3){bottom:34px;left:74px}
.agent-auth-body .portal-button.primary,.agent-portal-body .portal-button.primary{background:var(--agent-accent-deep);border-color:var(--agent-accent-deep)}
.agent-auth-body .auth-tabs button.active{color:var(--agent-accent-deep);border-color:var(--agent-accent)}
.auth-success{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#e8faf3;border:1px solid #bdebdc;color:#08745f;font-size:14px}
.agent-sidebar{background:linear-gradient(180deg,#09252e 0%,#081c24 100%)}
.agent-sidebar nav a.active{background:rgba(57,211,178,.14);color:#75efd4}.agent-sidebar nav a.active:before{background:#39d3b2}
.agent-portal-body .avatar{background:linear-gradient(135deg,#0e8f79,#42d3b3)}
.agent-portal-body .stat-card strong{color:var(--agent-ink)}
.agent-balance-card{background:linear-gradient(135deg,#0a3942,#087b6f)!important;color:white}.agent-balance-card small,.agent-balance-card span,.agent-balance-card strong{color:white!important}
.level-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#e9f9f5;color:#087560;font-size:12px;font-weight:700}.level-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#19b997}
.agent-tree{display:grid;gap:12px;padding:18px}.agent-node{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(110px,.7fr) minmax(140px,.8fr) minmax(190px,1fr);gap:14px;align-items:center;padding:16px;border:1px solid #e5ecef;border-radius:15px;background:#fff}.agent-node:hover{border-color:#abdcd1;box-shadow:0 10px 24px rgba(16,56,65,.07)}
.agent-node-main{display:flex;align-items:center;gap:11px}.agent-node-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f9f5;color:#087560;font-size:17px;font-weight:800}.agent-node-main strong,.agent-node-main small{display:block}.agent-node-main small,.agent-node-meta small{color:#7a8b91;margin-top:3px}.agent-node-meta strong{display:block}.agent-node-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.code-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px}.code-card{padding:18px;border:1px solid #e4ecee;border-radius:16px;background:#fff}.code-card header{display:flex;justify-content:space-between;gap:10px;align-items:center}.code-card code{display:block;margin:15px 0 10px;padding:13px;border-radius:10px;background:#f3f7f7;overflow:auto;font-size:13px;color:#173941}.code-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.code-card dt{font-size:12px;color:#87969b}.code-card dd{margin:2px 0 0;font-size:13px;font-weight:650}
.permission-list{display:flex;gap:7px;flex-wrap:wrap}.permission-chip{padding:5px 9px;border-radius:999px;background:#edf7f4;color:#176e5e;font-size:12px}.permission-chip.off{background:#f2f3f4;color:#939da1;text-decoration:line-through}
.cost-line{display:flex;gap:8px;flex-wrap:wrap}.cost-line span{padding:5px 8px;border-radius:8px;background:#f2f6f7;color:#4b6168;font-size:12px}
.balance-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:14px;border:1px solid #e3eaec;border-radius:14px;background:#f9fbfb}.balance-flow .arrow{color:#159f85;font-weight:800}.balance-flow strong,.balance-flow small{display:block}.balance-flow small{color:#7d8d92;margin-bottom:4px}
.ledger-amount{font-weight:800}.ledger-amount.in{color:#07936f}.ledger-amount.out{color:#d35858}
.app-auth-card{position:relative;overflow:hidden}.app-auth-card:after{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:rgba(37,197,163,.09)}
.scope-note{padding:12px 14px;border:1px solid #dce8e6;border-radius:12px;background:#f5faf9;color:#506a70;font-size:13px;line-height:1.65}
.portal-form .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-option{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e1e8ea;border-radius:12px}.check-option input{width:auto!important;margin-top:2px}.check-option span{font-weight:650}.check-option small{display:block;color:#859399;font-weight:400;margin-top:2px}
@media(max-width:900px){.agent-auth-map{display:none}.agent-node{grid-template-columns:1fr 1fr}.agent-node-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:600px){.agent-node{grid-template-columns:1fr}.agent-node-actions{grid-column:auto}.code-card-grid{grid-template-columns:1fr}.balance-flow{grid-template-columns:1fr}.balance-flow .arrow{transform:rotate(90deg);justify-self:center}.portal-form .check-grid{grid-template-columns:1fr}}