body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--accent:#2b99ff;--muted:#7b8a93;--danger:#e53935;--card-bg:#fff;--app-bg:#f3f6f8;--glass:#fffc}*{box-sizing:border-box}#root,body,html{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;height:100%;margin:0}.app{align-items:flex-start;background:linear-gradient(180deg,#f6f9fb,#eef4f8);display:flex;justify-content:center;min-height:100vh;padding:28px}.container{background:#0000;max-width:1100px;width:100%}.header{gap:12px;margin-bottom:18px}.header,.search{align-items:center;display:flex}.search{background:#fff;background:var(--card-bg);border-radius:28px;box-shadow:0 2px 8px #1018280f;flex:1 1;padding:10px 14px}.search input{border:0;font-size:14px;outline:0;width:100%}.addBtn{align-items:center;background:linear-gradient(90deg,#2b99ff,#3bb0ff);background:linear-gradient(90deg,var(--accent),#3bb0ff);border:0;border-radius:999px;box-shadow:0 6px 18px #2b99ff2e;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 16px}.grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}}.tile{animation:tileIn .26s ease;background:#fff;background:var(--card-bg);border-radius:14px;box-shadow:0 6px 18px #161f290f;display:flex;flex-direction:column;gap:8px;padding:16px;transform-origin:center}@keyframes tileIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.tile .top{align-items:center;display:flex;justify-content:space-between}.name{color:#0f1724;font-size:18px;font-weight:700}.meta{color:#7b8a93;color:var(--muted);font-size:13px;gap:10px}.meta,.row{align-items:center;display:flex}.row{gap:8px;margin-top:8px}.iconBtn{background:#0000;border:0;border-radius:8px;cursor:pointer;padding:6px}.copyBtn{color:#7b8a93;color:var(--muted);font-size:13px}.deleteBtn{background:#e53935;background:var(--danger);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px}.modalOverlay{align-items:center;background:#060c1473;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 30px #10182859;max-width:95%;padding:20px;width:420px}.formRow{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.formRow input{border:1px solid #e6eef2;border-radius:8px;outline:none;padding:10px 12px}.formError{color:#e53935;color:var(--danger);font-size:13px}.spinner{animation:spin 1s linear infinite;border:4px solid #00000014;border-radius:50%;border-top:4px solid var(--accent);height:26px;width:26px}@keyframes spin{to{transform:rotate(1turn)}}.small{color:#7b8a93;color:var(--muted);font-size:13px}.controls{align-items:center;display:flex;gap:10px}.button{background:#2b99ff;background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.btnGhost{background:#0000;border:1px solid #e6eef2;border-radius:8px;cursor:pointer;padding:8px 10px}.tile.deleting{animation:tileOut .26s forwards}@keyframes tileOut{to{height:0;margin:0;opacity:0;padding:0;transform:translateY(-8px) scale(.96)}}.search .icon{color:#7b8a93;color:var(--muted);font-size:18px;margin-right:8px}.pager{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:18px}.pager button{border:0;border-radius:8px;cursor:pointer;padding:8px 10px}
/*# sourceMappingURL=main.09ba7f04.css.map*/