:root{color-scheme:dark;--bg:#07121f;--side:#081827;--card:#0f2032;--line:#203b53;--text:#e9f2fa;--muted:#89a2b8;--blue:#347ce5;--green:#2fe07c;--red:#ff6574;--amber:#ffc857}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% -15%,#102a43 0,var(--bg) 38%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px}a{color:#87b8ff;text-decoration:none}
.ymc-admin-view{height:42px;position:fixed;z-index:100;inset:0 0 auto 0;display:flex;align-items:center;gap:16px;padding:0 18px;background:#5b3a06;border-bottom:1px solid #d59b2d;color:#fff}.ymc-admin-view span{color:#ffe2a8}.ymc-admin-view a,.ymc-admin-view button{color:#fff;background:#79520e;border:1px solid #d59b2d;border-radius:6px;padding:5px 9px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.ymc-admin-view form{margin:0}.ymc-shell.has-admin-view{padding-top:42px}.ymc-shell.has-admin-view .ymc-side{top:42px;height:calc(100vh - 42px)}
.ymc-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.ymc-side{background:linear-gradient(180deg,#081827,#06131f);border-right:1px solid #17324a;padding:18px 12px;position:sticky;top:0;height:100vh}.ymc-brand{margin:0 8px 22px}.ymc-brand img{display:block;width:180px;height:auto}.ymc-nav a{display:flex;padding:11px 12px;margin:4px 0;border-radius:8px;color:#c8d8e7;font-weight:750}.ymc-nav a.active,.ymc-nav a:hover{background:#112b44;color:#fff;box-shadow:inset 3px 0 var(--green)}
.ymc-main{padding:20px 22px 42px;max-width:1680px;width:100%;margin:0 auto;align-self:start}.ymc-top{display:flex;align-items:center;gap:10px;min-height:42px;margin:0 0 14px}.ymc-top h1{margin:0;font-size:24px}.spacer{flex:1}.ymc-account{position:relative}.ymc-account summary{list-style:none}.ymc-account summary::-webkit-details-marker{display:none}
.page-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.page-head h2{margin:0;font-size:19px}.page-head p{margin:3px 0 0;color:var(--muted)}
.card{background:linear-gradient(180deg,#102337,#0d1d2d);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 8px 26px #0002}.card h2,.card h3{margin-top:0}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric b{font-size:25px;display:block;margin-top:3px}.metric small{color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.38}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px}.map-card{padding:0;overflow:hidden}.map-head{display:flex;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.client-map{position:relative;height:310px;background:#081522;overflow:hidden}.client-map>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:fill;opacity:.9}.map-point{position:absolute;transform:translate(-50%,-50%);z-index:2;width:15px;height:15px;border-radius:50%;border:2px solid #d8ecff;background:var(--amber);box-shadow:0 0 13px currentColor;cursor:pointer}.map-point.up{background:var(--green);color:var(--green)}.map-point.down{background:var(--red);color:var(--red)}.map-point.paused{background:var(--amber);color:var(--amber)}.map-point span{display:none;position:absolute;bottom:21px;left:50%;transform:translateX(-50%);min-width:210px;padding:8px;border-radius:7px;background:#071522;border:1px solid #34526d;color:#fff;text-align:left;font-size:11px}.map-point:hover span,.map-point:focus span{display:block}.map-legend{display:flex;gap:14px;padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.type-list{display:grid;gap:7px}.type-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #1d3a53;border-radius:8px;background:#0a1a29}.type-badge{display:inline-flex;min-width:58px;justify-content:center;padding:4px 7px;border-radius:6px;background:#17324c;color:#bfe0ff;font-size:10px;font-weight:900}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #21394f;vertical-align:middle}th{font-size:10px;color:var(--muted);text-transform:uppercase}tbody tr:hover{background:#15304a33}.monitor-name{font-weight:850;color:#eaf4ff}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;min-width:66px;justify-content:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.up{background:#0c6d47;color:#caffdf}.down{background:#96313d;color:#fff}.unknown,.paused{background:#665426;color:#fff}.fail{margin-top:5px;padding:6px 8px;border-left:3px solid var(--red);background:#29151b;color:#ffd6da;font-size:11px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid #31516d;border-radius:7px;background:#15314c;color:#fff;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(#438aff,#286ddb);border-color:#4a8ff2}.btn.warn{background:#6c5016}.btn.danger{background:#822d38}.btn.slim{padding:6px 9px;font-size:11px}
input,select{width:100%;padding:9px;border:1px solid #31516d;border-radius:7px;background:#091a2a;color:#fff}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field label,label{display:block;margin:8px 0 4px;color:#abc0d3;font-size:11px}.checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.checkline{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #243f58;border-radius:7px}.checkline input{width:auto}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs a{padding:7px 10px;border:1px solid #31516d;border-radius:7px;background:#0b1d2e}.tabs a.active{background:var(--blue);color:#fff}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,calc(100vw - 24px));background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}.err{padding:8px;background:#35151d;border:1px solid #8c3440;border-radius:6px;color:#ffd4d8;margin-bottom:10px}
.recipient-grid{display:grid;gap:7px}.recipient-row{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:end;gap:8px;padding:7px 9px;border:1px solid #243f58;border-radius:8px;background:#0a1a29}.recipient-row .field label{margin-top:0}.recipient-enable{display:flex;align-items:center;gap:6px;height:36px;margin:0;color:#fff;font-weight:800}.recipient-enable input{width:auto}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ymc-admin-view{position:relative;height:auto;min-height:42px;flex-wrap:wrap;padding:7px 10px}.ymc-shell.has-admin-view{padding-top:0}.ymc-shell{grid-template-columns:1fr}.ymc-side{display:none}.ymc-main{padding:14px}.grid4,.grid3,.grid2,.formgrid,.checkgrid{grid-template-columns:1fr}.client-map{height:260px}}
.widget-hidden{display:none!important}.widget-manager{width:min(620px,calc(100vw - 32px));padding:0;border:1px solid #31506f;border-radius:14px;background:#0d1b2b;color:#eef6ff;box-shadow:0 28px 80px #000b}.widget-manager::backdrop{background:#020914c7;backdrop-filter:blur(3px)}.widget-manager form{padding:0}.widget-manager-head{display:flex;gap:20px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #20364f}.widget-manager-head h2{margin:0 0 5px;font-size:20px}.widget-manager-head p{margin:0;color:#91a7bd}.widget-manager-close{margin-left:auto;border:0;background:transparent;color:#d9e8f7;font-size:27px;cursor:pointer}.widget-manager-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px 22px}.widget-manager-list label{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #213a55;border-radius:10px;background:#10243a;cursor:pointer}.widget-manager-list label span{display:grid;gap:3px}.widget-manager-list label small{color:#8fa6bd}.widget-manager-list input{margin-left:auto;width:20px;height:20px;accent-color:#2e83ff}.widget-manager-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid #20364f}@media(max-width:620px){.widget-manager-list{grid-template-columns:1fr}}