:root{--bg:#f7f7fb;--card:#fff;--muted:#6b7280;--accent:#2563eb}*{box-sizing:border-box}#root,body,html{background:#f7f7fb;background:var(--bg);font-family:Inter,Roboto,Arial,sans-serif;height:100%;margin:0}.app-container{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#fbfdff);border-right:1px solid #0000000f;padding:24px;width:220px}.sidebar h2{font-size:18px;margin:0 0 12px}.categories{display:flex;flex-direction:column;gap:8px}.category{border-radius:6px;color:#6b7280;color:var(--muted);cursor:pointer;padding:8px 10px}.category.active{background:#2563eb14;color:#2563eb;color:var(--accent);font-weight:600}.main-area{flex:1 1;padding:24px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.create-btn{background:#2563eb;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.note-card{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:14px;transition:transform .12s ease,box-shadow .12s ease}.note-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-4px)}.note-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.note-title{font-size:16px;margin:0 0 8px}.note-category{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:12px;padding:4px 8px}.note-desc{margin:0 0 12px;min-height:40px}.note-desc,.note-footer{color:#6b7280;color:var(--muted)}.note-footer{font-size:12px}.empty{color:#6b7280;color:var(--muted);padding:40px}.modal-bg{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 10px 30px #0000001f;max-width:95%;padding:18px;width:420px}.modal h2{margin-top:0}.modal label{color:#6b7280;color:var(--muted);display:block;font-size:13px;margin-bottom:6px;margin-top:8px}.modal input,.modal select,.modal textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:8px 10px;width:100%}.modal textarea{resize:vertical}.modal-actions{display:flex;gap:8px;margin-top:12px}.save-btn{background:#2563eb;background:var(--accent);flex:1 1}.delete-btn,.save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.delete-btn{background:#ef4444}.close-btn{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;padding:8px 12px}
/*# sourceMappingURL=main.3d34f25a.css.map*/