*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0f1e;color:#e4e7eb}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(180deg,#1a1f36,#0f1420);padding:2rem 1rem;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:100vh}.logo{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#00d26a}.nav-menu{list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{display:block;padding:.75rem 1rem;color:#a0aec0;text-decoration:none;border-radius:.5rem;transition:all .2s}.nav-link:hover{background:#00d26a1a;color:#00d26a}.nav-link.active{background:#00d26a33;color:#00d26a}.main-content{flex:1;padding:2rem;overflow-y:auto;min-height:0}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:#a0aec0;font-size:1rem}.card{background:#1a1f3699;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600}.btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#00d26a,#00a854);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00d26a4d}.btn-secondary{background:#ffffff1a;color:#e4e7eb}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input,.form-select{width:100%;padding:.75rem;background:#1a1f36cc;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#e4e7eb;font-size:1rem}.form-input:focus,.form-select:focus{outline:none;border-color:#00d26a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.table th{font-weight:600;color:#a0aec0;font-size:.875rem;text-transform:uppercase}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#1a1f36cc,#0f1420cc);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.metric-label{font-size:.875rem;color:#a0aec0;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:#00d26a}.metric-change{font-size:.875rem;color:#a0aec0;margin-top:.25rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-active{background:#00d26a33;color:#00d26a}.status-running{background:#3b82f633;color:#3b82f6}.status-completed{background:#10b98133;color:#10b981}.status-inactive{background:#9ca3af33;color:#9ca3af}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:#a0aec0}.error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444}.timeline-entry{transition:all .2s ease-in-out}.timeline-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.sidebar{width:200px}.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-value{font-size:1.5rem}}@media(max-width:480px){.sidebar{width:60px;padding:1rem .5rem}.logo{font-size:1rem}.nav-link{padding:.5rem;font-size:.875rem}.metrics-grid{grid-template-columns:1fr}}