:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#dcfce7;--bg:#f8fafc;--sidebar-bg:#fff;--panel:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius:12px;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .15s ease}.app-layout{display:flex;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);bottom:0;display:flex;flex-direction:column;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{align-items:center;color:var(--primary-dark);display:flex;font-size:20px;font-weight:700;gap:12px;padding:24px}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px}.nav-link{align-items:center;border-radius:var(--radius);color:var(--muted);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 14px;transition:all .2s ease}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.router-link-active{background:var(--primary-light);color:var(--primary-dark)}.sidebar-footer{border-top:1px solid var(--line);padding:16px}.main-content{display:flex;flex:1;flex-direction:column;margin-left:280px}.top-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid var(--line);display:flex;height:64px;padding:0 32px;position:sticky;top:0;z-index:50}.container{margin:0 auto;max-width:1400px;padding:32px;width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.section-title{color:var(--text);font-size:24px;font-weight:700;margin:0 0 24px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.row{align-items:center;display:flex;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}label{color:var(--muted);font-size:13px;font-weight:600}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:none}button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s ease}button:hover{background:var(--bg)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.primary:disabled{cursor:not-allowed;opacity:.6}.table-container{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg);color:var(--muted);font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--line)}td{font-size:14px;padding:16px}tr:last-child td{border-bottom:none}.badge,tr:hover td{background:var(--bg)}.badge{align-items:center;border-radius:9999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.badge.completed,.badge.done,.badge.selected,.badge.success{background:var(--primary-light);color:var(--primary-dark)}.badge.error,.badge.failed{background:#fee2e2;color:#991b1b}.badge.running{background:#e0f2fe;color:#075985}.map-container{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.text-muted{color:var(--muted)}.text-xs{font-size:12px}.font-medium{font-weight:500}.font-bold{font-weight:700}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}.page-enter-active,.page-leave-active{transition:all .2s ease-in-out}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.card{transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg)}.badge{transition:all .2s ease}button{transition:all .2s ease,transform active .1s}button:active{transform:scale(.98)}.mono{font-family:JetBrains Mono,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content.full-width[data-v-fe2612b0]{margin-left:0}.mobile-menu-btn[data-v-fe2612b0]{background:transparent;border:none;color:var(--text);cursor:pointer;display:none;margin-right:12px;padding:8px}@media(max-width:1024px){.sidebar[data-v-fe2612b0]{transform:translate(-100%);transition:transform .3s ease;z-index:200}.sidebar.mobile-open[data-v-fe2612b0]{display:flex!important;transform:translate(0)}.main-content[data-v-fe2612b0]{margin-left:0!important}.mobile-menu-btn[data-v-fe2612b0]{display:flex}.mobile-overlay[data-v-fe2612b0]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:150}}