body{margin:0;font-family:sans-serif}h2{font-family:MD Primer Bold,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif}#fab{position:fixed;right:2rem;bottom:2rem;width:56px;height:56px;z-index:200}#sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;max-width:80%;background:#fff;box-shadow:2px 0 5px #0003;padding:3rem;transform:translate(-100%);transition:transform .3s;z-index:300;display:flex;flex-direction:column;gap:.5rem;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#sidebar h2{color:azure}#sidebar.open{transform:translate(0)}#sidebar button{border:none;background:#eee;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:bolder;color:#1e1e1e}.trash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.trash-box{background:#fff;padding:1rem;border-radius:8px;max-height:80vh;width:300px;overflow:auto;display:flex;flex-direction:column;gap:.5rem}.trash-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.trash-item{display:flex;justify-content:space-between;align-items:center;font-family:MD Primer Bold,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif}.trash-item button{margin-left:.25rem}.trash-close{background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);font-family:MD Primer Bold,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif}.trash-close:hover{background-color:#007bff;transition:background-color .3s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3)}#sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;visibility:hidden;transition:opacity .3s;z-index:250}#sidebar-overlay.show{opacity:1;visibility:visible}#menu-toggle{position:fixed;left:1rem;top:1rem;z-index:310;border:none;background:#eee;padding:.25rem .5rem;border-radius:4px;cursor:pointer}#grid{position:relative;padding-top:1.5rem;padding-bottom:2.5rem;--gs-item-margin-top: 5px;--gs-item-margin-bottom: 5px;--gs-item-margin-left: 0px;--gs-item-margin-right: 0px}#fab button{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;font-size:2rem;border:none;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center}#fab .fab-option{opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;transform:translate(0) scale(0)}#fab.open .fab-option{opacity:1;pointer-events:auto}#fab.open #fab-card{transform:translate(-70px) scale(1)}#fab.open #fab-container{transform:translate(-50px,-50px) scale(1)}#fab.open #fab-folder{transform:translateY(-70px) scale(1)}.grid-stack-item-content{background:#fff;border:2px solid #00000020;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:100%;padding:.5rem}.grid-stack>.grid-stack-item>.grid-stack-item-content{box-sizing:border-box}.grid-stack-item-content h6{margin:0 0 .25rem;font-size:1rem}.grid-stack-item-content textarea{flex:1;border:none;resize:none;font:inherit}.grid-stack-item-content[data-locked=true] textarea{background:#f0f0f0}.card-actions{display:flex;gap:.25rem;justify-content:flex-end;margin-bottom:.25rem}.card-actions button{background:none;border:none;cursor:pointer}.card{position:relative;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.7px);-webkit-backdrop-filter:blur(6.7px)}.resize-handle{position:absolute;right:2px;bottom:2px;width:12px;height:12px;background:#007bff50;border-radius:2px;cursor:se-resize}.container{background:#fff;border:2px dashed #007bff;border-radius:8px;display:flex;flex-direction:column;height:100%;width:100%;margin:0}.container.fixed-width{width:95%;margin:0 auto}.container-header{display:flex;align-items:center;gap:.25rem;background:#e9f2ff;padding:.25rem .5rem}.container-header h6{flex:1;margin:0}.container-header button{background:none;border:none;cursor:pointer}.container-body{flex:1;overflow:auto;padding:.5rem}.container.collapsed .container-body,.subgrid .resize-handle{display:none}#fab-menu{position:fixed;bottom:4.5rem;right:2rem;display:none;flex-direction:column;gap:.5rem}#fab-menu.show{display:flex}#fab-menu button{width:48px;height:48px;border-radius:50%;border:none;background:#007bff;color:#fff;font-size:1.25rem}.folder-icon{display:flex;align-items:center;justify-content:center;font-size:2rem}.folder-icon .lock-icon{display:none;font-size:1rem;margin-left:4px}.folder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;cursor:pointer}.folder-card h6{margin:0;font-size:.9rem;word-break:break-word}.folder-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1rem 0}.folder-header h6{margin:0;font-size:1.25rem}.folder-header textarea{flex:1;resize:vertical}.folder-header .folder-add,.folder-header .folder-delete{background:none;border:none;cursor:pointer}.folder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:1000;display:flex;flex-direction:column}.folder-overlay.hidden{display:none}.folder-overlay .folder-back{align-self:flex-start;margin:1rem;padding:.5rem 1rem;border:none;background:#007bff;color:#fff;border-radius:4px;cursor:pointer}.folder-grid{flex:1;overflow:auto;padding:1rem}.folder-grid::-webkit-scrollbar{width:8px;height:8px}.folder-grid::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.password-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1100}.password-box{background:#fff;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.password-box input{padding:.5rem;font-size:1rem}.password-box button{align-self:flex-end;padding:.25rem .75rem;border:none;background:#007bff;color:#fff;border-radius:4px;cursor:pointer}#auth-btn{padding:.5rem 1rem;border:none;border-radius:4px;background:#28a745;color:#fff;cursor:pointer}@media (prefers-color-scheme: dark){body{background:#121212;color:#fff}#fab{background:#0d6efd}.grid-stack-item-content{background:#1e1e1e;border-color:#fff3;height:100%}.grid-stack-item-content[data-locked=true] textarea{background:#333}}