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

.hidden {
    display: none !important;
}

:root {
    --bg: #ffffff;
    --fg: #0a0a0a;
    --border: #e5e5e5;
    --muted: #f5f5f5;
    --muted-fg: #737373;
    --primary: #0a0a0a;
    --primary-fg: #ffffff;
    --destructive: #ef4444;
    --status-done: #22c55e;
    --status-open: #ffe51c;
    --status-planned: #f4f4f4;
    --session-done-bg: #f0fdf4;
    --session-open-bg: #f3e8ff;
    --session-open-border: #c084fc;
    --session-planned-bg: #fff;
    --session-planned-border: #000;
    --status-done-bg: #dcfce7;
    --status-done-fg: #166534;
    --status-open-bg: #e9d5ff;
    --status-open-fg: #6b21a8;
    --status-planned-bg: #f4f4f4;
    --task-timer-bg: rgba(255, 255, 255, 0.8);
    --session-notes-bg: #f9fafb;
    --subtask-bg: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] {
    --bg: #0a0a0a;
    --fg: #f5f5f5;
    --border: #2a2a2a;
    --muted: #1a1a1a;
    --muted-fg: #a3a3a3;
    --primary: #f5f5f5;
    --primary-fg: #0a0a0a;
    --destructive: #ef4444;
    --status-done: #22c55e;
    --status-open: #ffe51c;
    --status-planned: #2a2a2a;
    --session-done-bg: #0d2818;
    --session-open-bg: #2d1b4e;
    --session-open-border: #8b5cf6;
    --session-planned-bg: #1a1a1a;
    --session-planned-border: #2a2a2a;
    --status-done-bg: #1a3a2a;
    --status-done-fg: #86efac;
    --status-open-bg: #3b2c5f;
    --status-open-fg: #c4b5fd;
    --status-planned-bg: #2a2a2a;
    --task-timer-bg: rgba(26, 26, 26, 0.8);
    --session-notes-bg: #1a1a1a;
    --subtask-bg: rgba(26, 26, 26, 0.8);
}

/* Dark mode input text colors */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    color: var(--fg);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--muted-fg);
}

[data-theme="dark"] .session-date,
[data-theme="dark"] .task-timer,
[data-theme="dark"] .task-timer-focus {
    background: var(--task-timer-bg);
    color: var(--fg);
}

[data-theme="dark"] .session-notes-textarea:focus,
[data-theme="dark"] .planning-item-notes:focus,
[data-theme="dark"] .task-modal-notes:focus {
    background: var(--muted);
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
    background: var(--bg);
    color: var(--fg);
    line-height: 1.6;
}

.container {
    max-width: 1920px;
    width: 99vw;
    margin: 0 auto;
    padding: 2rem 3rem;
}