@charset "UTF-8";
:root{--bg:#f5f4f0;--paper:#fff;--ink:#192f36;--muted:#738084;--line:#e5e8e5;--accent:#e87947;--green:#287e60}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:11px 18px;font-weight:600;transition:background .15s,transform .15s}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:hover:not(:disabled){filter:brightness(.97)}.primary{background:var(--accent);color:#192f36}.secondary{background:#edf0ee;color:var(--ink)}.full{width:100%}input,select{display:block;width:100%;border:1px solid #d9dfdc;border-radius:7px;background:white;color:var(--ink);padding:11px 12px;margin-top:7px}input:focus,select:focus{outline:2px solid #e8794770;border-color:var(--accent)}label{display:block;font-weight:600;font-size:13px;margin:17px 0}small{display:block;color:var(--muted);font-size:12px;margin-top:14px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin-bottom:12px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:16px}p{margin-bottom:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8b9595;margin-bottom:13px}.logo{font-size:56px;font-weight:800;letter-spacing:-8px}.logo span,.brand>span{color:var(--accent)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 40%,#f3e0d0,transparent 55%),var(--bg)}.login-card{width:420px;padding:38px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px #1931390c}.login-card form button{width:100%;margin-top:8px}.error{color:#ad3636}[hidden]{display:none!important}#app{display:flex;min-height:100vh}aside{width:238px;background:#173039;color:#f0f4f3;position:fixed;inset:0 auto 0 0;padding:32px 20px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;align-items:center;font-size:38px;font-weight:800;letter-spacing:-4px;padding:0 12px}.brand b{font-size:18px;letter-spacing:-.4px;line-height:1.1;margin-left:18px}.workspace{font-size:10px;color:#9fb2b5;margin:28px 12px 30px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#71b89b;border-radius:50%;display:inline-block}.workspace .dot{box-shadow:0 0 0 4px #71b89b15}nav{display:grid;gap:7px}nav button{text-align:left;background:none;color:#a9bbbe;font-size:18px;display:flex;align-items:center;gap:13px;padding:12px}nav button span{font-size:13px;font-weight:500}nav button.active{background:#2b454c;color:#fff}nav button.active:before{content:'';height:16px;width:3px;background:var(--accent);position:absolute;left:20px;border-radius:2px}nav i{margin-left:auto;background:#e87947;color:#19313a;border-radius:5px;font-size:10px;padding:1px 6px;font-style:normal}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #ffffff12;display:grid;gap:5px}.sidebar-bottom span{font-size:11px;color:#a9bbbe}.sidebar-bottom small{color:#839ba0;line-height:1.7}main{margin-left:238px;min-width:0;flex:1}header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;background:#ffffff70}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#b7c0bf}.breadcrumb b{font-weight:500;color:var(--ink)}.server{font-size:11px;display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:white}.content{padding:38px;max-width:1580px;margin:auto;min-height:calc(100vh - 124px)}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.title-row p:last-child{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:12px}.stat .label{color:var(--muted);font-size:12px}.stat b{display:block;font-size:34px;letter-spacing:-1px;font-weight:500;margin-top:9px}.stat small{font-size:10px;margin-top:5px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.card.compact{margin-top:20px}.compact p{margin-bottom:0;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-head h2{margin:0}.tag{font-size:10px;background:#f1f3f1;border:1px solid var(--line);padding:4px 8px;border-radius:5px;color:var(--muted);white-space:nowrap}ol{list-style:none;padding:0;counter-reset:steps;margin:24px 0}ol li{counter-increment:steps;position:relative;padding:0 0 24px 44px}ol li:last-child{padding-bottom:0}ol li:before{content:counter(steps);position:absolute;left:0;top:0;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;text-align:center;line-height:25px;font-size:12px;color:var(--green);background:#f4f8f4}ol li:not(:last-child):after{content:'';position:absolute;left:13px;top:32px;bottom:6px;width:1px;background:var(--line)}ol b{display:block;font-size:13px;font-weight:600}ol span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.note{font-size:12px;color:#776043;background:#faf5ec;border:1px solid #f0e5d2;border-radius:8px;padding:13px 15px;margin:18px 0;line-height:1.65}.workflow .note{margin-bottom:0}.event{padding:13px 0;border-bottom:1px solid #edf0ed;display:flex;gap:12px}.event:last-child{border:0}.event-mark{color:var(--green);font-size:18px}.event b{font-size:12px;font-weight:500;display:block}.event small{font-size:10px;margin-top:4px}.empty{text-align:center;padding:48px 16px;color:var(--muted);font-size:13px}.empty .empty-icon{font-size:30px;color:#becac5;display:block;margin-bottom:12px}.table-card{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;color:var(--muted);padding:17px 22px;background:#fafbf9;border-bottom:1px solid var(--line)}td{padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border:0}td b{font-weight:600}td small{font-size:10px;margin-top:4px}td button{font-size:11px;padding:7px 10px}td a{font-size:11px;color:var(--green);margin-right:10px;text-decoration:none}.badge{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;background:#edf0ee;color:#667670;white-space:nowrap}.badge.active,.badge.ready{background:#e8f5eb;color:#367954}.badge.pending,.badge.issued,.badge.running{background:#fff1dc;color:#987139}.badge.failed,.badge.expired,.badge.replaced{background:#f9eaea;color:#a15a58}.search{width:260px;margin:0}.build-columns{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr)}.dropzone{border:1px dashed #b8c7bd;border-radius:8px;padding:18px;background:#f8faf7}.dropzone input{border:0;padding:8px 0;background:none;font-size:12px}.dropzone span{font-size:11px;color:var(--muted);font-weight:400}.build-item{padding:16px 0;border-bottom:1px solid var(--line)}.build-item:first-child{padding-top:0}.build-item:last-child{border:0}.build-top{display:flex;justify-content:space-between;align-items:center}.build-item p{font-size:11px;color:var(--muted);margin:8px 0}.build-item a{font-size:12px;color:var(--green)}details{font-size:11px;color:var(--muted);margin-top:10px}pre{background:#172b33;color:#cdd9d8;border-radius:6px;padding:12px;max-height:250px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:10px}.settings{max-width:680px}.settings .muted{font-size:12px}.mail-item{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.mail-item a{color:var(--green)}dialog{border:1px solid var(--line);border-radius:14px;width:480px;color:var(--ink);padding:30px}dialog::backdrop{background:#17303966;backdrop-filter:blur(3px)}.check{display:flex;align-items:center;gap:10px;font-size:12px}.check input{width:auto;margin:0;accent-color:var(--green)}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#toast{position:fixed;bottom:25px;right:30px;z-index:100;background:#173039;color:white;box-shadow:0 8px 30px #0002;border-radius:9px;padding:16px 23px;max-width:480px;font-size:13px}footer{height:50px;padding:15px 38px;font-size:10px;color:#8a9695;border-top:1px solid var(--line);display:flex;justify-content:space-between}@media(max-width:1100px){aside{width:200px}main{margin-left:200px}.content{padding:26px}.columns{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}header{padding:0 26px}}@media(max-width:760px){aside{width:70px;padding:25px 8px}.brand{padding:0;font-size:32px}.brand b,nav span,nav i,.workspace,.sidebar-bottom{display:none}nav{margin-top:30px}nav button{justify-content:center}main{margin-left:70px}.stats{grid-template-columns:1fr 1fr}.title-row{align-items:flex-start;flex-direction:column}h1{font-size:26px}.content{padding:20px}header{padding:0 20px}.server{display:none}.login-card{width:calc(100% - 30px)}footer span{display:none}.search{width:100%}}

/* MEPA identity — Midnight / Orange / Silver / Grey / Stone */
:root{color-scheme:dark;--bg:#171717;--paper:#202020;--ink:#FEF8E8;--muted:#aaa;--line:#363636;--accent:#F44A22;--green:#b3c6b6}
body{background:var(--bg)}.card,.stat,.login-card{background:var(--paper)}aside{background:#141414;color:#FEF8E8}header{background:#1c1c1c}.breadcrumb b{color:#E4E2E3}.server,.tag{background:#242424;border-color:#393939;color:#b6b6b6}.dot{background:#F44A22}.workspace{color:#aaa}.workspace .dot{box-shadow:0 0 0 4px #F44A2218}nav button{color:#aaa}nav button.active{background:#292421;color:#FEF8E8}nav button.active:before{background:#F44A22}nav i{background:#F44A22;color:#FEF8E8}.sidebar-bottom{border-color:#343434}.sidebar-bottom span,.sidebar-bottom small{color:#999}.primary{background:#F44A22;color:#FEF8E8}.secondary{background:#303030;color:#E4E2E3;border:1px solid #414141}.primary:hover:not(:disabled){background:#ff5a32;filter:none}input,select{background:#262626;border-color:#414141;color:#FEF8E8}input:focus,select:focus{outline-color:#F44A2260;border-color:#F44A22}.login{background:radial-gradient(ellipse at 30% 30%,#F44A220b,transparent 60%),#171717}.login-card{box-shadow:0 20px 80px #0005}.error{color:#ff937c}.note{color:#bfb8ae;background:#29231f;border-color:#4d382e}.tag{color:#aaa}ol li:before{background:#2b2420;color:#F44A22;border-color:#5c392a}.event{border-color:#363636}.event-mark{color:#F44A22}.empty .empty-icon{color:#686868}th{background:#252525;color:#a9a9a9}td{border-color:#363636}td a,.build-item a,.mail-item a{color:#ff8b68}.badge{background:#333;color:#ccc}.badge.active,.badge.ready{background:#28342c;color:#b8d0bc}.badge.pending,.badge.issued,.badge.running{background:#412b21;color:#ffae8f}.badge.failed,.badge.expired,.badge.replaced{background:#402626;color:#f0a5a0}.dropzone{background:#242424;border-color:#58514b}pre{background:#141414;color:#ccc}dialog{background:#202020;color:#FEF8E8}dialog::backdrop{background:#0009}.check input{accent-color:#F44A22}#toast{background:#303030;color:#FEF8E8;border:1px solid #6c4030;box-shadow:0 8px 30px #0006}footer{color:#929292}.brand{gap:14px;letter-spacing:0}.brand .mepa-mark{width:27px;height:42px;flex:none}.brand b{font-size:19px;letter-spacing:5px;margin:0}.brand b small{font-size:7px;letter-spacing:.65px;color:#a6a6a6;margin-top:8px;white-space:nowrap}.logo .mepa-mark{width:48px;height:70px}.mepa-wordmark{letter-spacing:9px;font-weight:600;margin-top:18px}.eyebrow{color:#a0a0a0}@media(max-width:760px){.brand{justify-content:center}.brand .mepa-mark{width:26px;height:42px}}