:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#17211d;background:#f5f7f6;font-synthesis:none;--green:#087653;--green-dark:#075b42;--line:#e2e8e5;--muted:#6c7973;--nav:#10231d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#c9f2df 0,transparent 35%),linear-gradient(145deg,#eff7f3,#f7f8f7 60%)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 28px 80px #0f3f2d18}.auth-title{margin:36px 0 24px}.auth-card h1{font-size:2rem;margin:24px 0 8px}.auth-card p{color:var(--muted);margin:0}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#0b8b61;color:#fff;font-size:1.3rem;font-weight:800;box-shadow:0 8px 20px #0876533d}.brand div{display:grid}.brand b{font-size:.85rem;letter-spacing:.13em}.brand small{font-size:.57rem;letter-spacing:.19em;color:#74827c;margin-top:2px}.field{display:grid;gap:7px;margin:16px 0}.field>span{font-size:.77rem;font-weight:700;color:#47544f}input,select,textarea{width:100%;border:1px solid #cad5d0;border-radius:10px;padding:11px 13px;background:#fff;outline:none;color:#17211d}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#13926a;box-shadow:0 0 0 3px #13926a16}.primary,.secondary,.danger{border-radius:9px;padding:10px 15px;font-weight:700;transition:.15s}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#edf4f1;color:#17694f}.secondary:hover{background:#e0eee8}.danger{background:#feeeee;color:#b33a3a}.danger:hover{background:#fbdede}.small{padding:7px 10px;font-size:.74rem}.full{width:100%}.text-button{background:none;color:var(--green);font-weight:700;width:100%;padding:16px 0 0}.notice{margin:16px 0;padding:13px 15px;border-radius:10px;font-size:.84rem;line-height:1.5;background:#edf5f2;color:#31594c;border:1px solid #dce9e4}.notice.good{background:#e9f8f1;color:#126342}.notice.bad{background:#fff0f0;color:#9a3434}.notice code{font-weight:700;word-break:break-all}.loader{width:36px;height:36px;border:3px solid #dbe9e3;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:var(--nav);color:#fff;padding:25px 18px;position:fixed;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column}.app aside .brand{padding:0 11px 28px}.app aside .brand b{color:#fff}.app aside .brand small{color:#93a9a0}.app nav{display:grid;gap:6px}.app nav button{display:flex;align-items:center;gap:13px;background:transparent;color:#a9b9b3;text-align:left;padding:11px 13px;border-radius:9px;font-size:.87rem;font-weight:600}.app nav button i{font-style:normal;width:21px;text-align:center;font-size:1rem}.app nav button:hover,.app nav button.active{background:#1b382e;color:#fff}.app nav button.active{box-shadow:inset 3px 0 #32c98f}.aside-foot{margin-top:auto;padding:18px 11px 4px;border-top:1px solid #294138;color:#a7b8b1;font-size:.75rem}.aside-foot>button{display:block;background:none;color:#fff;padding:14px 0 0;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:#43d99e;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #43d99e1c}.workspace{grid-column:2;min-width:0}.workspace>header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.workspace>header p{margin:0;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.workspace>header h1{font-size:1.2rem;margin:3px 0 0}.header-actions{display:flex;align-items:center;gap:16px}.admin-chip{display:flex;align-items:center;gap:10px}.admin-chip>span{width:35px;height:35px;border-radius:50%;background:#e1f2eb;color:var(--green);display:grid;place-items:center;font-size:.72rem;font-weight:800}.admin-chip div{display:grid}.admin-chip b{font-size:.78rem}.admin-chip small{font-size:.67rem;color:var(--muted)}.workspace>main{max-width:1500px;margin:auto;padding:28px 32px 50px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.metric.green:before{background:#18a875}.metric.blue:before{background:#3a84d7}.metric.amber:before{background:#d59d2e}.metric.violet:before{background:#8b6bd6}.metric>span{display:block;color:var(--muted);font-size:.76rem;font-weight:600}.metric strong{display:block;font-size:1.8rem;line-height:1.2;margin:11px 0 6px;letter-spacing:-.03em}.metric small{color:#7e8a85;font-size:.7rem}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid #edf1ef}.panel-title h2{font-size:1rem;margin:0}.panel-title p{font-size:.73rem;color:var(--muted);margin:4px 0 0}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:18px}.numbers-layout,.callbacks-layout,.database-layout{grid-template-columns:minmax(0,2.3fr) minmax(310px,.8fr)}.settings-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr)}.side-stack{position:static;background:none;color:inherit;padding:0;width:auto;display:block}.form-panel{padding-bottom:21px}.form-panel>.field,.form-panel>button,.form-panel>.help{margin-left:21px;margin-right:21px;width:calc(100% - 42px)}.form-panel>.field{margin-top:16px;margin-bottom:16px}.help{display:block;color:#8a6c2a;font-size:.72rem;line-height:1.5;margin-top:10px}.filters{display:flex;gap:8px}.filters form{display:flex;gap:7px}.filters input{width:210px}.filters select{width:105px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #edf1ef;padding:13px 16px;white-space:nowrap;font-size:.78rem}th{font-size:.64rem;color:#77837e;text-transform:uppercase;letter-spacing:.06em;background:#fbfcfc}tbody tr:hover{background:#fbfdfc}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.block{display:block;color:var(--muted);font-size:.68rem;margin-top:4px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:.65rem;font-weight:700;text-transform:capitalize}.badge.green{background:#e6f6ef;color:#08704d}.badge.blue{background:#e8f2fd;color:#286cae}.badge.amber{background:#fff4dc;color:#926716}.badge.red{background:#fdeaea;color:#a73737}.badge.gray{background:#edf0ef;color:#5f6b66}.empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:44px;color:#84918b;font-size:.8rem}.empty>span{font-size:1.3rem}.bars{height:240px;padding:25px 22px 16px;display:flex;align-items:flex-end;gap:10px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:28px;background:linear-gradient(#31bd88,#0a7b57);border-radius:5px 5px 2px 2px;min-height:6px}.bar-wrap small{font-size:.6rem;color:#84908b}.health-list{padding:8px 21px}.health-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1ef;font-size:.75rem}.health-list>div:last-child{border-bottom:0}.health-list span{color:#5f6d67}.health-list b{font-size:.72rem}.health-list i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:9px}.health-list i.ok{background:#21b77f}.health-list i.warn{background:#dda938}.flow-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:21px}.flow-metrics>div{border-right:1px solid var(--line);padding:0 20px}.flow-metrics>div:last-child{border-right:0}.flow-metrics b{display:block;font-size:1.45rem;margin-top:9px}.secret-card{padding:21px}.secret-card h3{font-size:.95rem;margin:15px 0 8px}.secret-card code{display:block;background:#10231d;color:#c8f8e6;padding:13px;border-radius:8px;font-size:.7rem;line-height:1.5;word-break:break-all;margin-bottom:14px}.secret-card dl{font-size:.75rem}.secret-card dt{color:var(--muted);margin-top:9px}.secret-card dd{font-family:ui-monospace,monospace;margin:2px 0;word-break:break-all}@media(max-width:1150px){.metric-grid{grid-template-columns:1fr 1fr}.numbers-layout,.callbacks-layout,.database-layout,.settings-layout{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-stack>.notice{align-self:start}.two-col{grid-template-columns:1fr}.flow-metrics{grid-template-columns:1fr 1fr;gap:20px}.flow-metrics>div{border:0}}@media(max-width:760px){.app{display:block}.app>aside{position:static;width:100%;height:auto;padding:14px}.app aside .brand{padding:0 5px 12px}.app nav{display:flex;overflow:auto}.app nav button{white-space:nowrap}.aside-foot{display:none}.workspace>header{padding:0 16px}.workspace>main{padding:18px 12px}.admin-chip div{display:none}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.side-stack{grid-template-columns:1fr}.panel-title{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-direction:column}.filters form{width:100%}.filters input{width:auto;flex:1}.filters select{width:100%}}@media(max-width:440px){.metric-grid,.metric-grid.three,.flow-metrics{grid-template-columns:1fr}.auth-card{padding:28px 22px}.metric strong{font-size:1.5rem}}.app nav{overflow-y:auto;padding-right:3px}.link-button{background:none;color:#087653;font-weight:750;padding:0}.panel-actions{padding:14px 20px;text-align:center;border-top:1px solid var(--line)}.detail-panel{margin-top:18px}.detail-grid{display:grid;grid-template-columns:140px 1fr 140px 1fr;gap:10px 18px;padding:18px 21px;margin:0;font-size:.78rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;font-weight:650}.file-button{display:inline-block;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-strip{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;align-items:center;gap:18px;padding:17px 21px;border-bottom:1px solid var(--line);background:#fbfdfc}.upload-strip div{display:grid}.upload-strip small{color:var(--muted);margin-top:4px}.upload-strip progress{width:100%;accent-color:var(--green)}.calendar-controls{display:flex;align-items:center;gap:8px}.calendar-controls input{width:155px}.calendar-controls span{font-size:.72rem;color:var(--muted)}.smtp-status{padding-bottom:18px}.smtp-actions{padding:12px 21px 4px}.remember-password{display:flex;align-items:center;gap:9px;margin:4px 0 18px;color:#47544f;font-size:.78rem;cursor:pointer}.remember-password input{width:auto;margin:0;accent-color:var(--green)}.webhook-toolbar{display:flex;align-items:center;gap:8px}.webhook-toolbar input{min-width:240px}.webhook-table{min-width:970px;table-layout:auto}.webhook-table th,.webhook-table td{padding:10px 7px;font-size:.7rem;white-space:nowrap}.webhook-table th{font-size:.56rem}.webhook-table th:first-child,.webhook-table td:first-child{min-width:150px;white-space:normal}.webhook-table .row-actions{display:flex;flex-wrap:nowrap;min-width:0;white-space:nowrap}.account-link{display:inline-grid;max-width:100%;padding:2px 0;border:0;background:transparent;color:var(--green);text-align:left;line-height:1.35}.account-link:hover{text-decoration:underline}.account-link small{color:var(--muted);font-weight:500;overflow-wrap:anywhere}.webhook-editor{width:100%;max-width:920px;margin:0 auto}.webhook-account-form{overflow:hidden}.webhook-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:0 21px}.webhook-form-grid>label,.webhook-form-grid>.notice{margin-left:0;margin-right:0}.webhook-form-wide{grid-column:1/-1}.webhook-endpoint-section{margin:4px 21px 20px;padding:18px;border:1px solid #cfe0d9;border-radius:12px;background:#f7fbf9}.webhook-endpoint-section h3{margin:0 0 5px}.webhook-endpoint-section>p{margin:0 0 14px;color:var(--muted);font-size:.76rem;line-height:1.5}.webhook-endpoint-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.webhook-editor .secret-card{min-width:0;margin:14px 0 0}.webhook-editor .secret-card code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.webhook-form-submit{padding:0 21px 4px}.callback-result{max-width:720px}.callback-result .panel-title{margin:-21px -21px 18px}.callback-result-row>td{padding:0;background:#f7fbf9}.callback-result-row .callback-result{max-width:none;padding:15px 18px;border-left:3px solid var(--green)}.callback-result-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.callback-result dl{margin:12px 0 0}@media(max-width:1180px){.webhook-table{min-width:900px}.webhook-table th,.webhook-table td{padding:9px 5px;font-size:.65rem}.webhook-table th{font-size:.52rem}.webhook-table .small{padding:7px 8px}}@media(max-width:760px){.webhook-toolbar{width:100%;align-items:stretch;flex-direction:column}.webhook-toolbar input{min-width:0;width:100%}.webhook-form-grid{grid-template-columns:1fr;padding:0 15px}.webhook-form-wide{grid-column:auto}.webhook-endpoint-section{margin:4px 15px 16px;padding:14px}.webhook-endpoint-actions{grid-template-columns:1fr}.webhook-form-submit{padding:0 15px 4px}.webhook-account-form>.panel-title{align-items:flex-start}.webhook-account-form>.panel-title .secondary{width:100%;margin-top:10px}.webhook-editor .secret-card{padding:14px}.callback-result-heading{align-items:flex-start;gap:10px}}@media(max-width:760px){.upload-strip{grid-template-columns:1fr}.calendar-controls{flex-wrap:wrap}.detail-grid{grid-template-columns:110px 1fr}}.reauth-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#041812ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reauth-dialog{width:min(440px,100%);padding:28px;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0000004d}.reauth-brand{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;font-weight:900;font-size:1.25rem}.reauth-dialog h2{margin:18px 0 6px}.reauth-dialog>p{margin:0 0 20px;color:var(--muted);line-height:1.55;font-size:.82rem}.reauth-dialog label>span{display:block;margin-bottom:7px;font-size:.74rem;font-weight:750}.password-input{display:flex;gap:8px}.password-input input{flex:1}.password-toggle{min-width:66px;background:#edf4f1;color:var(--green)}.reauth-error{min-height:20px;margin:8px 0;color:#b42318;font-size:.76rem}.reauth-actions{display:flex;justify-content:flex-end;gap:9px}.performance-panel{margin-top:18px}.performance-details{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:24px;padding:0 21px 24px}.usage-chart{height:180px;display:flex;align-items:flex-end;gap:2px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fbfa}.usage-chart>div{height:100%;flex:1;display:flex;align-items:flex-end}.usage-chart span{display:block;width:100%;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#25c58a,var(--green))}@media(max-width:900px){.performance-details{grid-template-columns:1fr}}button{position:relative;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:not(:disabled):active,button.action-pressed:not(:disabled){transform:translateY(1px) scale(.985);filter:brightness(.96)}button.action-pending{cursor:progress;filter:saturate(.8);padding-right:32px!important}button.action-pending:after{content:"";position:absolute;right:11px;top:50%;width:12px;height:12px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .65s linear infinite}button.action-success{box-shadow:0 0 0 3px #159b693d}button.action-error{box-shadow:0 0 0 3px #d234343d}button:disabled{cursor:not-allowed;opacity:.58}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button{transition:none}button.action-pending:after{animation-duration:1.4s}}.speed-panel{min-width:0;display:flex;flex-direction:column;gap:12px}.speed-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.speed-panel-head small,.speed-panel-value small{display:block;margin-top:4px}.speed-panel-value{text-align:right;white-space:nowrap}.speed-summary{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:.9rem}@media(max-width:720px){.speed-panel-head{align-items:flex-start;flex-direction:column}.speed-panel-value{text-align:left}.speed-summary{justify-content:flex-start}}.lookup-line-shell{position:relative;width:100%;min-width:0;margin-top:4px}.lookup-line-chart{display:block;width:100%;height:auto;min-height:220px;max-height:300px;overflow:visible}.lookup-line-grid{stroke:currentColor;opacity:.08;vector-effect:non-scaling-stroke}.lookup-line-y-label{fill:currentColor;opacity:.55;font-size:11px}.lookup-line-path{stroke:var(--primary,#6157e8);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lookup-line-point{fill:var(--primary,#6157e8);stroke:var(--surface,#fff);stroke-width:2;vector-effect:non-scaling-stroke}.lookup-line-point:hover{r:6}.lookup-line-axis-label{position:absolute;left:0;top:0;font-size:.72rem;opacity:.58}.lookup-line-times{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:3px;font-size:.72rem;opacity:.62}.lookup-line-times span:nth-child(2){text-align:center}.lookup-line-times span:last-child{text-align:right}.lookup-line-empty{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;opacity:.6;padding:30px}@media(max-width:720px){.lookup-line-chart{min-height:180px}.lookup-line-times span:nth-child(2){display:none}.lookup-line-times{grid-template-columns:1fr 1fr}}.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.record-pagination small{opacity:.68}@media(max-width:720px){.record-pagination{align-items:flex-start;flex-direction:column}}