*{margin:0;padding:0;box-sizing:border-box}:root{--sintef-blue: #003d5c;--sintef-blue-dark: #002940;--sintef-blue-light: #004d73;--sintef-cyan: #00b8c8;--sintef-cyan-light: #00d4e6;--sintef-cyan-dark: #00a0ad;--sintef-gray: #4a4a4a;--sintef-gray-light: #f5f5f5;--sintef-gray-medium: #d0d0d0;--background: #ffffff;--surface: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #6c757d;--border: #dee2e6;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--card-bg: #ffffff;--hover-bg: #f0f0f0}body.dark-mode{--background: #1a1a1a;--surface: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border: #404040;--sintef-gray-light: #3a3a3a;--sintef-gray-medium: #505050;--card-bg: #2d2d2d;--hover-bg: #3a3a3a}body{font-family:Open Sans,-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-color:var(--surface);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,var(--sintef-blue) 0%,var(--sintef-blue-dark) 100%);color:#fff;padding:30px 0;margin-bottom:30px;box-shadow:0 2px 8px #003d5c26}.header h1{margin:0;font-size:2.2em;font-weight:600;text-align:center}.header p{text-align:center;margin-top:8px;opacity:.95;font-size:1.1em}.dashboard{display:grid;gap:20px}.card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border)}.card h2{margin-top:0;margin-bottom:15px;color:#333;font-size:1.5em;border-bottom:2px solid #667eea;padding-bottom:10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-card.secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.warning{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-value{font-size:3em;font-weight:700;margin:10px 0}.stat-label{font-size:.9em;opacity:.9;text-transform:uppercase;letter-spacing:1px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:10px}thead{background-color:var(--surface)}th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-primary)}tbody tr:hover{background-color:var(--hover-bg)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:500}.status-running{background-color:#d4edda;color:#155724}.status-stopped{background-color:#f8d7da;color:#721c24}.status-admin{background-color:#fff3cd;color:#856404}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.error{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;margin:20px 0;border:1px solid #f5c6cb}.dark-mode-toggle{background:var(--sintef-cyan);color:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:1.5em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #0003}.dark-mode-toggle:hover{background:var(--sintef-cyan-light);transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(.95)}.chart-container{margin-top:20px;height:400px}.refresh-info{text-align:center;color:#666;font-size:.9em;margin-top:10px}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border)}.tab{padding:10px 20px;cursor:pointer;border:none;background:none;font-size:1em;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}.tab:hover{color:var(--sintef-cyan)}.tab.active{color:var(--sintef-cyan);border-bottom-color:var(--sintef-cyan);font-weight:600}.auth-required{text-align:center;padding:60px 20px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;margin:100px auto}.auth-required h2{color:#333;margin-bottom:20px}.auth-required p{color:#666;margin-bottom:30px}.login-button,.logout-button,.login-button-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.login-button-large{padding:16px 32px;font-size:16px}.login-button:hover,.logout-button:hover,.login-button-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.logout-button{background:#fff3;border:1px solid rgba(255,255,255,.3)}.logout-button:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003}.card h2{border-bottom-color:var(--sintef-cyan)}.stat-card{background:linear-gradient(135deg,var(--sintef-blue) 0%,var(--sintef-blue-dark) 100%)}.stat-card.secondary{background:linear-gradient(135deg,var(--sintef-cyan) 0%,var(--sintef-cyan-dark) 100%)}.stat-card.success{background:linear-gradient(135deg,var(--sintef-blue-light) 0%,var(--sintef-cyan) 100%)}.tab.active{color:var(--sintef-cyan);border-bottom-color:var(--sintef-cyan)}.tab:hover{color:var(--sintef-cyan-dark)}.login-button,.logout-button,.login-button-large{background:linear-gradient(135deg,var(--sintef-blue) 0%,var(--sintef-cyan) 100%)}.login-button:hover,.logout-button:hover,.login-button-large:hover{box-shadow:0 4px 12px #00b8c866}.user-activity-timeline{margin-top:20px}.timeline-chart{background:var(--card-bg);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border)}.timeline-controls{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.timeline-controls select,.timeline-controls input{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.timeline-controls button{padding:8px 16px;background:var(--sintef-cyan);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.timeline-controls button:hover{background:var(--sintef-cyan-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:8px;padding:30px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--sintef-cyan)}.modal-header h2{margin:0;color:var(--sintef-blue)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--sintef-cyan)}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--sintef-cyan);color:#fff}.btn-primary:hover{background:var(--sintef-cyan-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00b8c84d}.btn-secondary{background:var(--sintef-gray-medium);color:var(--text-primary)}.btn-secondary:hover{background:var(--sintef-gray);color:#fff}@media (max-width: 768px){.header h1{font-size:1.8em}.summary-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;flex-wrap:nowrap}.modal-content{padding:20px}}.clickable-user{transition:color .2s ease}.clickable-user:hover{color:#667eea;text-decoration:underline}