@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700&family=Share+Tech+Mono&display=swap');

:root {
  --kitt-red: #ff0000;
  --detail-foreground: #ffffff;
  --kitt-dark-red: #cc0000;
  --kitt-blue: #0066ff;
  --kitt-cyan: #00ffff;
  --dashboard-dark: #0a0a0f;
  --dashboard-panel: #1a1a2f;
  --dashboard-glow: #ff3333;
  --text-glow: #ff4444;
  --digital-green: #00ff00;
  --digital-yellow: #ffff00;
  --digital-orange: #ff9900;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Rajdhani', sans-serif;
  background: 
    radial-gradient(circle at 20% 50%, rgba(255, 0, 0, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),
    linear-gradient(135deg, #000000 0%, #0a0a1a 50%, #000000 100%);
  color: #ffffff;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

.scanner-bar {
  position: fixed; top: 0; left: 0; width: 100%; height: 16px;
  background: linear-gradient(90deg, transparent 0%, var(--kitt-red) 20%, var(--kitt-red) 80%, transparent 100%);
  box-shadow: 0 0 40px var(--kitt-red), inset 0 0 20px rgba(255, 0, 0, 0.5);
  z-index: 1000; overflow: hidden;
}

.scanner-light {
  position: absolute; top: 0; left: -120px; width: 120px; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
  animation: scannerMove 2.5s linear infinite;
  box-shadow: 0 0 20px rgba(255,255,255,0.8);
}

@keyframes scannerMove { 0% { left: -100px; } 100% { left: 100%; } }
@keyframes scannerBounce { 0% { left: -120px; } 45% { left: calc(100% - 120px); } 55% { left: calc(100% - 120px); } 100% { left: -120px; } }

body.turbo-mode .scanner-light { animation: scannerBounce 0.7s linear infinite; box-shadow: 0 0 40px rgba(255,255,255,0.95), 0 0 80px rgba(255,0,0,0.9); }
body.turbo-mode .scanner-bar { filter: brightness(1.6) saturate(1.4); box-shadow: 0 0 80px rgba(255,0,0,0.9), inset 0 0 30px rgba(255,0,0,0.6); }

.kitt-dashboard { display: grid; grid-template-columns: 200px 1fr 200px; min-height: 100vh; padding: 2rem; gap: 1rem; margin-top: 16px; }

.status-panel { background: rgba(10,10,15,0.9); border: 2px solid var(--kitt-red); border-radius: 10px; padding: 1.5rem; box-shadow: inset 0 0 20px rgba(255,0,0,0.3), 0 0 30px rgba(255,0,0,0.2); backdrop-filter: blur(5px); }
.system-status { display:flex; flex-direction:column; gap:1rem; }
.status-item { display:flex; justify-content:space-between; align-items:center; padding:0.5rem; background: rgba(0,0,0,0.5); border-radius:5px; }
.status-label { font-family: 'Share Tech Mono', monospace; font-size:0.8rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:1px; }
.status-indicator { width:12px; height:12px; border-radius:50%; background:#333; border:1px solid #666; position:relative; }
.status-indicator.active { background:var(--digital-green); box-shadow:0 0 10px var(--digital-green); animation:pulse 2s infinite; }
.status-indicator.active::after { content:''; position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; border:1px solid var(--digital-green); border-radius:50%; animation:pulse 2s infinite 0.5s; }
@keyframes pulse { 0%,100%{opacity:1;}50%{opacity:0.5;} }

.voice-module { text-align:center; margin-bottom:2rem; }
.voice-visualizer { display:flex; justify-content:center; gap:3px; margin-bottom:0.5rem; height:30px; align-items:end; }
.voice-bar { width:4px; background:var(--kitt-cyan); border-radius:2px; animation:voicePulse 1.5s infinite ease-in-out; }
.voice-bar:nth-child(1){animation-delay:0s;height:10px;} .voice-bar:nth-child(2){animation-delay:0.2s;height:20px;} .voice-bar:nth-child(3){animation-delay:0.4s;height:25px;} .voice-bar:nth-child(4){animation-delay:0.6s;height:20px;} .voice-bar:nth-child(5){animation-delay:0.8s;height:10px;}
@keyframes voicePulse { 0%,100%{transform:scaleY(1);opacity:0.7;}50%{transform:scaleY(1.3);opacity:1;} }
.voice-label { font-family:'Share Tech Mono', monospace; font-size:0.7rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:1px; }

.mission-stats { display:flex; flex-direction:column; gap:1rem; }
.mission-item { background:rgba(0,0,0,0.5); padding:0.8rem; border-radius:5px; text-align:center; border:1px solid rgba(255,0,0,0.3); }
.mission-label { display:block; font-family:'Share Tech Mono', monospace; font-size:0.7rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:1px; margin-bottom:0.3rem; }
.mission-value { display:block; font-family:'Orbitron', monospace; font-size:1.5rem; font-weight:700; color:var(--kitt-red); text-shadow:0 0 10px var(--kitt-red); }

.main-display { background: radial-gradient(circle at center, rgba(26,26,47,0.9) 0%, rgba(10,10,15,0.95) 100%), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,0,0,0.05) 2px, rgba(255,0,0,0.05) 4px); border:3px solid var(--kitt-red); border-radius:15px; box-shadow: inset 0 0 50px rgba(255,0,0,0.2), 0 0 50px rgba(255,0,0,0.3); overflow:hidden; position:relative; }
.main-display::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(90deg, transparent 98%, rgba(255,0,0,0.1) 100%), linear-gradient(0deg, transparent 98%, rgba(255,0,0,0.1) 100%); pointer-events:none; }

.display-header { background: linear-gradient(90deg, rgba(255,0,0,0.2) 0%, rgba(255,0,0,0.4) 50%, rgba(255,0,0,0.2) 100%); padding:1.5rem 2rem; border-bottom:2px solid var(--kitt-red); display:flex; justify-content:space-between; align-items:center; }
.app-title { display:flex; flex-direction:column; }
.kitt-text { font-family:'Orbitron', monospace; font-size:2.5rem; font-weight:700; color:var(--kitt-red); text-shadow: 0 0 10px var(--kitt-red), 0 0 20px var(--kitt-red), 0 0 30px var(--kitt-red); letter-spacing:3px; line-height:1; }
.subtitle { font-family:'Share Tech Mono', monospace; font-size:0.9rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:2px; margin-top:0.3rem; }
.time-display { text-align:right; }
.digital-time { font-family:'Orbitron', monospace; font-size:1.8rem; font-weight:700; color:var(--digital-green); text-shadow:0 0 10px var(--digital-green); display:block; }
.digital-date { font-family:'Share Tech Mono', monospace; font-size:0.9rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:1px; }

.display-content { padding:2rem; height:calc(100vh - 200px); }
.content-grid { display:grid; grid-template-columns:280px 1fr; gap:2rem; height:100%; }

.nav-panel { background:rgba(0,0,0,0.6); border:1px solid var(--kitt-red); border-radius:10px; padding:1.5rem; box-shadow: inset 0 0 20px rgba(255,0,0,0.2), 0 0 20px rgba(255,0,0,0.1); }
.projects-container { display:flex; flex-direction:column; height:100%; }
.projects-list { flex:1; overflow-y:auto; margin-bottom:1rem; }
.project-item { padding:0.8rem; margin-bottom:0.8rem; background:rgba(255,0,0,0.1); border:1px solid rgba(255,0,0,0.3); border-radius:5px; cursor:pointer; transition:all 0.3s ease; font-family:'Rajdhani',sans-serif; font-weight:600; color:#fff; position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:0.5rem; }
.project-name { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.project-actions { display:flex; gap:0.3rem; opacity:0; transition:opacity 0.3s ease; }
.project-item:hover .project-actions { opacity:1; }
.btn-project-action { background:none; border:none; color:#fff; cursor:pointer; font-size:0.9rem; padding:0.2rem 0.4rem; transition:all 0.2s ease; }
.btn-project-action:hover { transform:scale(1.2); filter:brightness(1.3); }
.project-item::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,0,0,0.2), transparent); transition:left 0.5s ease; }
.project-item:hover::before { left:100%; }
.project-item:hover { background:rgba(255,0,0,0.2); border-color:var(--kitt-red); box-shadow:0 0 15px rgba(255,0,0,0.3); transform:translateX(5px); }
.project-item.active { background:rgba(255,0,0,0.3); border-color:var(--kitt-red); box-shadow:0 0 20px rgba(255,0,0,0.4); }

.add-project-form { margin-top:auto; padding-top:1rem; border-top:1px solid rgba(255,0,0,0.3); display:flex; flex-direction:column; gap:0.8rem; }
.add-project-form input { width:100%; padding:0.8rem; background:rgba(0,0,0,0.7); border:1px solid rgba(255,0,0,0.5); border-radius:5px; color:#fff; font-family:'Rajdhani',sans-serif; font-size:0.95rem; margin:0; transition:all 0.3s ease; }
.add-project-form input::placeholder { color: rgba(255,255,255,0.5); }
.add-project-form input:focus { outline:none; border-color:var(--kitt-red); box-shadow:0 0 10px rgba(255,0,0,0.3); background:rgba(0,0,0,0.9); }
.add-project-form button { width:100%; padding:0.8rem; background:linear-gradient(135deg,var(--kitt-red),var(--kitt-dark-red)); border:none; border-radius:5px; color:#fff; font-family:'Rajdhani',sans-serif; font-weight:600; cursor:pointer; transition:all 0.3s ease; text-transform:uppercase; letter-spacing:1px; font-size:0.85rem; }
.add-project-form button:hover { background:linear-gradient(135deg,var(--kitt-dark-red),var(--kitt-red)); box-shadow:0 0 15px rgba(255,0,0,0.4); transform:translateY(-2px); }

.task-display { display:flex; flex-direction:column; gap:1.5rem; }

.stats-container { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.stat-card { background:rgba(0,0,0,0.6); border:1px solid var(--kitt-red); border-radius:8px; padding:1.2rem; text-align:center; transition:all 0.3s ease; box-shadow: inset 0 0 10px rgba(255,0,0,0.1), 0 0 10px rgba(255,0,0,0.1); }
.stat-card:hover { transform:translateY(-3px); box-shadow: inset 0 0 15px rgba(255,0,0,0.2), 0 0 20px rgba(255,0,0,0.2); }
.stat-number { font-family:'Orbitron', monospace; font-size:2rem; font-weight:700; color:var(--kitt-red); text-shadow:0 0 10px var(--kitt-red); display:block; margin-bottom:0.3rem; }
.stat-label { font-family:'Share Tech Mono', monospace; font-size:0.8rem; color:var(--kitt-cyan); text-transform:uppercase; letter-spacing:1px; }

.todos-container { flex:1; overflow-y:auto; padding-right:1rem; }
.todos-container::-webkit-scrollbar { width:10px; }
.todos-container::-webkit-scrollbar-track { background:rgba(0,0,0,0.4); border-radius:5px; margin:0.5rem 0; }
.todos-container::-webkit-scrollbar-thumb { background:linear-gradient(180deg,var(--kitt-red),var(--kitt-dark-red)); border-radius:5px; border:2px solid rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(255,0,0,0.4); }
.todos-container::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#ff3333,var(--kitt-red)); box-shadow:0 0 15px rgba(255,0,0,0.6); }

.add-todo-form { background:rgba(0,0,0,0.6); border:2px solid var(--kitt-red); border-radius:10px; padding:1.8rem; margin-bottom:1.5rem; box-shadow: inset 0 0 15px rgba(255,0,0,0.15), 0 0 20px rgba(255,0,0,0.15); transition:all 0.3s ease; }
.add-todo-form:focus-within { border-color:var(--kitt-cyan); box-shadow: inset 0 0 20px rgba(255,0,0,0.2), 0 0 25px rgba(0,255,255,0.2); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.form-group { display:flex; flex-direction:column; }
.form-group label { margin-bottom:0.5rem; color:var(--kitt-cyan); font-family:'Share Tech Mono', monospace; font-size:0.75rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; }
.form-group input, .form-group select, .form-group textarea { padding:0.9rem; background:rgba(0,0,0,0.8); border:1px solid rgba(255,0,0,0.4); border-radius:6px; color:#fff; font-family:'Rajdhani',sans-serif; font-size:0.95rem; transition:all 0.3s ease; }
.form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,0.4); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline:none; border-color:var(--kitt-cyan); background:rgba(0,0,0,0.9); box-shadow:0 0 15px rgba(0,255,255,0.3); }
.form-group textarea { resize:vertical; min-height:80px; font-family:'Rajdhani',sans-serif; }
.form-actions { display:flex; gap:1rem; }
.btn-primary { padding:0.8rem 2rem; background:linear-gradient(135deg,var(--kitt-red),var(--kitt-dark-red)); border:none; border-radius:5px; color:#fff; font-family:'Rajdhani',sans-serif; font-weight:600; cursor:pointer; transition:all 0.3s ease; text-transform:uppercase; letter-spacing:1px; }
.btn-primary:hover { background:linear-gradient(135deg,var(--kitt-dark-red),var(--kitt-red)); box-shadow:0 0 15px rgba(255,0,0,0.4); transform:translateY(-2px); }
.btn-secondary { padding:0.8rem 2rem; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); border-radius:5px; color:#fff; font-family:'Rajdhani',sans-serif; font-weight:600; cursor:pointer; transition:all 0.3s ease; }
.btn-secondary:hover { background:rgba(255,255,255,0.2); }

.todo-item { background:rgba(0,0,0,0.6); border:2px solid rgba(255,0,0,0.4); border-radius:10px; padding:1.2rem; margin-bottom:1rem; transition:all 0.3s ease; position:relative; overflow:hidden; box-shadow: inset 0 0 12px rgba(255,0,0,0.15), 0 0 15px rgba(255,0,0,0.15); display:flex; flex-direction:column; gap:0.8rem; }
.todo-item::before { content:''; position:absolute; top:0; left:0; width:100%; height:3px; background:var(--kitt-red); transition:all 0.3s ease; box-shadow:0 2px 8px rgba(255,0,0,0.4); }
.todo-item.low::before { background:var(--digital-green); } .todo-item.medium::before { background:var(--digital-yellow); } .todo-item.high::before { background:var(--digital-orange); } .todo-item.critical::before { background:var(--kitt-red); animation:criticalPulse 2s infinite; }
@keyframes criticalPulse { 0%,100%{opacity:1;}50%{opacity:0.5;} }
.todo-item:hover { border-color:var(--kitt-red); border-width:2px; box-shadow: inset 0 0 18px rgba(255,0,0,0.25), 0 0 25px rgba(255,0,0,0.3); transform:translateX(3px); }
.todo-item.completed { opacity:0.6; background:rgba(0,0,0,0.4); }
.todo-item.completed::before { background:var(--digital-green) !important; }
.todo-content { display:flex; align-items:flex-start; gap:1rem; }
.todo-checkbox { margin-top:0.2rem; }
.todo-checkbox input[type="checkbox"] { width:1.3em; height:1.3em; accent-color:var(--kitt-red); cursor:pointer; }
.todo-details { flex:1; }
.todo-title { font-size:1.1rem; font-weight:600; margin-bottom:0.3rem; color:#fff; font-family:'Rajdhani',sans-serif; }
.todo-item.completed .todo-title { text-decoration:line-through; color:rgba(255,255,255,0.5); }
.todo-meta { display:flex; gap:1rem; font-size:0.85rem; color:rgba(255,255,255,0.7); margin-bottom:0.5rem; font-family:'Share Tech Mono',monospace; flex-wrap:wrap; align-items:center; }
.todo-priority { padding:0.3rem 0.8rem; border-radius:14px; font-weight:600; text-transform:uppercase; font-size:0.7rem; background:rgba(255,0,0,0.25); color:var(--kitt-red); border:1px solid rgba(255,0,0,0.4); box-shadow:0 0 8px rgba(255,0,0,0.2); }
.todo-priority.low { background:rgba(0,255,0,0.2); color:var(--digital-green); border-color:rgba(0,255,0,0.4); } .todo-priority.medium { background:rgba(255,255,0,0.2); color:var(--digital-yellow); border-color:rgba(255,255,0,0.4); } .todo-priority.high { background:rgba(255,153,0,0.2); color:var(--digital-orange); border-color:rgba(255,153,0,0.4); } .todo-priority.critical { background:rgba(255,0,0,0.3); color:var(--kitt-red); border-color:rgba(255,0,0,0.6); animation:textPulse 2s infinite; }
@keyframes textPulse { 0%,100%{opacity:1;}50%{opacity:0.7;} }
.todo-description { color:rgba(255,255,255,0.8); margin-bottom:0.5rem; line-height:1.5; font-family:'Rajdhani',sans-serif; font-size:0.95rem; }
.timeline-indicator { margin-top:0.8rem; }
.timeline-bar { height:6px; background:rgba(255,255,255,0.1); border-radius:3px; overflow:hidden; margin-bottom:0.5rem; }
.timeline-progress { height:100%; border-radius:3px; transition:width 0.3s ease; }
.timeline-progress.far { background:var(--digital-green); width:20%; } .timeline-progress.upcoming { background:var(--digital-yellow); width:40%; } .timeline-progress.soon { background:var(--digital-orange); width:70%; } .timeline-progress.urgent { background:var(--kitt-red); width:90%; } .timeline-progress.overdue { background:var(--kitt-red); width:100%; animation:pulseWarning 2s infinite; }
.timeline-text { font-size:0.8rem; color:rgba(255,255,255,0.7); font-weight:500; font-family:'Share Tech Mono',monospace; }

.todo-row { display:flex; gap:1rem; align-items:center; }
.todo-checkbox { width:40px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; }
.todo-content-compact { flex:1 1 auto; min-width:0; }
.todo-title { font-size:1rem; font-weight:700; color:#fff; line-height:1.1; margin-bottom:0.15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.todo-description { color:rgba(255,255,255,0.85); margin-bottom:0.2rem; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:0.95rem; }
.todo-meta { display:flex; gap:0.6rem; font-size:0.78rem; color:rgba(255,255,255,0.7); align-items:center; }
.todo-actions { flex:0 0 auto; display:flex; gap:0.4rem; align-items:center; }
.btn-project-action { background:none; border:none; color:#fff; cursor:pointer; font-size:1.05rem; padding:0.2rem 0.4rem; }
.btn-project-action:hover { filter:brightness(1.2); }
.timeline-indicator { margin-top:0; }

#todos-container, #todos-container .todos-container { overflow-y:auto; max-height:calc(100vh - 360px); }

body.auto-mode .todo-description, body.auto-mode .timeline-text, body.auto-mode .mission-value { color:#333 !important; }
body.auto-mode .todo-priority.low, body.auto-mode .todo-priority.medium, body.auto-mode .todo-priority.high, body.auto-mode .todo-priority.critical { box-shadow:none; }

.todo-actions { display:flex; gap:0.5rem; margin-top:0.8rem; flex-wrap:wrap; }
.todo-actions button { padding:0.5rem 1rem; border:none; border-radius:6px; cursor:pointer; font-size:0.8rem; font-weight:500; transition:all 0.3s ease; text-transform:uppercase; letter-spacing:0.5px; font-family:'Rajdhani',sans-serif; }
.btn-edit { background:rgba(0,102,255,0.2); color:var(--kitt-blue); border:1px solid rgba(0,102,255,0.5); }
.btn-edit:hover { background:rgba(0,102,255,0.3); box-shadow:0 0 10px rgba(0,102,255,0.3); }
.btn-delete { background:rgba(255,0,0,0.2); color:var(--kitt-red); border:1px solid rgba(255,0,0,0.5); }
.btn-delete:hover { background:rgba(255,0,0,0.3); box-shadow:0 0 10px rgba(255,0,0,0.3); }

.kitt-voice { position:fixed; bottom:20px; left:50%; transform:translateX(-50%) translateY(100px); background:rgba(0,0,0,0.9); border:2px solid var(--kitt-red); border-radius:10px; padding:1.5rem; box-shadow:0 0 30px rgba(255,0,0,0.4); transition:transform 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:1001; min-width:400px; backdrop-filter:blur(10px); }
.kitt-voice.show { transform:translateX(-50%) translateY(0); }
.voice-message { font-family:'Rajdhani',sans-serif; font-size:1.1rem; color:var(--kitt-cyan); text-align:center; font-style:italic; }

.modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); backdrop-filter:blur(5px); display:flex; align-items:center; justify-content:center; z-index:1000; }
.modal-content { background:rgba(10,10,15,0.95); border:3px solid var(--kitt-red); border-radius:10px; padding:2rem; width:90%; max-width:500px; box-shadow:0 0 50px rgba(255,0,0,0.4); position:relative; }
.modal-content::before { content:''; position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; background:linear-gradient(45deg,var(--kitt-red),var(--kitt-blue),var(--kitt-cyan)); border-radius:13px; z-index:-1; animation:borderGlow 3s infinite; }
@keyframes borderGlow { 0%,100%{opacity:1;}50%{opacity:0.7;} }
.modal h3 { font-family:'Orbitron',monospace; color:var(--kitt-red); margin-bottom:1.5rem; text-align:center; font-size:1.5rem; text-shadow:0 0 10px var(--kitt-red); }

.dashboard-buttons { display:grid; grid-template-columns:1fr; grid-template-rows:repeat(3,auto); gap:0.8rem; margin-bottom:1.5rem; width:100%; }
.dashboard-btn { padding:0.9rem 0.8rem; border:2px solid rgba(0,0,0,0.6); border-radius:10px; font-family:'Rajdhani',sans-serif; font-weight:700; cursor:pointer; text-transform:uppercase; letter-spacing:1px; font-size:0.95rem; transition:all 0.18s ease; position:relative; overflow:hidden; width:100%; display:flex; align-items:center; justify-content:center; }
.dashboard-btn::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255,255,255,0.2); transition:left 0.3s ease; z-index:0; }
.dashboard-btn:hover::before { left:100%; }
.dashboard-btn > span { position:relative; z-index:1; }
.btn-yellow { background:#ffff00; color:#000; box-shadow:0 0 15px rgba(255,255,0,0.5), inset 0 0 10px rgba(255,255,255,0.3); }
.btn-yellow:hover { box-shadow:0 0 25px rgba(255,255,0,0.7), inset 0 0 15px rgba(255,255,255,0.5); transform:scale(1.05); }
.btn-yellow.active { box-shadow:0 0 30px rgba(255,255,0,0.9), inset 0 0 20px rgba(255,255,255,0.6); }
.btn-orange { background:#ff9900; color:#000; box-shadow:0 0 15px rgba(255,153,0,0.5), inset 0 0 10px rgba(255,255,255,0.3); }
.btn-orange:hover { box-shadow:0 0 25px rgba(255,153,0,0.7), inset 0 0 15px rgba(255,255,255,0.5); transform:scale(1.05); }
.btn-orange.active { box-shadow:0 0 30px rgba(255,153,0,0.9), inset 0 0 20px rgba(255,255,255,0.6); }
.btn-red { background:var(--kitt-red); color:#fff; box-shadow:0 0 15px rgba(255,0,0,0.5), inset 0 0 10px rgba(255,255,255,0.2); }
.btn-red:hover { box-shadow:0 0 25px rgba(255,0,0,0.7), inset 0 0 15px rgba(255,255,255,0.3); transform:scale(1.05); }
.btn-red.active { box-shadow:0 0 30px rgba(255,0,0,0.9), inset 0 0 20px rgba(255,255,255,0.4); }
.btn-blue { background:var(--kitt-blue); color:#fff; box-shadow:0 0 15px rgba(0,102,255,0.5), inset 0 0 10px rgba(255,255,255,0.2); }
.btn-blue:hover { box-shadow:0 0 25px rgba(0,102,255,0.7), inset 0 0 15px rgba(255,255,255,0.3); transform:scale(1.05); }
.btn-blue.active { box-shadow:0 0 30px rgba(0,102,255,0.9), inset 0 0 20px rgba(255,255,255,0.4); }

body.turbo-mode { --dashboard-glow: #ff3333; }
body.turbo-mode .todo-item::before, body.turbo-mode .scanner-bar { filter:brightness(1.5) saturate(1.3); }

body.surveillance-mode { --kitt-red:#ff0000; --dashboard-glow:rgba(255,51,51,0.35); --detail-foreground:#ffffff; }
body.surveillance-mode .scanner-bar { background: linear-gradient(90deg, transparent 0%, rgba(255,0,0,0.9) 20%, rgba(255,0,0,0.9) 80%, transparent 100%); box-shadow:0 0 60px rgba(255,0,0,0.6), inset 0 0 20px rgba(255,0,0,0.45); }
body.surveillance-mode .scanner-light { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent); box-shadow:0 0 30px rgba(255,0,0,0.6); }
body.surveillance-mode .status-panel, body.surveillance-mode .main-display, body.surveillance-mode .nav-panel, body.surveillance-mode .project-item, body.surveillance-mode .todo-item { box-shadow:0 0 25px rgba(255,0,0,0.25), inset 0 0 20px rgba(255,0,0,0.12); border-color:rgba(255,0,0,0.6); }

body.auto-mode { background: radial-gradient(circle at 20% 50%, rgba(150,150,150,0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(100,150,200,0.05) 0%, transparent 50%), linear-gradient(135deg, #d4d4d4 0%, #e8e8e8 50%, #d4d4d4 100%); color:#333; }
body.details-inverse .todo-item::before, body.details-inverse .project-item::before, body.details-inverse .mission-value { filter: invert(1) hue-rotate(180deg); }
body.auto-mode .scanner-bar { background: linear-gradient(90deg, transparent 0%, var(--kitt-red) 20%, var(--kitt-red) 80%, transparent 100%); box-shadow:0 0 40px var(--kitt-red); }
body.auto-mode .main-display { background: radial-gradient(circle at center, rgba(220,220,225,0.95) 0%, rgba(210,210,220,0.98) 100%); border-color:rgba(200,0,0,0.6); color:#333; }
body.auto-mode .display-header { background: linear-gradient(90deg, rgba(255,0,0,0.1) 0%, rgba(255,0,0,0.2) 50%, rgba(255,0,0,0.1) 100%); color:#333; }
body.auto-mode .digital-time { color:var(--digital-green); }
body.auto-mode .digital-date { color:#333; }
body.auto-mode .status-panel { background:rgba(220,220,225,0.8); color:#333; }
body.auto-mode .status-label { color:#333; }
body.auto-mode .nav-panel { background:rgba(225,225,230,0.75); color:#333; }
body.auto-mode .project-item { background:rgba(200,0,0,0.04); border-color:rgba(150,0,0,0.15); color:#333; }
body.auto-mode .project-item:hover { background:rgba(255,0,0,0.1); color:#000; }
body.auto-mode .add-todo-form { background:rgba(225,225,230,0.7); border-color:rgba(150,0,0,0.3); }
body.auto-mode .form-group input, body.auto-mode .form-group select, body.auto-mode .form-group textarea { background:rgba(240,240,240,0.95); border-color:rgba(150,0,0,0.25); color:#333; }
body.auto-mode .form-group label { color:#666; }
body.auto-mode .todo-item { background:rgba(235,235,240,0.85); border-color:rgba(150,0,0,0.2); color:#333; }
body.auto-mode .todo-title { color:#000; }
body.auto-mode .btn-primary { background: linear-gradient(135deg, var(--kitt-red), var(--kitt-dark-red)); color:#fff; }

@media (max-width:1200px) { .kitt-dashboard { grid-template-columns:1fr; grid-template-rows:auto 1fr auto; } .status-panel { order:3; } .main-display { order:2; } .content-grid { grid-template-columns:1fr; } .nav-panel { height:300px; } }
@media (max-width:768px) { .kitt-dashboard { padding:1rem; } .display-header { flex-direction:column; gap:1rem; text-align:center; } .kitt-text { font-size:2rem; } .stats-container { grid-template-columns:1fr; } .form-grid { grid-template-columns:1fr; } .kitt-voice { min-width:90vw; left:5vw; transform:translateX(0) translateY(100px); } .kitt-voice.show { transform:translateX(0) translateY(0); } }