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}.container{font-family:Arial,sans-serif;margin:0 auto;padding:20px;width:80%}.app-title{color:#333;margin-bottom:25px;text-align:center}.note-form{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.input{border:1px solid #ccc;border-radius:6px;outline:none;padding:10px;transition:.2s ease}.input:focus{border-color:#007bff}.input.small,.table{width:100%}.table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:20px;overflow:hidden}.table td,.table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.table th{background:#f7f7f7}.actions{display:flex;gap:8px;justify-content:center}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s ease}.btn.primary{background:#007bff;color:#fff}.btn.primary:disabled{background:#ccc;cursor:not-allowed}.btn.secondary{background:#6c757d;color:#fff}.btn.success{background:#28a745;color:#fff}.btn.warning{background:#ffc107;color:#000}.btn.danger{background:#dc3545;color:#fff}.btn:hover:not(:disabled){opacity:.85}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:15px}.page-info{font-weight:700}.rows-per-page{align-items:center;display:flex;gap:5px}.rows-per-page input{border:1px solid #ccc;border-radius:4px;padding:5px;width:60px}.login-container{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000026;margin:80px auto;max-width:400px;padding:25px;text-align:center;width:100%}.login-form{display:flex;flex-direction:column;gap:15px}.error-text{color:#dc3545;font-size:14px;margin:0}