body,html{min-height:100vh;margin:0;background:#242424;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center}.navbar{width:100%;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);padding:15px 30px;border-radius:12px;margin:25px auto;box-shadow:0 4px 15px #0000001a}.main-content-wrapper{width:100%;max-width:1200px;display:flex;justify-content:center;flex-direction:column}.notes-container{width:100%;background:#fff;border-radius:14px;box-shadow:0 6px 20px #0000001f;padding:40px;margin-bottom:40px;display:flex;flex-direction:column}.logo{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:1px}.nav-buttons{display:flex;gap:12px}.login-btn,.upgrade-btn{border:none;padding:10px 18px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-btn{background:#fff;color:#2575fc}.login-btn:hover{background:#f1f4ff}.upgrade-btn{background:#ff8c42;color:#fff}.upgrade-btn:hover{background:#ff7a20}.notes-container h2{text-align:center;margin-bottom:25px;font-size:1.8rem;font-weight:700;color:#000}.notes-table-container{width:100%;overflow-x:auto;margin-top:20px}.note-card{background:#fff;padding:30px;border-radius:15px;margin-bottom:30px;border:1px solid #e6e0ff;box-shadow:0 4px 16px #6a11cb26}.note-card h3{margin-bottom:15px;font-size:1.2rem;color:#9ca5b5}.note-title-input,.note-card textarea{width:95%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #dcdfe6;font-size:.95rem;transition:border .2s ease,box-shadow .2s ease}.note-title-input:focus,.note-card textarea:focus{border-color:#2575fc;box-shadow:0 0 6px #2575fc4d;outline:none}.note-card textarea{min-height:120px;resize:vertical}.form-buttons{display:flex;gap:12px}.create-btn{background:#504ea4;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.create-btn:hover{background:#1d5fd1}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #2575fc1f}th,td{border:1px solid #ddd;padding:12px;text-align:left;font-size:14px}th{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;padding:14px;font-size:15px;text-align:left}td{padding:12px;font-size:14px;color:#333;border-bottom:1px solid #e6e0ff}tr:nth-child(2n){background:#f5f7ff;color:#000}tr:nth-child(odd){background:#fff;color:#000}.actions-cell{display:flex;gap:10px}.edit-btn,.delete-btn{border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.edit-btn{background-color:#2575fc;color:#fff}.delete-btn{background-color:#e74c3c;color:#fff}.edit-btn:hover,.delete-btn:hover{opacity:.85}.edit-btn:hover{background-color:#1a5fd1}.delete-btn:hover{background-color:#c0392b}.cancel-btn{background:#51c2c4;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.cancel-btn:hover{background:#5bb0b9}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}