.midir-dashboard-root,.midir-dashboard-root *,.midir-dashboard-root :before,.midir-dashboard-root :after{box-sizing:border-box}.midir-dashboard-root{color:#e8e4dc;-webkit-font-smoothing:antialiased;background:#0c0c0e;height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.midir-dashboard-root .mono{font-family:IBM Plex Mono,monospace}.midir-dashboard-root ::-webkit-scrollbar{width:3px;height:3px}.midir-dashboard-root ::-webkit-scrollbar-thumb{background:#c8ff0026;border-radius:2px}.midir-dashboard-root .sb{background:#0a0a0c;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:44px;padding:10px 0;display:flex}.midir-dashboard-root .si{cursor:pointer;color:#e8e4dc66;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .1s;display:flex;position:relative}.midir-dashboard-root .si:hover{color:#e8e4dca6;background:#ffffff0d}.midir-dashboard-root .si.on{color:#c8ff00;background:#c8ff001a}.midir-dashboard-root .si .tip{color:#e8e4dc;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#18181e;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity 80ms;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.midir-dashboard-root .si:hover .tip{opacity:1}.midir-dashboard-root .main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.midir-dashboard-root .topbar{background:#0c0c0e;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.midir-dashboard-root .vbanner{cursor:pointer;background:#ffb4320f;border-bottom:1px solid #ffb43229;flex-shrink:0;align-items:center;gap:10px;padding:5px 14px;transition:background .1s;display:flex}.midir-dashboard-root .vbanner:hover{background:#ffb4321a}.midir-dashboard-root .fstrip{background:#0c0c0e;border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:1px;height:28px;padding:0 6px;display:flex;overflow-x:auto}.midir-dashboard-root .fn{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#e8e4dc3d;background:0 0;border:none;border-radius:2px;flex-shrink:0;padding:2px 8px;font-size:9.5px;font-weight:700;transition:all 70ms}.midir-dashboard-root .fn:hover{color:#e8e4dca6;background:#ffffff0a}.midir-dashboard-root .fn.on{color:#c8ff00;background:#c8ff0014}.midir-dashboard-root .grid{background:#0c0c0e;flex:1;grid-template-columns:repeat(12,1fr);align-content:start;gap:2px;padding:2px;display:grid;overflow-y:auto}.midir-dashboard-root .w{background:#111116;transition:background .12s,box-shadow .12s;position:relative;overflow:hidden}.midir-dashboard-root .w:after{content:"";pointer-events:none;border:1px solid #ffffff0f;transition:border-color .12s;position:absolute;inset:0}.midir-dashboard-root .w:hover:after{border-color:#c8ff002e}.midir-dashboard-root .w:hover{box-shadow:inset 0 1px #c8ff000d}.midir-dashboard-root .w.active:after{border-color:#c8ff009e}.midir-dashboard-root .w.active{background:#101310}.midir-dashboard-root .w.dragging{opacity:.22}.midir-dashboard-root .w.drop-target:after{border-style:dashed;border-color:#c8ff008c}.midir-dashboard-root .pill{letter-spacing:.08em;text-transform:uppercase;border-radius:2px;align-items:center;gap:3px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;display:inline-flex}.midir-dashboard-root .pl{color:#c8ff00;background:#c8ff001a;border:1px solid #c8ff0033}.midir-dashboard-root .pg{color:#00e87a;background:#00e87a14;border:1px solid #00e87a2e}.midir-dashboard-root .pr{color:#f46;background:#ff446614;border:1px solid #ff44662e}.midir-dashboard-root .pw{color:#e8e4dca6;background:#ffffff0d;border:1px solid #ffffff14}.midir-dashboard-root .pa{color:#ffb432;background:#ffb43214;border:1px solid #ffb4322e}.midir-dashboard-root .pv{color:#a78bfa;background:#a78bfa14;border:1px solid #a78bfa2e}.midir-dashboard-root .pb{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf82e}.midir-dashboard-root .ov{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060608b8;animation:.15s mdr-fdin;display:flex;position:fixed;inset:0}.midir-dashboard-root .ovp{background:#0f0f14;border-left:1px solid #c8ff0021;flex-direction:column;width:660px;margin-left:auto;animation:.2s cubic-bezier(.16,1,.3,1) mdr-slin;display:flex;overflow:hidden}@keyframes mdr-fdin{0%{opacity:0}to{opacity:1}}@keyframes mdr-slin{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.midir-dashboard-root .toast{color:#0c0c0e;letter-spacing:.06em;z-index:200;background:#c8ff00;border-radius:2px;padding:7px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;animation:.15s mdr-tin;position:fixed;bottom:16px;right:16px;box-shadow:0 0 26px #c8ff0047}@keyframes mdr-tin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.midir-dashboard-root .content{flex:1;padding:22px;overflow-y:auto}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#020617;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.fi{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#334155}