:root { 
    --bg-soft: #f8f9fa; 
    --card-bg: #ffffff;
    --text-main: #2d3436;
    --card-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    --nav-bg: rgba(255,255,255,0.8);
}

[data-bs-theme="dark"] {
    --bg-soft: #121212;
    --card-bg: #1e1e1e;
    --text-main: #e0e0e0;
    --card-shadow: 0 10px 30px rgba(0,0,0,0.3);
    --nav-bg: rgba(18,18,18,0.8);
}

body { background: var(--bg-soft); font-family: 'Inter', sans-serif; color: var(--text-main); transition: 0.3s; }
.glass-nav { background: var(--nav-bg); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(150,150,150,0.1); }

.note-card { 
    border: none; border-radius: 16px; transition: 0.3s; 
    background: var(--card-bg); border-left: 6px solid #dfe6e9; 
    box-shadow: var(--card-shadow); color: var(--text-main);
}

.cat-Meeting { border-left-color: #0984e3; }
.cat-Schedule { border-left-color: #fdcb6e; }
.cat-Travel { border-left-color: #00b894; }
.cat-Document { border-left-color: #6c5ce7; }

.form-control, .form-select { background-color: var(--bg-soft) !important; color: var(--text-main) !important; border: 1px solid rgba(150,150,150,0.2); }
.search-box { border-radius: 50px; padding-left: 45px; }
.btn-mic-active { animation: pulse-red 1.5s infinite; color: red !important; }

@keyframes pulse-red { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.smart-tag { font-size: 0.7rem; padding: 4px 8px; border-radius: 6px; margin-left: 4px; border: none; }