@import"variables";._pageContainer_87181_3{margin:0 auto}._section_87181_7{width:100%}._gradientText_87181_11{background:linear-gradient(135deg,$primary,darken($primary,15%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._bodyText_87181_18{margin:0}._grid_87181_22{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:$spacing-unit * 4}._card_87181_28{background-color:$background-default;border-radius:16px;box-shadow:0 4px 20px rgba($text-primary,.08);transition:all .3s ease}._card_87181_28:hover{box-shadow:0 8px 30px rgba($text-primary,.12)}._iconContainer_87181_39{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}._heading_87181_48{margin:0;font-weight:600}._container_ue0ij_1{display:flex;height:calc(100vh - 140px);gap:24px;padding:24px}._sidebar_ue0ij_9{width:300px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #33333314;display:flex;flex-direction:column}._sidebarHeader_ue0ij_18{padding:16px;border-bottom:1px solid rgba(51,51,51,.1)}._searchBox_ue0ij_23{position:relative;margin-bottom:16px}._searchBox_ue0ij_23 input{width:100%;padding:8px 32px;border:1px solid rgba(51,51,51,.1);border-radius:8px;font-size:.875rem;transition:all .2s ease}._searchBox_ue0ij_23 input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}._searchIcon_ue0ij_41{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#757575}._newButton_ue0ij_49{width:100%;padding:8px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}._newButton_ue0ij_49:hover{background:#0d8aee}._notesList_ue0ij_68{flex:1;overflow-y:auto;padding:16px}._noteItem_ue0ij_74{padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease}._noteItem_ue0ij_74:hover{background:#2196f30d}._noteItem_ue0ij_74._active_ue0ij_83{background:#2196f31a}._noteItem_ue0ij_74 h3{margin:0 0 8px;font-size:1rem}._noteInfo_ue0ij_92{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#757575}._editor_ue0ij_100{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #33333314;display:flex;flex-direction:column}._editorHeader_ue0ij_109{padding:16px;border-bottom:1px solid rgba(51,51,51,.1);display:flex;justify-content:space-between;align-items:center}._titleInput_ue0ij_117{font-size:1.5rem;border:none;flex:1;margin-right:16px}._titleInput_ue0ij_117:focus{outline:none}._actions_ue0ij_127{display:flex;gap:8px}._deleteButton_ue0ij_132,._saveButton_ue0ij_133{padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}._deleteButton_ue0ij_132{background:#7575751a;color:#757575}._deleteButton_ue0ij_132:hover{background:#75757533}._saveButton_ue0ij_133{background:#2196f3;color:#fff}._saveButton_ue0ij_133:hover{background:#0d8aee}._tagsEditor_ue0ij_161{padding:16px;border-bottom:1px solid rgba(51,51,51,.1)}._tagsList_ue0ij_166{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}._tag_ue0ij_161{padding:4px 8px;background:#2196f31a;color:#2196f3;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}._tag_ue0ij_161:hover{background:#2196f333}._addTag_ue0ij_186{display:flex;gap:8px}._addTag_ue0ij_186 input{flex:1;padding:8px;border:1px solid rgba(51,51,51,.1);border-radius:8px;font-size:.875rem}._addTag_ue0ij_186 input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}._addTag_ue0ij_186 button{padding:8px 16px;background:#2196f31a;color:#2196f3;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}._addTag_ue0ij_186 button:hover{background:#2196f333}._contentEditor_ue0ij_215{flex:1;padding:16px;border:none;resize:none;font-size:1rem;line-height:1.6}._contentEditor_ue0ij_215:focus{outline:none}._emptyState_ue0ij_227{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#757575;text-align:center}._emptyState_ue0ij_227 h2{margin-bottom:8px}@media(max-width:768px){._container_ue0ij_1{flex-direction:column;height:auto}._sidebar_ue0ij_9{width:100%;height:300px}._editor_ue0ij_100{height:500px}}