:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05080f;--bg-2:#0a111d;--surface:#101827;--surface-2:#131d2e;--surface-3:#17243a;--stroke:#1f2a3d;--text:#e7ecf7;--muted:#95a2b8;--accent:#4fd1c5;--accent-2:#f6b35f;--success:#29d391;--danger:#f26f77;--info:#6aa2ff;--shadow:0 40px 80px #03060f8c;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font-display:"Sora", "Space Grotesk", sans-serif;--font-body:"Manrope", "Inter", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);margin:0;line-height:1.5}body:before{content:"";z-index:-2;background:radial-gradient(900px at 15% -10%,#4fd1c52e,#0000 60%),radial-gradient(700px at 90% 10%,#6aa2ff33,#0000 60%),linear-gradient(#05080f 0%,#060a12 100%);position:fixed;inset:0}body:after{content:"";opacity:.22;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:140px 140px;position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);margin:0 0 8px}h1{letter-spacing:-.02em;font-size:clamp(28px,3.2vw,42px)}h2{letter-spacing:-.01em;font-size:20px}p{color:var(--muted);margin:0}.app{grid-template-columns:280px minmax(0,1fr);gap:24px;min-height:100vh;padding:28px;display:grid}.sidebar{border:1px solid var(--stroke);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#0c121ee0;flex-direction:column;gap:18px;padding:24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{letter-spacing:.08em;background:linear-gradient(145deg,#4fd1c559,#6aa2ff59);border:1px solid #ffffff1a;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:600;display:grid}.brand-title{font-size:18px;font-weight:600}.brand-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}.nav{gap:6px;padding-top:6px;display:grid}.nav-item{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:12px 14px;font-size:14px;transition:all .2s}.nav-item.active,.nav-item:hover{color:var(--text);background:#4fd1c51f}.sidebar-foot{border-top:1px solid var(--stroke);gap:10px;margin-top:auto;padding-top:14px;display:grid}.status-card{border:1px solid var(--stroke);background:#131d2ee6;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.main{flex-direction:column;gap:24px;display:flex}.topbar{border:1px solid var(--stroke);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c121ee0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.topbar-title{font-size:18px;font-weight:600}.topbar-sub{color:var(--muted);font-size:13px}.topbar-actions{align-items:center;gap:12px;display:flex}.role-switch{border:1px solid var(--stroke);background:#131d2ed9;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.role-meta{gap:6px;display:grid}.role-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.role-badge{font-size:10px}.role-switch .select{min-width:180px;font-weight:600}.content{gap:24px;display:grid}.section{gap:16px;display:grid}.section-anchor{scroll-margin-top:24px}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.panel{border:1px solid var(--stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow);animation:.6s both rise;animation-delay:var(--delay,0s);background:#0c121ee6;padding:24px;position:relative;overflow:hidden}.panel:after{content:"";opacity:.6;pointer-events:none;background:radial-gradient(circle,#4fd1c533,#0000 70%);width:300px;height:300px;position:absolute;inset:auto -40% -60% auto}.panel-head,.hero-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hero{background:linear-gradient(135deg,#131d2eeb,#090d16f5)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:10px;font-size:11px}.hero-subtitle{max-width:580px}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;display:grid}.panel-grid>.panel{flex-direction:column;grid-column:span 6;gap:16px;height:100%;display:flex}.panel-grid>.panel:only-child{grid-column:span 12}.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.form-grid>*{min-width:0}.form-rows{gap:16px;margin-top:12px;display:grid}.form-actions{flex-wrap:wrap;align-self:end;align-items:flex-end;gap:12px;display:flex}.field{gap:8px;display:grid}.action-field{align-content:end}.button-block{width:100%}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.field-hint{color:var(--muted);font-size:12px}.input{border-radius:var(--radius-sm);border:1px solid var(--stroke);color:var(--text);background:#17243ae6;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#4fd1c599;box-shadow:0 0 0 3px #4fd1c526}.select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#fff9 50%),linear-gradient(135deg,#fff9 50%,#0000 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:32px}.button{cursor:pointer;border:none;border-radius:999px;min-height:40px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.button-primary{color:#05080f;background:linear-gradient(135deg,#4fd1c5e6,#6aa2ffe6);box-shadow:0 12px 28px #4fd1c533}.button-outline{color:var(--text);background:0 0;border:1px solid #ffffff26}.button-ghost{color:var(--text);background:#131d2ecc}.button-sm{min-height:30px;padding:6px 14px;font-size:12px}.button-md{font-size:14px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.badge{text-transform:uppercase;letter-spacing:.12em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.badge-neutral{color:var(--muted);background:#94a3b81f}.badge-success{color:var(--success);background:#29d39129;border-color:#29d3914d}.badge-warning{color:var(--accent-2);background:#f6b35f29;border-color:#f6b35f4d}.badge-danger{color:var(--danger);background:#f26f7729;border-color:#f26f774d}.badge-info{color:var(--info);background:#6aa2ff29;border-color:#6aa2ff4d}.result-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.result-card{border:1px solid var(--stroke);background:#131d2ee6;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:110px;padding:16px;display:flex}.result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:11px}.result-value{font-size:18px;font-weight:600}.notice{border:1px solid var(--stroke);color:var(--muted);background:#131d2eb3;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px}.notice-success{color:var(--success);background:#29d3911f;border:1px solid #29d3914d}.notice-error{color:var(--danger);background:#f26f771f;border:1px solid #f26f774d}.copy-field{gap:8px;margin-top:18px;display:grid}.copy-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.copy-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-value{word-break:break-all;background:#17243ae6;border:1px dashed #ffffff1f;border-radius:12px;flex:1;min-width:200px;padding:10px 12px;font-size:13px}.panel-title{margin:0 0 4px;font-size:16px;font-weight:600}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--stroke);background:#131d2ee6;border-radius:14px;padding:14px}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:11px}.metric-value{font-size:20px;font-weight:600}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding-bottom:10px;font-size:11px}.table td{border-top:1px solid var(--stroke);padding:12px 0}.table-key{word-break:break-all;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.table-empty{color:var(--muted);padding:18px 0 6px;font-size:12px}.detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.detail-card{border:1px solid var(--stroke);background:#131d2ee6;border-radius:14px;grid-column:span 3;gap:6px;padding:14px;display:grid}.detail-card.span-12{grid-column:span 12}.detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.detail-value{font-size:16px;font-weight:600}.detail-key{word-break:break-all}.activity-list{gap:14px;display:grid}.activity-item{border:1px solid var(--stroke);background:#131d2ecc;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.activity-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-detail{color:var(--text);word-break:break-word;font-size:14px}.muted{color:var(--muted);font-size:13px}.timestamp{color:var(--muted);font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center}.nav{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.sidebar-foot{margin-top:0}.section-head{flex-direction:column;align-items:flex-start}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{grid-column:span 6}}@media (width<=720px){.app{padding:18px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.hero-head,.panel-head{flex-direction:column;align-items:flex-start}.panel-grid>.panel{grid-column:span 12}.form-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.span-3,.span-4,.span-6,.span-12{grid-column:span 1}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.detail-card{grid-column:span 12}}