@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#122b35;--teal:#177a70;--mint:#e5f4ee;--ink:#18343f;--muted:#71828a;--line:#e1e8e8;--bg:#f5f7f7}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--navy);color:#c5d4d8;position:fixed;inset:0 auto 0 0;padding:33px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white;font:800 23px Manrope,system-ui;letter-spacing:-.8px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:4px;transform:rotate(-12deg)}.brand-mark i{display:block;height:9px;background:#76d3b7;border-radius:2px}.brand-mark i:nth-child(2){opacity:.55}.brand small{font:500 10px 'DM Sans';color:#a4bcc2;display:block;letter-spacing:2px;margin-top:4px}.workspace{border:1px solid #36515b;border-radius:9px;padding:13px 12px;margin:32px 0;display:flex;align-items:center;gap:11px}.workspace strong{display:block;font-size:12px;color:white}.workspace span{font-size:11px;color:#8faab3}.avatar{background:#24454e;color:#bde2d7;border-radius:8px;display:grid;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700}.nav-label{font-size:10px;letter-spacing:1.7px;color:#6d949f;margin:5px 11px 14px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:6px;border-radius:7px;font-size:13px}.nav a:hover{background:#203e49}.nav a.active{background:#275448;color:#d2f7e4}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;padding-top:34px}.network-note{background:#203b45;border:1px solid #324c55;border-radius:9px;padding:15px;font-size:11px;line-height:1.6}.network-note strong{font-size:12px;color:#dce8e8;display:block;margin-bottom:6px}.dot{display:inline-block;width:6px;height:6px;background:#36a782;border-radius:50%;margin-right:5px}.user{display:flex;align-items:center;gap:10px;margin-top:23px}.user strong{color:#e0ebee;font-size:12px;display:block}.user small{font-size:10px}.logout{margin-left:auto;border:0;background:transparent;color:#a7bdc4;padding:5px}.main{margin-left:236px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;padding:0 40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.topbar strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.environment{padding:6px 9px;border:1px solid #d8e4e1;border-radius:5px;color:#48766c;font:600 10px 'DM Sans';letter-spacing:1px}.content{max-width:1530px;margin:auto;padding:34px 40px 48px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:var(--teal);font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}h1{font:800 29px Manrope,system-ui;letter-spacing:-1px;margin:7px 0 8px}h2{font:700 15px Manrope,system-ui;margin:0}h3{font:700 13px Manrope;margin:0 0 13px}p{line-height:1.7;margin:0}.sub{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;background:var(--teal);border:1px solid var(--teal);color:white;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{background:#10665d}.btn.secondary{background:white;border-color:#d5dfdf;color:#34515a}.btn.small{padding:7px 10px;font-size:11px}.btn.danger{color:#a54d43;background:#fff;border-color:#e7c4c0}.buttons{display:flex;gap:9px;align-items:center}.banner{border:1px solid #d5e9df;border-radius:8px;background:#edf7f1;padding:15px 18px;display:flex;gap:13px;align-items:center;margin-bottom:25px}.banner .icon{color:#217966;flex-shrink:0}.banner strong{font-size:12px}.banner p{font-size:11px;color:#577366;margin-top:3px}.banner .tag{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-icon{padding:9px;border-radius:7px;background:#f0f5f3;color:var(--teal);height:34px}.stat .number{font:800 30px Manrope;letter-spacing:-1px;margin:15px 0 8px}.stat .foot{color:var(--muted);font-size:10px}.panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:23px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #edf1f1;gap:15px}.panel-header .sub{font-size:11px;margin-top:5px}.panel-body{padding:23px}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.two{display:grid;grid-template-columns:1fr 1fr;gap:23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;color:#7a8b91;text-transform:uppercase;letter-spacing:1px;font-weight:600;background:#fafcfc;padding:14px 23px;border-bottom:1px solid var(--line)}td{padding:16px 23px;border-bottom:1px solid #edf1f1;font-size:11px}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfdfc}td strong{font-size:12px;font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#6f8189}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;background:#edf1f4;border:1px solid #e2e7ea;border-radius:4px;color:#637880;white-space:nowrap}.tag.ACTIVE,.tag.delivered,.tag.accepted{color:#257658;background:#edf8f1;border-color:#d7ebdf}.tag.TEST,.tag.pending,.tag.retrying,.tag.held{color:#92752c;background:#fbf5e5;border-color:#f0e6c6}.tag.SUSPEND,.tag.failed{color:#a4574b;background:#fbefec;border-color:#f1dcd6}.link{color:var(--teal);font-size:11px;font-weight:600}.link:hover{text-decoration:underline}.chart{height:185px;display:flex;gap:16px;align-items:flex-end;padding:18px 0 25px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#eef3f2 40px,#eef3f2 41px)}.chart-col{flex:1;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:100%;position:relative}.chart-bar{width:45%;min-width:17px;max-width:44px;border-radius:5px 5px 0 0;background:#86baaa;position:relative}.chart-col:last-child .chart-bar{background:#237e6b}.chart-day{position:absolute;bottom:-20px;font-size:10px;color:var(--muted)}.chart-count{margin-bottom:7px;font-size:10px;color:#548274}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted)}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.peer-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f1}.peer-row:last-child{border:0}.peer-row .tag{margin-left:auto}.peer-name{font-size:12px;font-weight:600}.peer-meta{font-size:10px;color:var(--muted);margin-top:4px}.timeline{padding:18px 23px}.event{display:flex;gap:12px;padding:12px 0}.event-mark{width:8px;height:8px;border:2px solid #65a58b;border-radius:50%;margin-top:5px;flex-shrink:0}.event strong{font-weight:500;font-size:11px}.event small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.event time{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap;padding-top:3px}.empty{text-align:center;padding:35px 20px;color:var(--muted);font-size:12px}.empty .icon{width:27px;height:27px;margin-bottom:10px;color:#95aaa7}.empty strong{display:block;color:#617c7d;font-weight:500;margin-bottom:7px}.notice{border-radius:7px;padding:15px 19px;margin-bottom:20px;background:#edf7f1;border:1px solid #cce5d5;font-size:12px}.notice.error{background:#fff2ed;border-color:#ecd1c5;color:#985749}.notice ul{margin:6px 0;padding-left:18px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters input{min-width:220px}.filters input,.filters select{width:auto}.field{margin-bottom:17px}label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}input,select,textarea{display:block;width:100%;border:1px solid #d7e1e1;border-radius:6px;padding:11px 12px;background:#fff;color:var(--ink);font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #add6c8;border-color:var(--teal)}textarea{min-height:120px;resize:vertical}textarea.code{font:12px ui-monospace,monospace;line-height:1.65;min-height:220px;background:#fbfcfc}.help{color:var(--muted);font-size:10px;margin-top:7px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px;font-weight:400;margin:0}.check input{width:15px;height:15px;accent-color:var(--teal)}pre{font:11px ui-monospace,monospace;line-height:1.75;background:#f5f8f7;color:#355c59;padding:19px;border-radius:6px;overflow-x:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-row{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.detail-row span{min-width:125px;color:var(--muted)}.pagination{padding:16px 23px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pagination a{color:var(--teal);margin-left:12px}.footer{font-size:10px;color:#96a3a7;display:flex;justify-content:space-between;margin-top:14px}.credentials{background:#fff8e9;border-color:#eddeb8}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--navy);color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art h1{font-size:49px;line-height:1.2;max-width:500px;margin-top:38px;letter-spacing:-2px}.login-art p{color:#b3cbd0;max-width:390px;margin-top:25px;font-size:14px}.login-art .eyebrow{color:#8fdcbd}.network-visual{display:flex;align-items:center;gap:18px;margin-top:45px}.network-node{border:1px solid #43645e;padding:22px;border-radius:12px;background:#23443f}.network-line{width:50px;border-top:1px dashed #6db19b}.login-form{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:370px}.login-card h1{font-size:28px;margin:12px 0}.login-card form{margin-top:30px}.login-card .btn{width:100%;padding:13px}.login-card .help{margin-top:20px}.mobile-brand{display:none}details summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;padding:18px 23px;color:var(--teal)}details[open] summary{border-bottom:1px solid var(--line)}@media(min-width:1600px){.content{padding-top:42px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 16px}.main{margin-left:205px}.content{padding:28px 24px}.topbar{padding:0 24px}.split{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.two{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px}.sidebar .workspace,.sidebar-bottom,.nav-label{display:none}.sidebar .brand{font-size:20px}.sidebar .brand small{display:none}.nav{display:flex;gap:3px;overflow:auto;margin-top:17px}.nav a{padding:9px;font-size:11px;white-space:nowrap;margin:0}.nav .icon{display:none}.app{display:block}.main{margin:0}.topbar{height:56px;padding:0 20px}.topbar .top-actions>a{display:none}.content{padding:24px 18px}.page-heading{align-items:flex-start}h1{font-size:25px}.page-heading>.buttons{flex-direction:column;align-items:flex-end}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.banner{align-items:flex-start}.banner>.tag{display:none}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh}.footer{gap:15px}.panel-header{padding:18px}.panel-body{padding:18px}th,td{padding:13px 16px}}

.page-heading>div:first-child{min-width:0}h1{overflow-wrap:anywhere}