:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#10b981;--background-color:#fff;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-family:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--border-radius:12px;--transition-speed:.2s}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.glass-surface{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border-radius:var(--border-radius);background:#ffffffb3;border:1px solid #ffffff4d}.btn{cursor:pointer;transition:all var(--transition-speed) ease;font-weight:500;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #6366f133}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px #6366f14d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#fff}.btn-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.form-group{margin-bottom:1.5rem}.form-label,form label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-speed);border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container{padding:0 1.5rem}}.card-padding{padding:1rem}@media (width>=768px){.card-padding{padding:2rem}}.scrollable-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.scrollable-tabs .btn{flex-shrink:0}.form-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.form-grid{grid-template-columns:1fr 1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-fade-in{animation:.4s forwards fadeIn}.filters-container{flex-wrap:nowrap;align-items:center;gap:.75rem;display:flex}@media (width<=576px){.filters-container{margin-top:.5rem;width:100%!important}.filters-container>div,.filters-container>select{flex:1!important;width:100%!important;min-width:0!important}.filters-container input{width:100%!important}}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}@media (width<=576px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.notes-grid>div{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;min-width:0!important}}.note-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background-color:#00000026;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1rem;display:flex;position:fixed;top:0;left:0}.note-modal-container{width:100%;max-width:650px;height:75vh;min-height:500px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;max-height:90vh;padding:2rem;display:flex;position:relative;overflow-y:auto}@media (width<=576px){.note-modal-overlay{padding:0!important}.note-modal-container{border-radius:0!important;max-width:100%!important;height:100%!important;max-height:100dvh!important;padding:1.25rem!important}}