:root{--bg:#070609;--panel:#110e16;--panel2:#19121e;--line:#342337;--text:#f5edf0;--muted:#ab8d9f;--accent:#ff2a85;--blue:#e5adcf;--red:#ff879d;--radius:0px;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
*{border-radius:0!important;box-shadow:none!important}
body{background-color:var(--bg);background-image:linear-gradient(#ff2a8508 1px,transparent 1px),linear-gradient(90deg,#ff2a8508 1px,transparent 1px);background-size:24px 24px}
::selection{color:#070609;background:var(--accent)}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#070609}::-webkit-scrollbar-thumb{background:#7b244b}::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:#0b080e;border-right:1px solid #49243d;padding:27px 17px 19px}
.brand{padding-left:5px;font-family:"Arial Black","Segoe UI",sans-serif;font-size:19px;font-weight:900;letter-spacing:-1px;text-transform:uppercase;gap:10px}
.brand-symbol{background:var(--accent);color:#08060a;border:1px solid var(--accent);width:38px;height:38px;padding:0;letter-spacing:0}
.brand-symbol svg{width:25px;height:25px}
.brand small{font-family:Consolas,monospace;color:#c4729b;letter-spacing:1.5px;font-size:8px;margin-top:6px}
.workspace{background:#120d16;border-color:#4a2940;border-left:3px solid var(--accent);padding:12px 10px;margin-top:32px}
.workspace strong{font-size:12px;font-weight:750}.workspace small{color:#9b7c8f}.avatar{background:#2b1222;border:1px solid #7b3058;color:#ff82b8;font-family:Consolas,monospace}
.tiny-dot,.badge i{border-radius:0!important}.nav-caption{font-family:Consolas,monospace;color:#77536b;letter-spacing:2px;font-size:9px}
.nav-item{border:1px solid transparent;color:#ab8d9f;min-height:43px;padding:11px 12px;font-size:12px;font-weight:550;margin:5px 0;gap:12px}
.nav-item>span{display:flex;align-items:center;justify-content:center;width:19px}.nav-item svg{height:17px;width:17px}.nav-item.active{background:var(--accent);color:#09060b;border-color:var(--accent);font-weight:800}.nav-item.active b{background:#0002;color:#1c0812}.nav-item:hover:not(.active){background:#24101e;color:#ffc2df;border-color:#813252}
.nav-item b{background:#382033;color:#e4a3c7;font-family:Consolas,monospace;font-size:9px}
.privacy-note{border-top-color:#49243d;padding:18px 5px 10px}.privacy-note>span{color:var(--accent)}.privacy-note>span svg{width:20px;height:20px}.privacy-note p{color:#927085;font-size:9px}.privacy-note strong{font-size:10px}.sidebar-bottom>small{font-family:Consolas,monospace;color:#72465f;font-size:8px;letter-spacing:1.8px}.quiet:hover{color:#ff8fbe}
main{padding:0 38px;max-width:1800px}header{height:70px;border-bottom:1px solid #5d2848;background:#08070ad9}.breadcrumb{font-family:Consolas,"Microsoft YaHei",monospace;font-size:11px;letter-spacing:.4px}.breadcrumb span{color:var(--accent)}.breadcrumb b{color:#e4b6ce}.header-right{gap:10px}
.badge{background:#0d0910;border-color:#4d2c43;color:#bd8fa8;font-family:Consolas,"Microsoft YaHei",monospace;font-size:9px;letter-spacing:.7px;padding:6px 9px}
.badge.green{background:#391024;border-color:#a6386b;color:#ff8abb}.badge.amber{background:#241918;color:#f1b986;border-color:#73513c}.badge.red{background:#3a1027;color:#ff9ac1;border-color:#a23668}
.icon-button{color:#e78bb6;border-color:#623149;width:31px;height:31px;background:#140b13}.icon-button:hover{background:#ff2a85;color:#000}.icon-button svg{width:16px;height:16px}
.page-heading{padding:32px 0 27px;border-bottom:1px solid #2c1929;margin-bottom:23px;align-items:center}.page-heading .eyebrow{font-family:Consolas,monospace;color:#f45c9e;letter-spacing:3px;font-size:9px}.page-heading h1{font-weight:900;letter-spacing:-1px;line-height:1.3;font-size:32px;margin:12px 0 10px}.page-heading p{color:#a18296;font-size:12px}
body:has(#page-overview:not([hidden])) .page-heading h1{font-family:"Arial Black","Segoe UI",sans-serif;font-size:36px;letter-spacing:-1.4px;line-height:1.2}
.primary{background:var(--accent);border:1px solid var(--accent);color:#08050a;font-size:11px;font-weight:850;padding:12px 16px}.primary:hover{background:#070609;color:var(--accent)}.primary>span{font-size:16px}.secondary{background:#0c080f;border:1px solid #684056;color:#f1c5dd;font-size:11px}.secondary:hover{background:var(--accent);color:#08050a;border-color:var(--accent)}
.stats{gap:13px}.stat{background:#100c14;border-color:#4a2940;border-top:2px solid #8e315e;padding:20px;min-height:136px}.stat>span{font-size:10px;color:#b487a0;font-family:Consolas,"Microsoft YaHei",monospace;letter-spacing:1px}.stat>strong{font-family:Consolas,"Microsoft YaHei",monospace;font-weight:750;font-size:30px;margin-top:16px;letter-spacing:-1px}.stat small{font-size:9px;color:#967287;margin-top:10px}.stat-icon{color:#c34b82;right:17px;top:19px}.stat-icon svg{width:19px;height:19px}
.card{background:#110d16;border-color:#4a2940;padding:25px}.card h2{font-weight:800;letter-spacing:0}.card h3{font-weight:750}.card p{color:#a28397;line-height:1.9}.card>.section-title{margin:-25px -25px 23px;padding:11px 16px;background:#21121e;border-bottom:1px solid #66304f;min-height:44px}.card>.section-title h2{font-family:Consolas,"Microsoft YaHei",monospace;font-size:12px;letter-spacing:.6px}.card>.section-title .muted{font-size:9px}.card>.section-title .badge{padding:4px 7px;font-size:8px}
.overview-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-top:22px}.module-hero{background-color:#110d16;background-image:linear-gradient(135deg,#ff2a8509 25%,transparent 25%);background-size:9px 9px;position:relative;padding-top:0;overflow:hidden}.module-hero::before{content:"MODULE_01 // MIDGARD_MONITOR";display:block;background:var(--accent);color:#10050c;font-family:Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:1.5px;padding:11px 16px;margin:0 -25px 22px;border-bottom:1px solid #ff79b3}.module-hero .card-top{margin-bottom:22px}.module-icon{background:#2a0e20;color:var(--accent);border-color:#bd3971;font-family:Consolas,monospace;font-size:27px;font-weight:900;position:relative}.module-icon::after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-top:2px solid #ff95c3;border-right:2px solid #ff95c3}.module-hero h2{font-size:26px}.module-hero .eyebrow{font-family:Consolas,monospace;font-size:9px;letter-spacing:2px;color:#cf759f}.module-hero p{font-size:12px;color:#c3a2b6}.module-meta{font-family:Consolas,"Microsoft YaHei",monospace;font-size:9px;color:#c785a7}.module-meta span+span{border-color:#72304f}.hero-bottom{border-top:1px solid #6c2c4e}.hero-bottom>span{color:#ad6b8d}.text-button{color:#ff69aa;font-weight:650}.text-button:hover{color:#ffb8d8}
.delivery-card .discord-mark{color:var(--accent);margin-top:4px;font-size:29px}.discord-mark svg{width:30px;height:30px}.delivery-card h3{font-family:Consolas,"Microsoft YaHei",monospace;font-size:21px;color:#ffe5f1}.delivery-card>p{font-size:10px;color:#a47b92}.target-line{font-size:10px;color:#a2768f}.target-line strong{color:#e7c0d6;font-family:Consolas,"Microsoft YaHei",monospace}.delivery-card .full{margin-top:20px}
.section-title h2{font-size:13px;font-weight:750}.section-title h2 small{color:#865f77;font-size:9px}.muted{color:#a57c94;font-size:10px}.metric{background:#0e0b12;border-color:#4a2940;padding:18px}.metric-top{font-family:Consolas,"Microsoft YaHei",monospace;font-size:10px;color:#ad7d98}.metric-top>span:last-child{color:#ff6fae;font-size:8px;letter-spacing:2px}.metric strong{font-family:Consolas,monospace;font-weight:700;color:#ffe4f1;font-size:23px}.track{height:5px;background:#2b1727}.track>span{background:var(--accent)}.metric small{color:#865d74;font-size:9px}.metrics{gap:13px}.compact{padding:25px}
.activity-item{border-color:#3b2033;font-size:11px}.event-dot{background:var(--accent);border-radius:0!important;height:6px;width:6px}.activity-item small,.activity-item time{font-family:Consolas,"Microsoft YaHei",monospace;color:#977089;font-size:9px}.empty{color:#88637c;font-size:11px;line-height:1.9}.module-tile{border-top:2px solid #a83c72;min-height:310px}.future{background:#0d0911;border-style:dashed;border-color:#64344f}.future-symbol{color:var(--accent);font-family:Consolas,monospace;font-size:44px}.future h2{color:#f0b4d3}.future .quiet{color:#e891bc}.module-tile .full{margin-top:22px}
.monitor-layout{grid-template-columns:minmax(0,1fr) 265px}.section-copy{font-size:11px}.form-grid{gap:22px}label{font-size:11px;color:#e5bcd3}.input-unit,input,select,textarea{background:#09070d;color:#ffe4f1;border-color:#59304a}.input-unit{margin-top:11px}.input-unit em{font-family:Consolas,monospace;color:#bd7ca1;font-size:9px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input,select{font-family:Consolas,"Microsoft YaHei",monospace}textarea{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.95;padding:15px;min-height:230px}.rule-header{color:#bd7e9e;font-family:Consolas,"Microsoft YaHei",monospace;font-size:10px;border-color:#6b2b4d}.rule-row{border-color:#382032;padding:14px 0}.rule-row>span{font-size:11px}.rule-row small{font-size:8px;color:#9b5f81;text-transform:uppercase}.rule-row input{padding:10px;font-size:11px}.save-bar>span{font-size:10px;color:#a37590}.monitor-help .eyebrow{color:#f77eb6;font-family:Consolas,monospace;letter-spacing:2px}.monitor-help h3{font-size:20px;font-weight:850}.monitor-help hr{border-color:#6a2d4e}.monitor-help ul{color:#bb91a8;font-size:11px}.monitor-help p{font-size:11px;line-height:2}
.identity h2{font-size:23px}.avatar.large{border-color:#b43b74;background:#291020;color:#ff79b6}.settings-grid>.card>.eyebrow,.compose-layout .eyebrow,.server-card>.eyebrow{font-family:Consolas,monospace;color:#fc7fb5;letter-spacing:2px}.settings-grid>.card>h2{font-size:24px;font-weight:900}.security-row>span,.security-row .check{color:var(--accent)}.security-row strong{font-size:11px;color:#f0cee2}.security-row p{color:#ae829b;font-size:10px}dt{color:#9e6889}dd{color:#efbad8}dl{font-size:11px}.footnote{border-left:2px solid var(--accent);padding:10px 15px;background:#170d17;color:#b4819f;font-size:10px}.compose-policy{background:#1c0c19;border:1px solid #62304d;border-left:3px solid var(--accent);color:#c58dab;font-size:10px}.compose-options{margin:18px 0}.check-label input,.channel-check input{accent-color:var(--accent)}.compose-layout{grid-template-columns:minmax(0,1fr) 290px}.compose-layout aside h3{font-size:22px;line-height:1.6}.compose-layout .security-row{margin:25px 0}.compose-layout .section-copy{margin-bottom:25px}.server-card .server-id{color:#98617f}.channel-check{border-color:#45243a}.channel-check small{color:#ed77ae}.server-toolbar h2{font-size:15px;font-family:Consolas,"Microsoft YaHei",monospace}.message-link{color:#ff7eb9}.server-card{border-top:2px solid #bf3c78}.server-card h2{font-size:22px}.install-row input{font-size:11px}.install-row .primary{font-size:10px}
.banner{background:#26121d;border-color:#a43b68;border-left:3px solid #ff2a85;color:#ffc1d9;font-size:11px}.demo-notice{background:repeating-linear-gradient(135deg,#2b1224 0,#2b1224 8px,#23101e 8px,#23101e 16px);border:1px solid #854360;border-left:3px solid #fb5ba2;color:#ffafd2;font-family:Consolas,"Microsoft YaHei",monospace;font-size:10px;margin-top:18px;padding:12px 15px}.toast{background:#28101f;border-color:var(--accent);color:#ffd6e9;bottom:24px;font-size:12px}.toast.error{background:#300e22;border-color:#ff6d9e;color:#ffc5dc}footer{border-top:1px solid #472039;padding:20px 0;font-family:Consolas,"Microsoft YaHei",monospace;color:#965778;font-size:9px;letter-spacing:.6px}footer b{color:#db84af}
.login{background-color:#070609;background-image:linear-gradient(#ff2a8508 1px,transparent 1px),linear-gradient(90deg,#ff2a8508 1px,transparent 1px);background-size:24px 24px}.login-card{background:#110d16;border-color:#ab3f72;border-top:4px solid var(--accent);padding:35px}.login-card h1{font-size:28px;font-weight:900}.login-card .eyebrow{font-family:Consolas,monospace;color:#d97baa;letter-spacing:2px}.login-card p{color:#b18a9f}.login-card small{color:#8c6680}.login-card input{padding:14px}.login-card .primary{padding:13px}dialog{background:#140d19;border:1px solid #96305e;border-top:4px solid var(--accent);padding:28px}dialog::backdrop{background:#030104ce;backdrop-filter:none}dialog .eyebrow{color:#ff73b3;font-family:Consolas,monospace;letter-spacing:2px}dialog h2{font-size:22px;font-weight:900}dialog p{color:#d6afc8;font-size:12px}.dialog-actions{border-top:1px solid #51213f;padding-top:20px}
@media(min-width:1600px){main{padding:0 45px}.card{padding:25px}.stat{padding:23px}.page-heading{padding:34px 0 28px}}
@media(max-width:1200px){.shell{grid-template-columns:215px 1fr}.sidebar{padding:23px 12px}.brand{font-size:16px}.brand-symbol{width:32px;height:32px}.brand small{font-size:7px}.workspace{margin-top:28px}.nav-item{font-size:11px;gap:10px;padding:10px}.monitor-layout{grid-template-columns:1fr}.compose-layout{grid-template-columns:1fr}main{padding:0 24px}body:has(#page-overview:not([hidden])) .page-heading h1{font-size:30px}}
@media(max-width:850px){.shell{display:block}.sidebar{position:relative;height:auto;padding:15px 20px;border-right:0;border-bottom:2px solid #ba3774;background:#0b080e}.brand{font-size:16px}.sidebar nav{display:flex}.nav-item{min-height:33px;font-size:0;padding:8px;margin:0 2px}.nav-item>span{width:17px}.nav-item svg{width:17px;height:17px}.page-heading{padding:24px 0;margin-bottom:18px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:2px}.page-heading .primary{padding:10px;font-size:10px;gap:10px}body:has(#page-overview:not([hidden])) .page-heading h1{font-size:27px;letter-spacing:-1px}main{padding:0 18px}.overview-grid{grid-template-columns:1fr}.card{padding:20px}.card>.section-title{margin:-20px -20px 20px;padding:10px 13px}.module-hero{padding-top:0}.module-hero::before{margin:0 -20px 20px;font-size:9px}.stats{gap:11px}.stat{min-height:123px;padding:18px}.stat>strong{font-size:27px}.metrics{gap:11px}.metric{padding:15px}.metric strong{font-size:22px}.form-grid{gap:15px}.rule-header,.rule-row{gap:7px}.rule-row>span{font-size:10px}.rule-row input{padding:9px 6px}.rule-header{font-size:8px}.module-hero h2{font-size:25px}.demo-notice{font-size:9px;padding:10px 12px;line-height:1.9;margin-top:15px}header{height:59px}.compose-layout aside h3{font-size:20px}.card h2{font-size:15px}.module-hero h2{font-size:24px}.settings-grid>.card>h2{font-size:21px}}
@media(max-width:600px){.sidebar{padding:13px 12px}.sidebar .brand>span:last-child{display:none}.sidebar nav{gap:0}.sidebar .nav-item{padding:7px;margin:0 1px}.sidebar .brand-symbol{width:29px;height:29px}.header-right .badge:not(.amber){display:none}.breadcrumb{font-size:10px}.page-heading{align-items:flex-start}.page-heading .primary{max-width:108px;white-space:normal;text-align:left;line-height:1.6}.page-heading p{max-width:245px;line-height:1.8}.stat>span{font-size:9px}.stat small{font-size:8px}.section-title .muted{font-size:8px}.card>.section-title .muted{max-width:140px;text-align:right;line-height:1.7}.server-toolbar .secondary{padding:9px;font-size:9px}.settings-grid>.card>h2{font-size:20px}.rule-row input{font-size:10px}textarea{font-size:12px}.save-bar>.primary{font-size:10px;padding:10px}.save-bar>span{font-size:9px}.login-card{padding:28px}}
.command-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:2px solid var(--accent)}.command-toolbar h2{margin:12px 0;font-size:19px}.command-toolbar p{font-size:10px;margin:0;color:#c78aa9}.command-publish{display:flex;align-items:end;gap:15px}.command-publish select{min-width:180px}.command-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.command-row{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #43213a}.command-row:last-child{border-bottom:0}.command-row code{font-family:Consolas,monospace;font-size:12px;color:#ff8ac0}.command-row .check-label{gap:12px}.command-description{font-size:11px;color:#d4acc3;line-height:1.8;overflow-wrap:anywhere}.command-description small{display:block;font-size:9px;color:#90617b}.command-row .badge{font-size:7px}.command-row .quiet{color:#da78aa;font-size:10px}.command-layout aside form>h2{font-size:21px;line-height:1.6;margin-top:15px}.command-layout aside label:not(.check-label){margin-top:22px}.command-layout aside input:not([type=checkbox]){display:block;width:100%;margin-top:10px;font-size:11px}.command-layout aside textarea{min-height:180px;font-size:12px}.command-layout .save-bar{margin-bottom:0}.command-layout .save-bar>span{line-height:1.8}.command-layout .save-bar .primary{font-size:10px}.command-toolbar .eyebrow{font-family:Consolas,monospace;color:#e776af;letter-spacing:1.5px}
@media(max-width:1200px){.command-layout{grid-template-columns:1fr}.command-layout aside form{max-width:100%}.command-row{grid-template-columns:135px 1fr auto}.command-toolbar{align-items:flex-start}.command-publish{display:block}.command-publish .primary{width:100%;margin-top:10px}}
@media(max-width:650px){.command-toolbar{display:block}.command-publish{margin-top:18px;display:flex;gap:10px;align-items:end}.command-publish label{flex:1;min-width:0}.command-publish select{min-width:0;width:100%;font-size:10px}.command-publish .primary{width:auto;font-size:9px}.command-row{grid-template-columns:105px 1fr;gap:10px}.command-row .badge{display:none}.command-row code{font-size:11px}.command-description{font-size:10px}.command-row>.quiet{grid-column:2;text-align:left;padding-left:0}.command-toolbar h2{font-size:18px}.command-layout .save-bar .primary{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.page{animation:none}button,a{transition:background .12s,color .12s,border-color .12s}}