:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17211b;background:#f7f9f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{background:#f7f9f6;grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dce3dd;padding:24px 16px}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-mark{color:#fff;background:#168a5b;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:600;display:grid}.brand strong,.brand span{display:block}.brand span,.eyebrow,.muted,.summary-tile span,.status-item span,.nav-title{color:#5e6b63;font-size:14px;font-weight:500;line-height:1.4}.nav-group{gap:4px;margin-bottom:24px;display:grid}.nav-title{text-transform:uppercase;padding:0 12px 4px}.nav-item{color:#17211b;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;text-decoration:none;display:flex}.nav-item.active{color:#0f6643;background:#eef6f1;border-left-color:#168a5b}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dce3dd;justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:16px 24px;display:flex}h1,h2,p{margin:0}h1{font-size:28px;font-weight:600;line-height:1.2}h2{font-size:20px;font-weight:600;line-height:1.25}.credential-panel{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:end;gap:8px;max-width:760px;display:grid}.credential-panel label,.inline-field{color:#5e6b63;text-transform:uppercase;gap:4px;font-size:12px;font-weight:600;display:grid}.credential-panel input,.credential-panel select,.inline-field input{color:#17211b;text-transform:none;background:#fff;border:1px solid #dce3dd;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:0 10px}.content{padding:24px}.route-surface{gap:24px;display:grid}.route-header,.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.primary-action,.secondary-action{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.primary-action{color:#fff;background:#168a5b}.secondary-action{color:#17211b;background:#fff;border-color:#dce3dd}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-tile,.status-panel,.placeholder-panel,.permission-panel,.empty-panel,.detail-panel,.table-wrap,.filter-bar{background:#fff;border:1px solid #dce3dd;border-radius:8px}.summary-tile{align-content:center;gap:8px;min-height:116px;padding:16px;display:grid}.summary-tile strong{font-size:28px;font-weight:600;line-height:1.2}.summary-tile[data-tone=warning]{border-color:#e5c676}.summary-tile[data-tone=info]{border-color:#93b4ee}.status-panel,.placeholder-panel,.permission-panel,.empty-panel{gap:16px;padding:24px;display:grid}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.status-item{border:1px solid #dce3dd;border-radius:8px;gap:4px;padding:12px;display:grid}.alert{color:#c2410c;align-items:center;gap:8px;display:flex}.skeleton-row{background:linear-gradient(90deg,#edf1ee,#fff,#edf1ee);border-radius:8px;height:68px}.link-button{color:#17211b;cursor:pointer;background:#fff;border:1px solid #dce3dd;border-radius:8px;min-height:36px;font-size:13px;font-weight:500}.filter-bar{grid-template-columns:repeat(4,minmax(160px,1fr));gap:8px;padding:12px;display:grid}.filter-bar.single-column{grid-template-columns:1fr}.filter-bar label{gap:4px;display:grid}.filter-bar span,.data-table th{color:#5e6b63;text-transform:uppercase;font-size:12px;font-weight:600}.filter-bar input,.filter-bar select{color:#17211b;background:#fff;border:1px solid #dce3dd;border-radius:8px;width:100%;min-height:40px;padding:0 10px}.filter-bar button{width:100%}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dce3dd;padding:12px}.data-table tr:last-child td{border-bottom:0}.status-badge{color:#17211b;background:#f7f9f6;border:1px solid #dce3dd;border-radius:8px;align-items:center;min-height:28px;padding:3px 8px;font-size:13px;font-weight:600;display:inline-flex}.status-badge[data-status=paid],.status-badge[data-status=succeeded],.status-badge[data-status=active],.status-badge[data-status=approved],.status-badge[data-status=delivered],.status-badge[data-status=healthy],.status-badge[data-status=enabled]{color:#0f6643;background:#eef6f1;border-color:#168a5b}.status-badge[data-status=unknown],.status-badge[data-status=pending],.status-badge[data-status=review],.status-badge[data-status=payouting],.status-badge[data-status=retrying],.status-badge[data-status=processing],.status-badge[data-status=shadow]{color:#7a4c00;background:#fff8df;border-color:#e5c676}.detail-panel{gap:16px;padding:16px;display:grid}.detail-panel h3{margin:0 0 8px;font-size:14px;font-weight:600}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.timeline,.mini-list{margin:0;padding:0;list-style:none}.timeline{gap:8px;display:grid}.timeline li{border-left:3px solid #168a5b;grid-template-columns:1fr auto;gap:4px 8px;padding-left:12px;display:grid}.timeline span,.timeline time,.mini-list li,.notice{color:#5e6b63;font-size:14px}.timeline time{grid-column:1/-1}.mini-list{gap:6px;display:grid}.mini-list li{overflow-wrap:anywhere;border:1px solid #dce3dd;border-radius:8px;padding:8px}.notice{color:#0f6643;background:#eef6f1;border-left:3px solid #168a5b;border-radius:8px;padding:8px 12px}.permission-panel{color:#5e6b63;max-width:520px}:focus-visible{outline-offset:2px;outline:3px solid #168a5b}@media (width<=1023px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand div:not(.brand-mark),.nav-title,.nav-item span{display:none}.sidebar{padding:16px 8px}}@media (width<=639px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dce3dd;border-right:0;padding:16px}.brand div:not(.brand-mark),.nav-item span{display:block}.nav-group{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.route-header,.panel-heading{flex-direction:column;align-items:flex-start}.credential-panel{grid-template-columns:1fr;width:100%;max-width:none}.content{padding:16px}.summary-grid,.status-grid,.filter-bar,.content-grid,.detail-grid{grid-template-columns:1fr}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block}.data-table thead{display:none}.data-table tr{border-bottom:1px solid #dce3dd;padding:8px 0}.data-table tr:last-child{border-bottom:0}.data-table td{border-bottom:0;grid-template-columns:minmax(96px,.38fr) minmax(0,1fr);gap:8px;padding:8px 12px;display:grid}.data-table td:before{content:attr(data-label);color:#5e6b63;text-transform:uppercase;font-size:12px;font-weight:600}}