@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
:root{--bg:#f7f8fa;--paper:#fff;--ink:#242f2c;--muted:#87918c;--green:#35785f;--green-soft:#ecf4ef;--line:#edf0ed;--sidebar:242px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Noto Sans SC,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #8cbd9d}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin:9px 0 10px;font-size:30px;font-weight:600;line-height:1.45}h2{margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.5}p{line-height:1.8}small{font-size:12px}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dde4df;border-radius:8px;padding:11px 13px}label{flex-direction:column;gap:9px;font-size:13px;font-weight:500;display:flex}input::placeholder,textarea::placeholder{color:#a2aaa6}.muted{color:var(--muted)}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;padding:34px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:2px;align-items:center;gap:12px;padding:0 12px;font-size:23px;font-weight:600;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 4px 12px #35785f18}.brand-sub{letter-spacing:3px;color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.nav-caption{color:#9da7a1;letter-spacing:2px;margin:48px 14px 14px;font-size:11px}.nav-item{color:#6c7871;border-radius:8px;align-items:center;gap:13px;margin-bottom:7px;padding:13px 14px;font-size:13px;display:flex}.nav-item:hover{background:#f7faf8}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:600}.active-dot{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-note{color:#53654f;background:#f5f7f0;border-radius:10px;margin-top:auto;padding:20px 16px}.small-label{color:#89947e;font-size:10px}.sidebar-note p{margin:10px 0 18px;font-size:15px;font-weight:500}.sidebar-note a{justify-content:space-between;align-items:center;font-size:12px;display:flex}.sidebar-account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding:22px 6px 0;display:flex}.avatar{color:#918162;background:#f0eee5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:inline-flex}.sidebar-account>div{min-width:0}.sidebar-account strong{font-size:12px;display:block}.sidebar-account div span{color:var(--muted);text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.main-shell{margin-left:var(--sidebar);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#ffffffbf;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 40px;display:flex}.breadcrumbs{color:#9ba59f;align-items:center;gap:16px;font-size:12px;display:flex}.breadcrumbs strong{color:#65716a;font-weight:400}.top-actions{align-items:center;gap:27px;display:flex}.environment{color:#7a887f;align-items:center;gap:7px;font-size:11px;display:flex}.environment i,.context-line i{background:#629879;border-radius:100%;width:5px;height:5px;display:inline-block}.quiet-button{color:#7e8982;background:0 0;border:0;padding:7px 0;font-size:12px}.page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:38px 40px 42px}.page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:2px;color:#98a29c;font-size:10px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.secondary-button,.primary-button,.danger-button{white-space:nowrap;color:#5d6d62;background:#fff;border:1px solid #e0e6e2;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:9px 14px;font-size:12px;display:inline-flex}.secondary-button:hover{background:#f5f8f6}.primary-button{background:var(--green);border-color:var(--green);color:#fff}.primary-button:hover{background:#2b654f}.danger-button{color:#b05f4c;background:#fff3f0;border-color:#f3d6cf}.context-line{color:#96a19a;justify-content:space-between;align-items:center;margin:29px 0 16px;font-size:10px;display:flex}.context-line>span:first-child{align-items:center;gap:7px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border:1px solid #e8ede9;border-radius:10px;min-width:0;padding:23px 22px}.stat-top{color:#808d83;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.stat-top svg{color:#a8b5ac}.stat-card>strong{letter-spacing:-1px;margin:14px 0 9px;font-size:32px;font-weight:500;line-height:1.4;display:block}.stat-card>small{color:#9aa49d;font-size:10px}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:23px;display:grid}.panel{background:#fff;border:1px solid #e7ece8;border-radius:10px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:12px;padding:23px 25px 0;display:flex}.panel-title p{color:#96a098;margin:0;font-size:11px}.panel-title>a{color:#6e8273;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.panel-title>svg{color:var(--green)}.delivery-panel{padding-bottom:24px}.delivery-summary{justify-content:space-between;align-items:center;padding:26px 29px 27px;display:flex}.delivery-summary strong{letter-spacing:-2px;margin-bottom:7px;font-size:46px;font-weight:500;display:block}.delivery-summary span:not(.delivery-icon){color:#738277;font-size:12px;display:block}.delivery-summary small{color:#a7afa9;margin-top:6px;font-size:10px;display:block}.delivery-icon{color:#81a38a;background:#f2f6f0;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-right:22px;display:flex}.bar-track{background:#f1f4f1;border-radius:10px;height:9px;margin:0 28px 27px;display:flex;overflow:hidden}.bar-track .sent,.state-grid i.sent{background:#639279}.bar-track .pending,.state-grid i.pending{background:#d8c794}.bar-track .processing,.state-grid i.processing{background:#9cbdcf}.bar-track .dead,.state-grid i.dead{background:#cf9183}.bar-track .cancelled,.state-grid i.cancelled{background:#cfd6d0}.state-grid{grid-template-columns:repeat(3,1fr);gap:22px 15px;padding:0 28px;display:grid}.state-grid>div>span{color:#89968c;align-items:center;gap:6px;font-size:10px;display:flex}.state-grid i{border-radius:2px;width:6px;height:6px;display:inline-block}.state-grid strong{margin:8px 0 0 12px;font-size:20px;font-weight:500;display:block}.info-note{color:#8a958b;background:#f7f9f4;border:1px solid #edf1e7;border-radius:7px;padding:14px 17px;font-size:11px;line-height:1.8}.delivery-panel .info-note{margin:25px 25px 0}.info-note p{margin:7px 0 0}.attention-card{background:#eef2e7;border-radius:10px;flex-direction:column;align-items:flex-start;padding:29px 28px;display:flex;position:relative;overflow:hidden}.attention-symbol{color:#819975;margin-bottom:22px}.attention-card .eyebrow{color:#929d86;font-size:9px}.attention-card h2{color:#435b41;margin:11px 0 12px;font-size:24px;font-weight:500;line-height:1.7}.attention-card p{color:#85917c;max-width:260px;margin-bottom:23px;font-size:11px;line-height:1.9}.attention-card .primary-button{background:#627d50;border-color:#627d50}.attention-count{border-top:1px solid #dce3d2;align-items:baseline;gap:11px;width:100%;margin-top:26px;padding-top:16px;display:flex}.attention-count strong{color:#6d7f5c;font-size:24px;font-weight:500}.attention-count span{color:#98a18c;font-size:10px}.quick-links{grid-template-columns:1fr 1fr;gap:23px;margin-top:23px;display:grid}.quick-links a{color:#7f9986;background:#fff;border:1px solid #e7ece8;border-radius:9px;align-items:center;gap:17px;padding:22px 24px;display:flex}.quick-links a>svg:last-child{color:#a5afa8;margin-left:auto}.quick-links strong{color:#5e7062;font-size:12px;font-weight:500;display:block}.quick-links span{color:#a3ada5;margin-top:5px;font-size:10px;display:block}footer{color:#a4ada7;border-top:1px solid #e8ede8;justify-content:space-between;gap:20px;margin:0 40px;padding:24px 0;font-size:10px;display:flex}.table-panel .panel-title{padding-bottom:22px}.count-pill{color:#82937e;background:#f1f5ef;border-radius:5px;margin-left:7px;padding:3px 7px;font-size:11px;font-weight:400}.filters{border-top:1px solid var(--line);align-items:center;gap:10px;padding:18px 25px;display:flex}.search-field{color:#a0aba3;background:#fff;border:1px solid #e3e9e4;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:320px;padding:0 11px;display:flex}.search-field input{background:0 0;border:0;width:100%;min-width:0;padding:10px 0;font-size:12px}.filters select{min-width:115px;padding:10px 11px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#98a39a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf9;padding:13px 22px;font-size:10px;font-weight:400}td{color:#7a887f;border-bottom:1px solid #f1f3ef;padding:21px 22px}td strong{color:#4d6053;font-size:12px;font-weight:500}tbody tr:hover{background:#fcfdfb}.user-cell{align-items:center;gap:11px;display:flex}.user-cell small{color:#a4aca6;margin-top:6px;font-size:10px;display:block}.text-button{color:#4f8466;background:0 0;border:0;padding:0;font-size:11px}.badge{color:#919b92;white-space:nowrap;background:#f2f4f1;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-flex}.badge.sent,.badge.success{color:#658d70;background:#edf5ef}.badge.pending{color:#b19860;background:#f8f3e8}.badge.processing{color:#7693a6;background:#edf3f7}.badge.dead,.badge.failed{color:#b77c66;background:#faf0ec}.mono{letter-spacing:.1px;font-family:Consolas,monospace;font-size:11px}.cell-note{color:#abb1ac;margin-top:6px;font-size:9px;display:block}.pagination{color:#97a299;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:14px;display:flex}.icon-button{color:#8c9b90;background:0 0;border:1px solid #e6ebe6;border-radius:6px;width:30px;height:30px}.empty-state{text-align:center;color:#a0afa4;padding:56px 24px}.empty-state h3{color:#798d7e;margin:16px 0 6px;font-size:13px;font-weight:500}.empty-state p{font-size:11px}.loading-panel,.empty-panel{border:1px solid var(--line);color:#8ca393;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:15px;padding:90px 20px;font-size:13px;display:flex}.empty-panel p{margin:0 0 10px}.error-banner,.form-error{color:#b16a57;background:#fff0ea;border-radius:7px;padding:11px 14px;font-size:12px;line-height:1.7}.error-banner{margin:20px 40px 0}.reason-preview{text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.system-grid{grid-template-columns:1fr 1fr;gap:18px;padding:25px;display:grid}.system-item{color:#7c9c83;border:1px solid #e8eee7;border-radius:8px;align-items:center;gap:14px;padding:23px 20px;display:flex}.system-item strong{color:#5c7262;font-size:12px;font-weight:500;display:block}.system-item div>span{color:#a0ada2;margin-top:7px;font-size:10px;display:block}.system-item>.badge{margin-left:auto}.system-stats{grid-template-columns:1fr 1fr;margin-top:23px}.system-stats .stat-card>strong{font-size:27px}.detail-drawer{background:#fff;border:0;border-left:1px solid #e1e9e2;width:min(520px,100%);max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-20px 0 80px #223d2e15}.detail-drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c322838}.drawer-inner{padding:30px}.drawer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.drawer-heading h2{margin-top:9px;font-size:20px}.detail-list{margin:12px 0 25px}.detail-list>div{border-bottom:1px solid #f2f5ef;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:14px 0;font-size:12px;display:grid}.detail-list dt{color:#97a198}.detail-list dd{overflow-wrap:anywhere;color:#5e7163;margin:0;line-height:1.6}.user-actions{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.user-actions>button{width:100%}.user-actions p{font-size:12px}.user-actions textarea{resize:vertical}.checkbox-label{flex-direction:row;align-items:flex-start;margin:20px 0;font-size:11px;line-height:1.8}.button-row{gap:12px;display:flex}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{color:#49664a;background:#edf2e9;flex-direction:column;min-height:100vh;padding:45px 55px;display:flex}.login-art>.brand{padding:0}.login-art>div{margin:auto 0;padding-top:60px}.login-art h1{margin:20px 0;font-size:46px;font-weight:500;line-height:1.6}.login-art p{color:#86977e;font-size:13px;line-height:2}.login-art>small{color:#9ba992;letter-spacing:1px;font-size:10px}.art-orbit{color:#8da184;border:1px solid #d1decb;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:40px 0;display:flex;position:relative}.art-orbit:before{content:"";border:1px dashed #d3dfcc;border-radius:50%;position:absolute;inset:24px}.art-orbit span{background:#c1cfae;border-radius:50%;width:18px;height:18px;position:absolute;top:20px;right:25px}.art-orbit i{background:#9eb28e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:20px;left:30px}.login-form-wrap{justify-content:center;align-items:center;padding:40px;display:flex}.login-form{width:100%;max-width:350px}.login-icon{color:var(--green);background:#eff5ef;border-radius:14px;margin-bottom:20px;padding:15px;display:inline-flex}.login-form h2{margin-bottom:12px;font-size:29px;font-weight:500}.login-form>.muted{margin-bottom:34px;font-size:12px}.login-form form{flex-direction:column;gap:21px;display:flex}.login-form input{padding:13px 14px}.forgot-link{color:#789078;align-self:flex-end;margin-top:-6px;font-size:11px}.login-form form .primary-button{min-height:45px}.login-footnote{color:#a3afa4;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:7px;margin-top:32px;padding-top:23px;font-size:10px;display:flex}.standalone{max-width:520px;margin:15vh auto;padding:35px}.standalone h1{font-size:26px}.standalone p{color:var(--muted)}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close,.nav-scrim{display:none}@media (min-width:1600px){.page-content{padding-top:45px}.stat-card{padding:27px}.overview-grid{grid-template-columns:2fr 1fr}.delivery-panel .panel-title{padding-top:28px}.state-grid{grid-template-columns:repeat(5,1fr)}.delivery-summary{padding-top:30px;padding-bottom:35px}.delivery-panel .info-note{margin-top:35px}}@media (max-width:1180px){:root{--sidebar:215px}.page-content{padding:30px 26px}.topbar{padding:0 26px}.stat-card{padding:20px 17px}.stats-grid{gap:12px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}.attention-card{padding:24px 22px}.attention-card h2{font-size:22px}footer{margin:0 26px}.system-grid{grid-template-columns:1fr}.login-art{padding:40px}.login-art h1{font-size:38px}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.attention-card{display:none}.top-actions{gap:15px}.quick-links{gap:13px}.quick-links a{padding:18px 15px}.system-stats{grid-template-columns:1fr}.login-art{padding:34px}.login-form-wrap{padding:30px}}@media (max-width:700px){:root{--sidebar:242px}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0}.topbar{height:65px;padding:0 19px}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{position:absolute;top:22px;right:15px}.mobile-menu{border:0}.nav-scrim{z-index:25;background:#1d332a40;border:0;display:block;position:fixed;inset:0}.breadcrumbs{gap:9px;font-size:10px}.breadcrumbs>span{display:none}.environment,.quiet-button{font-size:10px}.top-actions{gap:14px}.page-content{padding:27px 18px}h1{font-size:26px}.eyebrow{font-size:9px}.page-heading{align-items:flex-start;gap:10px}.page-heading p{max-width:230px;font-size:11px}.page-heading>.secondary-button{gap:5px;margin-top:10px;padding:8px 10px;font-size:10px}.context-line{align-items:flex-start;gap:15px;margin-top:23px;font-size:9px;line-height:1.7}.context-line>span:last-child{text-align:right;max-width:205px}.stats-grid{gap:11px;margin-bottom:18px}.stat-card{padding:18px 15px}.stat-top{font-size:10px}.stat-top svg{width:15px}.stat-card>strong{margin:12px 0 8px;font-size:28px}.stat-card>small{font-size:9px;line-height:1.7;display:block}.panel-title{padding:21px 18px 0}.panel-title h2{font-size:14px}.panel-title p{font-size:10px}.delivery-summary{padding:23px}.delivery-summary strong{font-size:40px}.delivery-icon{width:74px;height:74px;margin-right:0}.state-grid{gap:19px 12px;padding:0 23px}.state-grid>div>span{font-size:9px}.delivery-panel .info-note{margin:23px 18px 0;font-size:10px}.quick-links{grid-template-columns:1fr;gap:10px;margin-top:17px}.quick-links a{padding:18px}.filters{flex-wrap:wrap;gap:8px;padding:15px}.search-field{flex:1;min-width:170px;max-width:none}.filters select{flex:1}.filters .secondary-button{min-height:37px}.pagination{gap:10px;padding:17px 15px;font-size:9px}.pagination>div{gap:7px}.system-grid{padding:18px}.system-item{gap:10px;padding:20px 15px}.system-stats{grid-template-columns:1fr}.drawer-inner{padding:24px}.detail-list>div{grid-template-columns:100px minmax(0,1fr)}footer{flex-direction:column;gap:5px;margin:0 18px;padding:19px 0;font-size:9px;line-height:1.8}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:35px 25px}.login-form{max-width:370px}.login-form h2{font-size:28px}.info-note{font-size:10px}.error-banner{margin:15px 18px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:700px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}