:root{--ink:#17221d;--muted:#718078;--line:#e5ebe7;--paper:#f6f8f6;--green:#c0393b;--green-dark:#8f2428;--dark:#2b1416;--soft:#fdebed;--shadow:0 9px 28px rgba(35,65,48,.06)}body[data-theme="orange"]{--green:#e6792f;--green-dark:#b95316;--soft:#fff0e3}body[data-theme="blue"]{--green:#2c78ba;--green-dark:#205a8d;--soft:#e8f2fb}body[data-theme="violet"]{--green:#7657c7;--green-dark:#59409f;--soft:#f0ebfc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px "DM Sans","Noto Sans SC",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:var(--dark);color:#d9e5de;display:flex;flex-direction:column;padding:25px 16px 18px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 27px}.brand-mark{width:43px;height:43px;border-radius:11px;background:#c9e97a;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand-mark img{width:62px;height:62px;object-fit:contain;transform:translateY(2px)}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand strong{color:#fff}.brand small,.profile small{font-size:13px;color:#8ba297;margin-top:3px}.theme-picker{display:flex;align-items:center;gap:7px;padding:0 12px 20px;color:#8fa69a;font-size:11px}.theme-picker span{margin-right:auto}.swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;padding:0}.swatch.active{border-color:#fff;box-shadow:0 0 0 1px #8fa69a}.theme-red{background:#c0393b}.theme-orange{background:#e6792f}.theme-blue{background:#2c78ba}.theme-violet{background:#7657c7}.workspace{display:flex;align-items:center;gap:8px;padding:12px 12px;border:1px solid #ffffff1a;border-radius:7px;color:#bfd0c5;font-size:14px;margin:0 2px 24px}.workspace i,.online i{width:7px;height:7px;background:#9fd475;border-radius:50%;display:inline-block}.workspace span{margin-left:auto;color:#82988c}nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:7px;color:#9cb0a5;text-align:left;font-size:15px}.nav:hover,.nav.active{background:#214835;color:#fff}.nav.active{box-shadow:inset 3px 0 #c9e97a}.nav .count{margin-left:auto;font-size:11px;background:#d9f0dd;color:#286c48;padding:2px 6px;border-radius:10px}.side-foot{margin-top:auto}.profile{display:flex;align-items:center;gap:9px;padding:15px 9px;border-top:1px solid #ffffff17}.profile em,.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}.profile em{background:#36584a;color:#d9f0de}.profile button{margin-left:auto;background:none;border:0;color:#7f978a;font-size:18px}.online{display:flex;align-items:center;gap:7px;color:#718b7c;font-size:11px;padding:12px 9px 0}.online i{width:6px;height:6px;background:#81cd8b}.online span{margin-left:auto;color:#5f7468}main{flex:1;min-width:0}.topbar{height:71px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{color:#89948e;font-size:13px}.crumb span{padding:0 9px}.crumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:17px}.search{height:36px;width:285px;background:#f5f7f5;border:1px solid #e7ece8;border-radius:6px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#91a098}.search input{background:transparent;border:0;outline:0;width:100%;font-size:14px}.search kbd{font-size:10px;border:1px solid #d9e1db;background:#fff;border-radius:4px;padding:3px 5px;color:#9aa8a0}.bell{font-size:18px;background:none;border:0;color:#728077;position:relative}.bell i{position:absolute;top:0;right:-1px;width:5px;height:5px;background:#e16c59;border-radius:50%}.avatar{background:#d7efdb;color:#28744b}.wrap{max-width:1530px;margin:auto;padding:34px 38px 44px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.welcome small{color:var(--green);font-weight:700;font-size:10px;letter-spacing:1.2px}.welcome h1{margin:8px 0 0;font-size:27px}.welcome p{color:var(--muted);margin:8px 0 0;font-size:15px}.welcome>div:last-child{display:flex;gap:9px}.welcome button{padding:11px 15px;border-radius:6px;font-size:14px;font-weight:600}.outline{border:1px solid var(--line);background:#fff}.primary{background:var(--green);color:#fff;border:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 19px 16px;box-shadow:var(--shadow)}.metrics article:first-child{border-top:3px solid var(--green);padding-top:16px}.metrics label{display:flex;justify-content:space-between;color:#78867e;font-size:14px}.metrics label span{color:#aac0b2;font-size:16px}.metrics strong{display:block;font-size:27px;margin:13px 0 12px}.metrics p{font-size:13px;color:#929e97;margin:0}.metrics p b{color:#269461;margin-right:8px}.metrics p .amber{color:#d18a2d}.metrics p .gray{color:#73877c}.grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(310px,.72fr);gap:20px}.main-col,.side-col{display:grid;align-content:start;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 14px}.panel h2{font-size:17px;margin:0}.panel p{font-size:13px;color:#89968e;margin:5px 0 0}.tabs{display:flex;background:#f4f7f4;border-radius:5px;padding:3px}.tabs button{border:0;background:none;padding:6px 9px;font-size:10px;color:#88968e;border-radius:4px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000012}.chart{display:flex;padding:3px 21px 0 15px;height:230px}.axis{width:42px;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0 25px;color:#a0aaa4;font-size:9px;text-align:right}.plot{position:relative;flex:1;height:100%}.lines{position:absolute;inset:10px 0 28px;display:flex;flex-direction:column;justify-content:space-between}.lines i{border-top:1px dashed #e8eeea}.plot svg{position:absolute;inset:9px 0 28px;width:100%;height:calc(100% - 37px)}.months{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9ba8a0;font-size:10px}.legend{display:flex;align-items:center;gap:18px;border-top:1px solid #eff3ef;margin:0 21px;padding:13px 0 17px;color:#8b9890;font-size:11px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.legend .green{background:var(--green)}.legend .light{background:#c9d2cc}.legend b{margin-left:auto;color:var(--ink);font-size:13px}.link{border:0;background:none;color:#1f704a;font-size:11px;font-weight:600}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 21px 12px}.filters{display:flex;gap:18px}.filters button{border:0;background:none;color:#8b9890;font-size:11px;padding-bottom:8px;border-bottom:2px solid transparent}.filters button.active{color:#1f704a;border-color:var(--green)}.filters b{font-size:10px;background:#eef5ef;padding:2px 5px;border-radius:5px;margin-left:3px}.filter{font-size:11px;color:#809087;border:1px solid var(--line);background:#fff;padding:5px 8px;border-radius:4px}.table{border-top:1px solid var(--line)}.thead,.row{display:grid;grid-template-columns:1.55fr 1.2fr 1fr .75fr 20px;gap:10px;align-items:center;padding:11px 21px}.thead{font-size:12px;color:#a0aba5;background:#fbfcfb}.row{border-top:1px solid #f0f3f0;font-size:13px;min-height:61px}.merchant{display:flex;align-items:center;gap:9px}.merchant-icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700}.food{background:#f8ead8;color:#b97735}.design{background:#e4eef5;color:#4c7f9e}.repair{background:#e8eade;color:#7b844c}.merchant strong,.merchant small{display:block}.merchant small{color:#9aa69f;font-size:12px;margin-top:3px}.direction{color:#596a61;font-size:13px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:5px 8px;width:max-content;font-size:12px}.status.hot{background:#fff1e5;color:#c47726}.status.progress{background:#e9f3fb;color:#477b9f}.status.wait{background:#f0f2f0;color:#7f8c84}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.owner{display:flex;align-items:center;gap:5px;color:#738279;font-size:13px}.owner .avatar{width:21px;height:21px;font-size:9px}.row-more{border:0;background:none;color:#9ba8a1;font-size:16px}.todo #todos,.activity #activities{padding:0 21px 12px}.todo-item,.activity-item{display:flex;gap:10px;border-top:1px solid #eef2ef;padding:12px 0}.check{width:16px;height:16px;border:1px solid #bac8be;border-radius:4px;flex:0 0 auto;margin-top:1px;background:#fff}.todo-item.done .check{background:var(--green);border-color:var(--green)}.todo-item.done strong{text-decoration:line-through;color:#99a59e}.todo-copy{font-size:13px}.todo-copy strong{display:block;line-height:1.4}.todo-copy small{display:block;color:#9ba69f;margin-top:4px}.todo-time{margin-left:auto;color:#d28b39;font-size:10px}.add{width:calc(100% - 42px);margin:4px 21px 18px;border:1px dashed #cfdad1;background:#fff;border-radius:5px;color:#1f704a;padding:9px;font-size:11px}.activity-avatar{width:25px;height:25px;border-radius:50%;background:#edf5e9;color:#5c894d;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.activity-copy{font-size:12px;color:#829087;line-height:1.45}.activity-copy strong{color:var(--ink)}.activity-copy em{display:block;font-style:normal;color:#abb4ae;font-size:9px;margin-top:3px}.more{border:0;background:none;color:#728077;font-size:18px}.network{padding:18px 21px 20px}.network-head{display:flex;justify-content:space-between}.network-head>strong{font-size:23px;color:var(--green);text-align:right}.network-head small{display:block;color:#9aa79f;font-size:9px;font-weight:500}.network-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.network-stats div{border-left:2px solid #d8ebda;padding-left:8px}.network-stats b,.network-stats small{display:block}.network-stats small{color:#9aa59e;font-size:9px;margin-top:4px}.network label{display:flex;justify-content:space-between;color:#87948c;font-size:12px}.network label b{color:#1f704a}.progress{height:6px;background:#e9f0ea;border-radius:20px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;width:78%;background:#76bf84;border-radius:20px}.toast{position:fixed;right:25px;bottom:25px;background:#173629;color:#fff;padding:11px 15px;border-radius:6px;font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.sidebar{width:210px}.wrap{padding:28px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.side-col{grid-template-columns:repeat(2,1fr)}.network{grid-column:span 2}}@media(max-width:720px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 5px 25px}.brand div:last-child,.workspace span,.theme-picker,.side-foot,.nav span:not(:first-child){display:none}.brand>b{margin:auto}.workspace{justify-content:center;padding:12px 0}.nav{justify-content:center;padding:12px 0}.topbar{padding:0 17px}.search{width:36px;padding:0 9px}.search input,.search kbd{display:none}.wrap{padding:25px 15px}.welcome{align-items:flex-start;gap:18px;flex-direction:column}.welcome h1{font-size:24px}.metrics{gap:10px}.metrics article{padding:14px}.metrics strong{font-size:22px}.side-col{grid-template-columns:1fr}.network{grid-column:auto}.panel-head{padding:17px 15px 12px}.toolbar{padding:0 15px 10px;overflow:auto}.table{overflow-x:auto}.thead,.row{min-width:620px;padding-left:15px;padding-right:15px}.legend{margin:0 15px}.tabs button{padding:5px 6px}}
/* Refined desktop treatment and larger reading scale */
body{font-size:16px;letter-spacing:0}.sidebar{width:268px;padding:26px 18px 20px;box-shadow:10px 0 28px rgba(18,44,30,.08)}.brand{gap:14px;align-items:flex-start;padding:0 10px 34px}.brand-mark{width:68px;height:78px;background:transparent;border-radius:0;overflow:visible;position:relative;flex:0 0 68px}.brand-mark img{width:112px;height:112px;object-fit:contain;transform:translate(-20px,-14px);filter:drop-shadow(0 10px 12px rgba(0,0,0,.16))}.brand strong{font-size:18px;margin-top:5px}.brand small{font-size:14px;margin-top:6px}.theme-picker{padding:0 12px 22px;font-size:13px;gap:9px}.swatch{width:19px;height:19px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.swatch:hover{transform:scale(1.16)}.workspace{font-size:15px;border-radius:9px;padding:13px 12px;margin-bottom:20px}.nav{font-size:16px;padding:14px 13px;border-radius:9px;gap:13px}.nav .count{font-size:12px}.topbar{height:78px;padding:0 40px;box-shadow:0 1px 0 rgba(30,55,40,.02)}.crumb{font-size:15px}.search{height:42px;width:330px;border-radius:10px;padding:0 13px}.search input{font-size:15px}.search kbd{font-size:11px}.wrap{padding:40px 44px 56px;max-width:1620px}.welcome{margin-bottom:30px}.welcome small{font-size:12px}.welcome h1{font-size:34px;letter-spacing:-.6px}.welcome p{font-size:16px;margin-top:10px}.welcome button{padding:13px 17px;border-radius:9px;font-size:15px}.metrics{gap:16px;margin-bottom:24px}.metrics article{border-radius:14px;padding:22px 22px 19px;box-shadow:0 12px 32px rgba(35,65,48,.08)}.metrics article:first-child{padding-top:20px}.metrics label{font-size:15px}.metrics strong{font-size:33px;margin:15px 0 14px}.metrics p{font-size:14px}.grid{gap:24px}.main-col,.side-col{gap:24px}.panel{border-radius:14px;box-shadow:0 12px 32px rgba(35,65,48,.075);border-color:#dfe8e1}.panel-head{padding:24px 25px 17px}.panel h2{font-size:19px}.panel p{font-size:14px;margin-top:7px}.tabs{border-radius:8px}.tabs button{padding:8px 11px;font-size:13px}.chart{height:250px;padding:3px 25px 0 17px}.axis{font-size:11px}.months{font-size:12px}.legend{margin:0 25px;padding:16px 0 19px;font-size:13px}.legend b{font-size:14px}.toolbar{padding:0 25px 14px}.filters{gap:22px}.filters button{font-size:13px}.filters b{font-size:11px}.filter{font-size:13px;padding:7px 10px;border-radius:7px}.thead,.row{padding-left:25px;padding-right:25px}.thead{font-size:13px}.row{font-size:14px;min-height:72px}.merchant-icon{width:36px;height:36px;border-radius:9px;font-size:14px}.merchant{gap:11px}.merchant strong{font-size:14px}.merchant small{font-size:12px}.direction{font-size:14px}.status{font-size:13px;padding:6px 9px}.owner{font-size:14px}.owner .avatar{width:25px;height:25px;font-size:10px}.todo #todos,.activity #activities{padding:0 25px 14px}.todo-item,.activity-item{padding:15px 0}.todo-copy{font-size:14px}.todo-copy small{font-size:12px}.todo-time{font-size:12px}.add{width:calc(100% - 50px);margin:4px 25px 22px;padding:11px;font-size:13px;border-radius:8px}.activity-copy{font-size:13px}.activity-copy em{font-size:11px}.network{padding:22px 25px 24px}.network-head>strong{font-size:28px}.network-stats{margin:23px 0}.network-stats b{font-size:17px}.network-stats small{font-size:11px}.network label{font-size:13px}.progress{height:8px}.primary{background:var(--green);box-shadow:0 8px 16px color-mix(in srgb,var(--green) 24%,transparent)}.link,.filters button.active{color:var(--green-dark)}.nav.active{background:color-mix(in srgb,var(--green) 22%,#214835);box-shadow:inset 3px 0 var(--green)}.metrics article:first-child{border-top-color:var(--green)}.legend .green{background:var(--green)}.network-head>strong,.network label b{color:var(--green)}.progress i{background:var(--green)}
/* Layered color system: each theme changes the whole workspace, not only one accent */
:root{--accent-a:#2c9c67;--accent-b:#77bd65;--accent-c:#e7f4e9;--accent-d:#0f2d20;--panel-tint:#ffffff;--panel-tint-2:#f7fbf7;--hero-tint:#eaf6ed;--focus-ring:#b9e5c0}body[data-theme="orange"]{--green:#e9782d;--green-dark:#b94d13;--accent-a:#e9782d;--accent-b:#f1b04a;--accent-c:#fff0df;--accent-d:#542812;--panel-tint:#fffefa;--panel-tint-2:#fff8ee;--hero-tint:#fff0df;--focus-ring:#ffd2a9;--dark:#3d1d0f}body[data-theme="blue"]{--green:#2c7fc1;--green-dark:#1e5e93;--accent-a:#2c7fc1;--accent-b:#62b9d9;--accent-c:#e7f3fb;--accent-d:#0d2d49;--panel-tint:#fbfdff;--panel-tint-2:#f2f8fc;--hero-tint:#e7f3fb;--focus-ring:#b6ddf4;--dark:#10283d}body[data-theme="violet"]{--green:#7858c9;--green-dark:#563d9d;--accent-a:#7858c9;--accent-b:#cf8ee8;--accent-c:#f2ebfc;--accent-d:#291a49;--panel-tint:#fffefe;--panel-tint-2:#f9f5ff;--hero-tint:#f2ebfc;--focus-ring:#ddc8f5;--dark:#251b3b}
body{background:linear-gradient(135deg,var(--paper) 0%,var(--panel-tint-2) 100%)}.sidebar{background:var(--dark);border-right:1px solid color-mix(in srgb,var(--green) 28%,transparent)}.brand-mark{background:var(--accent-c);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 13%,transparent)}.theme-picker{background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);border-radius:12px;padding:12px 12px 13px;margin:0 2px 18px}.theme-picker span{font-weight:700;color:#dceee3}.swatch{width:22px;height:22px;border:2px solid rgba(255,255,255,.35);box-shadow:0 2px 6px rgba(0,0,0,.18)}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--green),0 3px 8px rgba(0,0,0,.2)}.workspace{background:rgba(255,255,255,.03)}.nav.active{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 35%,#214835),#214835);box-shadow:inset 4px 0 var(--green)}.topbar{border-bottom:2px solid color-mix(in srgb,var(--green) 26%,var(--line));background:color-mix(in srgb,#fff 94%,var(--hero-tint))}.crumb b{color:var(--green-dark)}.search{background:var(--panel-tint-2);border-color:color-mix(in srgb,var(--green) 20%,var(--line))}.welcome{position:relative;padding:25px 28px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:18px;background:var(--hero-tint);overflow:hidden;box-shadow:0 12px 35px color-mix(in srgb,var(--green) 10%,transparent)}.welcome:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--green)}.welcome:after{content:"";position:absolute;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--green) 22%,transparent);border-radius:50%;right:110px;top:-90px}.welcome>div{position:relative;z-index:1}.welcome h1{color:var(--accent-d)}.metrics article{position:relative;overflow:hidden;background:var(--panel-tint);border-color:color-mix(in srgb,var(--green) 15%,var(--line))}.metrics article:after{content:"";position:absolute;right:-24px;bottom:-32px;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--green) 8%,transparent)}.metrics article:nth-child(1){border-top:4px solid var(--accent-a)}.metrics article:nth-child(2){border-top:4px solid var(--accent-b)}.metrics article:nth-child(3){border-top:4px solid #e3a54b}.metrics article:nth-child(4){border-top:4px solid #8c7bd1}.metrics article:nth-child(1) strong{color:var(--accent-a)}.metrics article:nth-child(2) strong{color:var(--accent-d)}.metrics article:nth-child(3) strong{color:#c77b27}.metrics article:nth-child(4) strong{color:#6953ad}.panel{background:var(--panel-tint);border-color:color-mix(in srgb,var(--green) 16%,var(--line))}.main-col>.panel:first-child{border-top:4px solid var(--accent-a)}.leads{border-top:4px solid #e3a54b}.todo{border-top:4px solid #8c7bd1}.activity{border-top:4px solid var(--accent-b)}.network{border-top:4px solid var(--accent-a);background:var(--hero-tint)}.panel-head{background:linear-gradient(180deg,color-mix(in srgb,var(--green) 4%,#fff),transparent)}.panel h2{color:var(--accent-d)}.tabs{background:var(--accent-c)}.tabs button.active{color:var(--green-dark);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 18%,transparent),0 2px 5px rgba(0,0,0,.06)}.plot svg path:last-child{stroke:var(--green)}.plot svg path:first-of-type{fill:color-mix(in srgb,var(--green) 18%,transparent)}.legend .green{background:var(--green)}.filters button.active,.link{color:var(--green-dark)}.filters button.active{border-color:var(--green)}.filter{background:var(--panel-tint-2)}.row:hover{background:var(--hero-tint)}.status.hot{background:color-mix(in srgb,#e3a54b 16%,#fff);color:#a86516}.todo-item:hover,.activity-item:hover{background:var(--hero-tint)}.add{border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--panel-tint-2);color:var(--green-dark)}.network-head>strong,.network label b{color:var(--green)}.network-stats div{border-left-color:var(--accent-b)}.progress{background:color-mix(in srgb,var(--green) 12%,#fff)}.progress i{background:linear-gradient(90deg,var(--accent-a),var(--accent-b))}.primary{background:var(--green)}.primary:hover{background:var(--green-dark)}.toast{background:var(--accent-d);border-left:4px solid var(--green)}
/* Final readability and clean IP presentation */
.brand-mark{background:transparent!important;box-shadow:none!important}.brand-mark img{filter:none!important;mix-blend-mode:normal}.brand strong,.panel h2,.welcome h1,.metrics strong,.network-head>strong{font-weight:800}.brand small,.panel p,.metric-label,.metrics p,.thead,.merchant small,.direction,.owner,.todo-copy,.activity-copy,.network label,.network-stats small{font-weight:600;color:color-mix(in srgb,var(--ink) 72%,var(--muted))}.metric-label,.thead{font-size:15px}.metrics p,.panel p,.merchant small,.network-stats small{font-size:14px}.panel h2{font-size:20px}.row{font-size:15px}.activity-copy,.todo-copy{font-size:15px}.empty-state{padding:28px 20px;color:var(--muted);font-size:15px;font-weight:700;text-align:center;background:var(--panel-tint-2);border-top:1px dashed var(--line)}.welcome{background:var(--panel-tint);border-left:7px solid var(--green)}.welcome:after{opacity:.35}.panel-head{border-bottom:1px solid color-mix(in srgb,var(--green) 10%,var(--line))}.network{box-shadow:0 16px 36px color-mix(in srgb,var(--green) 14%,transparent)}
.plot svg{opacity:0}.plot:after{content:"";position:absolute;left:0;right:0;bottom:28px;border-top:3px solid var(--green);opacity:.75}.empty-state{min-height:86px;display:grid;place-items:center}

body[data-theme="red"],body[data-theme="green"]{--green:#c0393b;--green-dark:#8f2428;--accent-a:#c0393b;--accent-b:#e05b5e;--accent-c:#fdebed;--accent-d:#451719;--panel-tint:#fff;--panel-tint-2:#fff7f7;--hero-tint:#fdebed;--focus-ring:#f3b8bb;--dark:#2b1416}.theme-red{background:#c0393b}.welcome h1,.panel h2{color:var(--accent-d)}
.module-view{max-width:1620px;margin:0 auto;padding:40px 44px 60px}.module-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:18px;background:var(--hero-tint);border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-left:7px solid var(--green);margin-bottom:20px}.module-kicker{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--green-dark);margin-bottom:10px}.module-header h1{margin:0;font-size:34px;font-weight:800;color:var(--accent-d)}.module-header p{margin:8px 0 0;font-size:16px;font-weight:600;color:var(--muted)}.module-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.module-summary div{background:var(--panel-tint);border:1px solid color-mix(in srgb,var(--green) 15%,var(--line));border-radius:14px;padding:20px 22px}.module-summary strong{display:block;font-size:30px;font-weight:800;color:var(--green)}.module-summary span{display:block;margin-top:6px;font-size:14px;font-weight:700;color:var(--muted)}.data-table{background:var(--panel-tint);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px rgba(35,65,48,.075)}.data-head,.data-row{display:grid;grid-template-columns:1.5fr 1.1fr .8fr .8fr 1.2fr;gap:14px;align-items:center;padding:16px 22px}.data-head{background:var(--hero-tint);font-size:13px;font-weight:800;color:var(--accent-d)}.data-row{border-top:1px solid var(--line);font-size:14px;font-weight:650}.data-row:hover{background:var(--hero-tint)}.data-row strong,.data-row small{display:block}.data-row small{margin-top:4px;font-size:12px;color:var(--muted);font-weight:600}.data-status{color:var(--green-dark);font-weight:800}.row-actions{display:flex;gap:8px;justify-content:flex-end}.mini-action{border:1px solid var(--line);background:var(--panel-tint);border-radius:6px;padding:7px 9px;font-size:12px;font-weight:700}.mini-action:hover{border-color:var(--green);color:var(--green-dark)}.module-empty{background:var(--panel-tint);border:1px dashed color-mix(in srgb,var(--green) 35%,var(--line));border-radius:14px;min-height:230px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.module-empty strong{font-size:17px;color:var(--accent-d)}.module-empty span{font-size:13px;font-weight:600}.empty-symbol{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--hero-tint);color:var(--green);font-size:24px;font-weight:800}.modal{position:fixed;inset:0;background:rgba(20,24,22,.48);display:none;place-items:center;padding:20px;z-index:20}.modal.open{display:grid}.modal-card{width:min(520px,100%);background:var(--panel-tint);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.2);overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--hero-tint)}.modal-head h2{margin:0;font-size:20px;color:var(--accent-d)}.modal-head button{font-size:28px;line-height:1;color:var(--muted);background:none;border:0}.modal form{display:grid;gap:14px;padding:22px 24px}.modal label{display:grid;gap:6px;font-size:13px;font-weight:800;color:var(--accent-d)}.modal input,.modal textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel-tint-2);padding:11px 12px;outline:0;font:inherit;color:var(--ink)}.modal textarea{min-height:84px;resize:vertical}.modal input:focus,.modal textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-actions button{padding:11px 16px;border-radius:8px;font-weight:800}.modal-actions .outline{border:1px solid var(--line);background:var(--panel-tint)}
@media(max-width:720px){.module-view{padding:25px 15px 40px}.module-header{align-items:flex-start;flex-direction:column;padding:22px}.module-header h1{font-size:28px}.module-summary{gap:10px}.module-summary div{padding:15px}.module-summary strong{font-size:24px}.data-table{overflow-x:auto}.data-head,.data-row{min-width:780px}.modal-card{border-radius:12px}}
/* 设置页与新建按钮强化 */
.add-icon{font-size:28px;line-height:1;font-weight:900;display:inline-block;margin-right:6px;vertical-align:-2px}
.module-add{min-height:48px;padding:10px 18px;font-size:15px;font-weight:800}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.settings-card{background:var(--panel-tint);border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:14px;padding:24px;box-shadow:0 12px 32px color-mix(in srgb,var(--green) 10%,transparent)}
.settings-card h2{margin:0;font-size:21px;font-weight:800;color:var(--accent-d)}
.settings-card p{font-size:15px;font-weight:600;color:var(--muted);margin:9px 0 19px}
.settings-swatches{display:flex;gap:14px;align-items:center;margin:14px 0 19px}
.settings-swatches .swatch{width:34px;height:34px}
.settings-value{font-size:15px;font-weight:800;color:var(--accent-d)}
.settings-status{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--accent-d);margin:18px 0}
.settings-status i{width:11px;height:11px;border-radius:50%;background:#45a86b;box-shadow:0 0 0 5px color-mix(in srgb,#45a86b 16%,transparent)}
.settings-action{font-size:15px;padding:11px 16px;border-radius:8px;font-weight:800;cursor:pointer}
.settings-action:hover{border-color:var(--green);color:var(--green-dark);background:var(--hero-tint)}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}