*{box-sizing:border-box}html,body,#app{width:100%;min-height:100vh;margin:0;padding:0}body{font-family:Arial,sans-serif}.search-input{margin-bottom:18px}select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px;font-size:15px}.tag-filter{margin-bottom:18px}.note-tag{color:#1e40af;background:#dbeafe;border-radius:999px;margin-top:12px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.topbar[data-v-ed901267]{color:#fff;background:linear-gradient(90deg,#071a36,#102a56);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.topbar h1[data-v-ed901267]{color:#60a5fa;margin:0}.topbar p[data-v-ed901267]{margin:4px 0 0}nav[data-v-ed901267]{gap:12px;display:flex}nav a[data-v-ed901267]{color:#fff;background:#ffffff1a;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}nav a.router-link-active[data-v-ed901267]{background:#2563eb}.logout-btn[data-v-ed901267]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;padding:10px 18px;font-weight:700}.sidebar[data-v-cf34eadc]{color:#fff;background:linear-gradient(#071a36,#102a56);width:300px;padding:32px}.sidebar-header h1[data-v-cf34eadc]{color:#60a5fa;margin-bottom:8px;font-size:32px}.sidebar-header p[data-v-cf34eadc]{color:#cbd5e1;margin-bottom:28px}.course-form[data-v-cf34eadc]{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.course-form input[data-v-cf34eadc]{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.course-form input[data-v-cf34eadc]:focus{border-color:#60a5fa;outline:none}.course-form input[data-v-cf34eadc]::placeholder{color:#cbd5e1}.course-form button[data-v-cf34eadc]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:12px 14px;font-weight:700;transition:background-color .2s,opacity .2s}.course-form button[data-v-cf34eadc]:hover:not(:disabled){background:#1d4ed8}.course-form button[data-v-cf34eadc]:disabled{opacity:.5;cursor:not-allowed}.form-message.error-message[data-v-cf34eadc]{color:#ef4444;margin-top:4px;font-size:14px}.course-list[data-v-cf34eadc]{flex-direction:column;gap:14px;display:flex}.course-item[data-v-cf34eadc]{background:#ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:10px;transition:background-color .2s;display:flex}.course-item.active[data-v-cf34eadc]{background:#2563eb}.course-item button[data-v-cf34eadc]{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px;font-size:16px;transition:background-color .2s;display:flex}.course-item button[data-v-cf34eadc]:hover{background:#ffffff1a}.course-name[data-v-cf34eadc]{flex:1;font-weight:500}.course-count[data-v-cf34eadc]{background:#ffffff1f;border-radius:999px;margin-left:10px;padding:3px 8px;font-size:13px;font-weight:600}.delete-button[data-v-cf34eadc]{color:#bfdbfe;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:18px;transition:color .2s,background-color .2s}.delete-button[data-v-cf34eadc]:hover{color:#ef4444;background:#ef44441a}.sr-only[data-v-cf34eadc]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.note-form[data-v-830e03e7]{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;gap:16px;margin-bottom:28px;padding:32px;display:flex;box-shadow:0 12px 30px #0f172a14}.note-form h2[data-v-830e03e7]{color:#0f172a;margin-bottom:8px}input[data-v-830e03e7],textarea[data-v-830e03e7],select[data-v-830e03e7]{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:14px;font-size:15px}textarea[data-v-830e03e7]{resize:vertical;min-height:140px}button[data-v-830e03e7]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:13px 16px;font-weight:700}button[data-v-830e03e7]:disabled{opacity:.5;cursor:not-allowed}.note-card[data-v-eba671e5]{background:#f8fafc;border-left:6px solid #2563eb;border-radius:18px;padding:22px;box-shadow:0 8px 18px #0f172a0d}.note-card h3[data-v-eba671e5]{color:#1e3a8a;margin-bottom:8px}.note-card p[data-v-eba671e5]{color:#334155;line-height:1.6}.note-tag[data-v-eba671e5]{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.note-actions[data-v-eba671e5]{gap:10px;margin-top:16px;display:flex}button[data-v-eba671e5]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:10px 14px;font-weight:700}.delete-btn[data-v-eba671e5]{background:#ef4444}.notes-section[data-v-2ade6830]{background:#fff;border:1px solid #e2e8f0;border-radius:22px;margin-bottom:28px;padding:32px;box-shadow:0 12px 30px #0f172a14}.notes-section h2[data-v-2ade6830]{color:#0f172a;margin-bottom:18px}.search-input[data-v-2ade6830],.tag-filter[data-v-2ade6830]{border:1px solid #cbd5e1;border-radius:14px;width:100%;margin-bottom:18px;padding:14px;font-size:15px}.note-list[data-v-2ade6830]{gap:18px;display:grid}.empty-message[data-v-2ade6830]{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:18px}.hero[data-v-c3e86cef]{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-bottom:28px;display:grid}.stat-card[data-v-c3e86cef]{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:22px;padding:30px;transition:all .2s;box-shadow:0 14px 30px #0f172a14}.stat-card[data-v-c3e86cef]:hover{transform:translateY(-4px)}.stat-card h3[data-v-c3e86cef]{color:#2563eb;margin-bottom:8px;font-size:30px}.stat-card p[data-v-c3e86cef]{color:#475569;font-weight:700}.app[data-v-2ef5aa34]{color:#0f172a;background:linear-gradient(135deg,#eef2f7,#e2e8f0);max-width:1500px;min-height:100vh;margin:0 auto;font-family:Arial,sans-serif;display:flex}.main-content[data-v-2ef5aa34]{flex:1;width:100%;max-width:1250px;padding:40px}.message[data-v-2ef5aa34]{border-radius:14px;margin-bottom:20px;padding:14px 16px;font-weight:700}.error-message[data-v-2ef5aa34]{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.success-message[data-v-2ef5aa34]{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}@media (width<=800px){.app[data-v-2ef5aa34]{flex-direction:column}.main-content[data-v-2ef5aa34]{padding:20px}}.login-page[data-v-cc531b6a]{background:linear-gradient(135deg,#eef2f7,#e2e8f0);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card[data-v-cc531b6a]{background:#fff;border-radius:24px;width:100%;max-width:430px;padding:36px;box-shadow:0 14px 35px #0f172a1f}.login-card h1[data-v-cc531b6a]{color:#2563eb;margin-bottom:8px;font-size:36px}.login-card p[data-v-cc531b6a]{color:#64748b;margin-bottom:18px}input[data-v-cc531b6a]{border:1px solid #cbd5e1;border-radius:14px;width:100%;margin-bottom:14px;padding:14px;font-size:15px}button[data-v-cc531b6a]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;margin-top:6px;padding:14px;font-weight:700}.error-message[data-v-cc531b6a]{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:12px}.demo-info[data-v-cc531b6a]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:22px;padding:14px}.demo-info p[data-v-cc531b6a]{margin:4px 0}